@mx-cartographer/experiences 9.4.8 → 9.4.10-alpha.al0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [9.4.10] - 09-01-2026
+
+- **FIXED** - `background_color`/`paper_color` are treated as light-mode colors under `mode: browser`, preventing white-on-white text in dark mode (MEW-3445)
+
+## [9.4.9] - 09-01-2026
+
+- **ADDED** - New theming properties on `ClientStyleProfile` and `StyleConfig`, and a `getClientCustomizations` util mapping them to MXUI `Customizations` (MEW-3445)
+- **CHANGED** - `secondary_color` now seeds MUI `secondary` and `neutral_color` seeds `grey`/`neutral` (previously `neutral_color` -> `secondary`) (MEW-3445)
+- **ADDED** - `getClientComponentOverrides` util for the overrides MXUI `Customizations` can't express (button/card radius, tab and calendar tints) (MEW-3445)
+- **DEPRECATED** - `getClientPaletteOptions` and `getClientTheme` in favor of `getClientCustomizations` + `getClientComponentOverrides`; both inherit the `secondary_color`/`neutral_color` seed correction above (MEW-3445)
+- **FIXED** - `MiniWidgetContentCoverage` test failed in the last days of a month; its fixture date is now clamped to the end of the current month (MEW-3445)
+
 ## [9.4.8] - 08-27-2026
 
 - **ADDED** - insights-v2 Action Block drilldowns: shared `ActionBlockLayer` owns a single drawer, content-only blocks register in `mappings/blocks.ts` keyed by the beat CTA's `block` (WEC-1705)

package/dist/common/index.es.js

@@ -3,10 +3,10 @@ import m, { CalendarSelectionTypes as i } from "./components/calendar/Calendar.e
 import a from "./components/charts/StatusBar.es.js";
 import p from "./components/charts/Donut.es.js";
 import u from "./hooks/useAccountDisplayName.es.js";
-import { useCombineEvents as S, useCombinePageviews as C } from "./hooks/useCombineEvents.es.js";
+import { useCombineEvents as C, useCombinePageviews as S } from "./hooks/useCombineEvents.es.js";
 import { GlobalDataContext as c, GlobalDataProvider as T } from "./context/GlobalDataProvider.es.js";
 import { WidgetContainerContext as E, WidgetContainerProvider as D } from "./context/WidgetContainerProvider.es.js";
-import { useAccountStore as _, useAppConfig as N, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as P, useDebtStore as b, useError as O, useEvent as G, useFinstrongStore as W, useGlobalCopyStore as L, useGlobalStore as R, useGlobalUiStore as U, useGoalStore as v, useHelpStore as B, useHoldingStore as h, useInsightsV2Store as w, useLoad as x, useMerchantStore as M, useNetWorthStore as Y, useNotificationStore as H, usePageView as F, useRecurringTransactionsStore as V, useSettingsStore as z, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as Z } from "./context/hooks.es.js";
+import { useAccountStore as _, useAppConfig as N, useBudgetsStore as y, useCashflowStore as A, useCategoryStore as P, useDebtStore as b, useError as O, useEvent as G, useFinstrongStore as W, useGlobalCopyStore as L, useGlobalStore as R, useGlobalUiStore as U, useGoalStore as v, useHelpStore as B, useHoldingStore as h, useInsightsV2Store as w, useLoad as x, useMerchantStore as M, useNetWorthStore as Y, useNotificationStore as H, usePageView as F, useRecurringTransactionsStore as z, useSettingsStore as V, useTransactionStore as k, useTrendsStore as q, useUserStore as K, useWidgetContainerProvider as Z } from "./context/hooks.es.js";
 import { useInsightsEnabled as J } from "./hooks/useInsightsEnabled.es.js";
 import { useScreenSize as X } from "./hooks/useScreenSize.es.js";
 import oo from "./hooks/usePrevious.es.js";
@@ -16,7 +16,7 @@ import no from "./components/dialog/Dialog.es.js";
 import so from "./components/drawer/Drawer.es.js";
 import fo from "./components/daterangeselector/DateRangeSelector.es.js";
 import { ANALYTICS_EVENTS as lo } from "./constants/Analytics.es.js";
-import { CONNECTIONS_WIDGET_ID as Co, CONNECT_WIDGET_ID as go, MemberConnectionStatus as co } from "./constants/Connect.es.js";
+import { CONNECTIONS_WIDGET_ID as So, CONNECT_WIDGET_ID as go, MemberConnectionStatus as co } from "./constants/Connect.es.js";
 import { formatCurrency as Eo, formatOrdinal as Do, formatPercentage as Io, generateEqualIntervals as _o, getCurrencyCodes as No, getPluralRules as yo } from "../core/utils/NumberFormatting.es.js";
 import { GlobalStore as Po } from "../core/stores/GlobalStore.es.js";
 import { INCOME_ACCOUNT_TYPES as Oo, PAYMENT_ACCOUNT_TYPES as Go, SPENDING_ACCOUNT_TYPES as Wo } from "./constants/Account.es.js";
@@ -25,7 +25,7 @@ import { LOADING_STATUS as vo } from "./constants/SpendingPlan.es.js";
 import { DEFAULT_DONUT_SIZE as ho, DEFAULT_STROKE_WIDTH as wo } from "./constants/Donut.es.js";
 import { Sizes as Mo, TOUCH_TARGET as Yo } from "./constants/Sizes.es.js";
 import Fo from "./components/donuts/MultiSegmentDonut.es.js";
-import zo from "./components/donuts/SingleSegmentDonut.es.js";
+import Vo from "./components/donuts/SingleSegmentDonut.es.js";
 import qo from "./components/ErrorBoundary.es.js";
 import Zo from "./components/Error.es.js";
 import Jo from "./components/MicroWidgetContainer.es.js";
@@ -37,7 +37,7 @@ import nr from "./components/ConnectDrawer.es.js";
 import sr from "./components/CurrencyDialog.es.js";
 import fr from "./components/CurrencyInput.es.js";
 import lr from "./components/ResponsiveButton.es.js";
-import Cr from "./components/SearchBox.es.js";
+import Sr from "./components/SearchBox.es.js";
 import cr from "./components/SelectionBox.es.js";
 import dr from "./components/TabContentContainer.es.js";
 import Dr from "./components/IconBacking.es.js";
@@ -52,11 +52,11 @@ import { ListItemWrapper as hr } from "./components/ListItemWrapper.es.js";
 import { Select as xr } from "./components/Select.es.js";
 import { ToggleButtonListItem as Yr } from "./components/listitems/ToggleButtonListItem.es.js";
 import { ToggleListItem as Fr } from "./components/listitems/ToggleListItem.es.js";
-import { analyticsSession as zr } from "./utils/Analytics.es.js";
-import { getClientPaletteOptions as qr, getClientTheme as Kr } from "./utils/Theme.es.js";
+import { analyticsSession as Vr } from "./utils/Analytics.es.js";
+import { getClientComponentOverrides as qr, getClientCustomizations as Kr, getClientPaletteOptions as Zr, getClientTheme as jr } from "./utils/Theme.es.js";
 export {
   lo as ANALYTICS_EVENTS,
-  Co as CONNECTIONS_WIDGET_ID,
+  So as CONNECTIONS_WIDGET_ID,
   go as CONNECT_WIDGET_ID,
   m as Calendar,
   i as CalendarSelectionTypes,
@@ -95,10 +95,10 @@ export {
   Ro as RECURRENCE_COPY,
   lr as ResponsiveButton,
   Wo as SPENDING_ACCOUNT_TYPES,
-  Cr as SearchBox,
+  Sr as SearchBox,
   xr as Select,
   cr as SelectionBox,
-  zo as SingleSegmentDonut,
+  Vo as SingleSegmentDonut,
   Mo as Sizes,
   a as StatusBar,
   Yo as TOUCH_TARGET,
@@ -108,15 +108,17 @@ export {
   mr as WidgetContainer,
   E as WidgetContainerContext,
   D as WidgetContainerProvider,
-  zr as analyticsSession,
+  Vr as analyticsSession,
   r as buildDynamicCopy,
   t as buildPluralCopy,
   Eo as formatCurrency,
   Do as formatOrdinal,
   Io as formatPercentage,
   _o as generateEqualIntervals,
-  qr as getClientPaletteOptions,
-  Kr as getClientTheme,
+  qr as getClientComponentOverrides,
+  Kr as getClientCustomizations,
+  Zr as getClientPaletteOptions,
+  jr as getClientTheme,
   No as getCurrencyCodes,
   yo as getPluralRules,
   u as useAccountDisplayName,
@@ -125,8 +127,8 @@ export {
   y as useBudgetsStore,
   A as useCashflowStore,
   P as useCategoryStore,
-  S as useCombineEvents,
-  C as useCombinePageviews,
+  C as useCombineEvents,
+  S as useCombinePageviews,
   b as useDebtStore,
   O as useError,
   G as useEvent,
@@ -145,9 +147,9 @@ export {
   H as useNotificationStore,
   F as usePageView,
   oo as usePrevious,
-  V as useRecurringTransactionsStore,
+  z as useRecurringTransactionsStore,
   X as useScreenSize,
-  z as useSettingsStore,
+  V as useSettingsStore,
   k as useTransactionStore,
   q as useTrendsStore,
   K as useUserStore,

package/dist/common/utils/Theme.d.ts

@@ -1,7 +1,71 @@
 import { PaletteColor, PaletteMode, Theme } from '@mui/material';
+import { Customizations } from '@mxenabled/mxui';
 import { ClientStyleProfile } from '../../core';
-import { ClientConfig } from '../../core/types/AppData';
+import { ClientConfig, StyleConfig } from '../../core/types/AppData';
+export declare const getClientCustomizations: (clientStyleProfile: ClientStyleProfile, mode: PaletteMode, styleConfig?: StyleConfig, requestedMode?: ClientStyleProfile["mode"]) => Customizations;
+export declare const getClientComponentOverrides: (theme: Theme, clientStyleProfile: ClientStyleProfile, clientConfig?: ClientConfig) => {
+    components: {
+        MuiCard?: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                };
+            };
+        } | undefined;
+        MuiPaper?: {
+            styleOverrides: {
+                rounded: {
+                    borderRadius: string;
+                };
+            };
+        } | undefined;
+        MuiButton?: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    textTransform: string;
+                };
+            };
+        } | undefined;
+        MuiIconButton?: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    minWidth: number;
+                    minHeight: number;
+                };
+            };
+        } | undefined;
+        MuiToggleButton?: {
+            styleOverrides: {
+                root: {
+                    borderRadius: string;
+                    textTransform: string;
+                };
+            };
+        } | undefined;
+        MuiTabs: {
+            styleOverrides: {
+                indicator: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        MuiPickersCalendarHeader: {
+            styleOverrides: {
+                switchViewButton: {
+                    color: string | undefined;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+    };
+};
+/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` */
 export declare const getClientPaletteOptions: (clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Record<string, string>;
+/** @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */
 export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile, clientConfig?: ClientConfig) => {
     typography: {
         [k: string]: string | {

package/dist/common/utils/Theme.es.js

@@ -1,5 +1,5 @@
-import { alpha as _, darken as y, lighten as k } from "@mui/material";
-var h = [
+import { alpha as h, darken as y, lighten as b } from "@mui/material";
+var x = [
   "fontFamily",
   "h1",
   "h2",
@@ -11,86 +11,150 @@ var h = [
   "subtitle1",
   "subtitle2",
   "tiny"
-], p = [
+], v = [
   {
     key: "primary",
+    override: "primary_color",
     light: "primary_color",
     dark: "primary_color_dark"
   },
   {
     key: "secondary",
-    light: "neutral_color",
-    dark: "neutral_color_dark"
+    override: "secondary_color",
+    light: "secondary_color",
+    dark: "secondary_color_dark"
   },
   {
     key: "error",
+    override: "error_color",
     light: "error_color",
     dark: "error_color_dark"
   },
   {
     key: "warning",
+    override: "warning_color",
     light: "warning_color",
     dark: "warning_color_dark"
   },
   {
     key: "info",
+    override: "info_color",
     light: "info_color",
     dark: "info_color_dark"
   },
   {
     key: "success",
+    override: "success_color",
     light: "success_color",
     dark: "success_color_dark"
   }
-], f = (a, o) => {
-  const l = o === "dark", i = {};
-  for (const { key: n, light: c, dark: t } of p) {
-    const s = a?.[l ? t : c];
-    s && (i[n] = s);
+], O = [...v, {
+  key: "grey",
+  override: "neutral_color",
+  light: "neutral_color",
+  dark: "neutral_color_dark"
+}], T = (r, t, a, i) => {
+  const d = t === "dark", s = i ?? r?.mode ?? t, e = {};
+  for (const { key: k, override: R, light: C, dark: f } of O) {
+    const g = a?.[R] ?? r?.[d ? f : C];
+    g && (e[k] = g);
+  }
+  const p = d && s !== "browser", _ = (k) => p ? { dark: k } : { light: k }, n = a?.background_color ?? r?.background_color, c = a?.paper_color ?? r?.paper_color;
+  (n || c) && (e.background = {
+    ...n && { default: _(n) },
+    ...c && { paper: _(c) }
+  });
+  const o = a?.font_name || r?.body_font_name || r?.system_font, u = a?.header_font_name || r?.header_font_name, l = a?.use_glass ?? r?.use_glass, m = a?.corner_radius ?? r?.card_corner_radius;
+  return {
+    ...Object.keys(e).length > 0 && { paletteOptions: e },
+    ...(o || u) && { typographyOptions: {
+      ...o && { fontFamily: o },
+      ...u && { headerFontFamily: u }
+    } },
+    ...l !== void 0 && { styleOptions: { useGlass: l } },
+    ...m !== void 0 && { shapeOptions: { borderRadius: m } }
+  };
+}, $ = (r, t, a) => {
+  const i = a?.master?.style, d = {
+    MuiTabs: { styleOverrides: { indicator: { backgroundColor: r.palette.primary.light } } },
+    MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
+      color: r.palette.primary.lighter,
+      "&:hover": { backgroundColor: h(r.palette.primary.light, 0.1) }
+    } } }
+  }, s = t?.button_corner_radius, e = i?.corner_radius ?? t?.card_corner_radius;
+  return { components: {
+    ...d,
+    ...s !== void 0 && {
+      MuiButton: { styleOverrides: { root: {
+        borderRadius: `${s}px`,
+        textTransform: "none"
+      } } },
+      MuiIconButton: { styleOverrides: { root: {
+        borderRadius: `${s}px`,
+        minWidth: s,
+        minHeight: s
+      } } },
+      MuiToggleButton: { styleOverrides: { root: {
+        borderRadius: `${s}px`,
+        textTransform: "none"
+      } } }
+    },
+    ...e !== void 0 && {
+      MuiCard: { styleOverrides: { root: { borderRadius: `${e}px` } } },
+      MuiPaper: { styleOverrides: { rounded: { borderRadius: `${e}px` } } }
+    }
+  } };
+}, w = (r, t) => {
+  const a = t === "dark", i = {};
+  for (const { key: d, light: s, dark: e } of O) {
+    const p = r?.[a ? e : s];
+    p && (i[d] = p);
   }
   return i;
-}, O = (a, o, l) => {
-  const i = a.palette.mode === "dark", n = (l?.master?.style?.font_name || o?.system_font) ?? a.typography.fontFamily, c = (r, u) => r ? {
-    lighter: k(r, 0.5),
-    light: k(r, 0.25),
-    main: r,
-    dark: y(r, 0.25),
-    darker: y(r, 0.5)
-  } : u, t = Object.fromEntries(p.map(({ key: r, light: u, dark: m }) => [r, c(o?.[i ? m : u], a.palette[r])])), s = Object.fromEntries(h.map((r) => [r, r === "fontFamily" ? n : { fontFamily: n }])), g = {
-    MuiTabs: { styleOverrides: { indicator: { backgroundColor: t.primary.light } } },
+}, F = (r, t, a) => {
+  const i = r.palette.mode === "dark", d = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
+    lighter: b(o, 0.5),
+    light: b(o, 0.25),
+    main: o,
+    dark: y(o, 0.25),
+    darker: y(o, 0.5)
+  } : u, e = Object.fromEntries(v.map(({ key: o, light: u, dark: l }) => [o, s(t?.[i ? l : u], r.palette[o])])), p = Object.fromEntries(x.map((o) => [o, o === "fontFamily" ? d : { fontFamily: d }])), _ = {
+    MuiTabs: { styleOverrides: { indicator: { backgroundColor: e.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
-      color: t.primary.lighter,
-      "&:hover": { backgroundColor: _(t.primary.light, 0.1) }
+      color: e.primary.lighter,
+      "&:hover": { backgroundColor: h(e.primary.light, 0.1) }
     } } }
-  }, e = o?.button_corner_radius, d = o?.card_corner_radius;
+  }, n = t?.button_corner_radius, c = t?.card_corner_radius;
   return {
-    typography: s,
-    palette: t,
+    typography: p,
+    palette: e,
     components: {
-      ...g,
-      ...e && {
+      ..._,
+      ...n && {
         MuiButton: { styleOverrides: { root: {
-          borderRadius: `${e}px`,
+          borderRadius: `${n}px`,
           textTransform: "none"
         } } },
         MuiIconButton: { styleOverrides: { root: {
-          borderRadius: `${e}px`,
-          minWidth: e,
-          minHeight: e
+          borderRadius: `${n}px`,
+          minWidth: n,
+          minHeight: n
         } } },
         MuiToggleButton: { styleOverrides: { root: {
-          borderRadius: `${e}px`,
+          borderRadius: `${n}px`,
           textTransform: "none"
         } } }
       },
-      ...d && { MuiCard: { styleOverrides: { root: { borderRadius: `${d}px` } } } },
-      ...d && { MuiPaper: { styleOverrides: { rounded: { borderRadius: `${d}px` } } } }
+      ...c && { MuiCard: { styleOverrides: { root: { borderRadius: `${c}px` } } } },
+      ...c && { MuiPaper: { styleOverrides: { rounded: { borderRadius: `${c}px` } } } }
     }
   };
 };
 export {
-  f as getClientPaletteOptions,
-  O as getClientTheme
+  $ as getClientComponentOverrides,
+  T as getClientCustomizations,
+  w as getClientPaletteOptions,
+  F as getClientTheme
 };
 
 //# sourceMappingURL=Theme.es.js.map

package/dist/common/utils/Theme.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig } from '../../core/types/AppData'\n\nconst TYPOGRAPHY_VARIANTS = [\n  'fontFamily',\n  'h1',\n  'h2',\n  'h3',\n  'body1',\n  'body2',\n  'button',\n  'caption',\n  'subtitle1',\n  'subtitle2',\n  'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n  { key: 'primary', light: 'primary_color', dark: 'primary_color_dark' },\n  { key: 'secondary', light: 'neutral_color', dark: 'neutral_color_dark' },\n  { key: 'error', light: 'error_color', dark: 'error_color_dark' },\n  { key: 'warning', light: 'warning_color', dark: 'warning_color_dark' },\n  { key: 'info', light: 'info_color', dark: 'info_color_dark' },\n  { key: 'success', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nexport const getClientPaletteOptions = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n): Record<string, string> => {\n  const isDark = mode === 'dark'\n  const options: Record<string, string> = {}\n\n  for (const { key, light, dark } of PALETTE_CONFIG) {\n    const color = clientStyleProfile?.[isDark ? dark : light] as string | undefined\n    if (color) options[key] = color\n  }\n\n  return options\n}\n\nexport const getClientTheme = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const isDark = theme.palette.mode === 'dark'\n  const font =\n    (clientConfig?.master?.style?.font_name || clientStyleProfile?.system_font) ??\n    theme.typography.fontFamily\n\n  const generatePalette = (color: string | undefined, defaultColor: PaletteColor) =>\n    color\n      ? {\n          lighter: lighten(color, 0.5),\n          light: lighten(color, 0.25),\n          main: color,\n          dark: darken(color, 0.25),\n          darker: darken(color, 0.5),\n        }\n      : defaultColor\n\n  const palette = Object.fromEntries(\n    PALETTE_CONFIG.map(({ key, light, dark }) => [\n      key,\n      generatePalette(\n        clientStyleProfile?.[isDark ? dark : light] as string | undefined,\n        theme.palette[key],\n      ),\n    ]),\n  )\n\n  const typography = Object.fromEntries(\n    TYPOGRAPHY_VARIANTS.map((variant) => [\n      variant,\n      variant === 'fontFamily' ? font : { fontFamily: font },\n    ]),\n  )\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n    }),\n    ...(cardRadius && {\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { typography, palette, components }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Theme.es.js","names":[],"sources":["../../../src/common/utils/Theme.ts"],"sourcesContent":["import { alpha, darken, lighten, PaletteColor, PaletteMode, Theme } from '@mui/material'\nimport type { Customizations } from '@mxenabled/mxui'\n\nimport type { ClientStyleProfile } from '../../core'\nimport { ClientConfig, StyleConfig } from '../../core/types/AppData'\n\ntype PaletteOptions = NonNullable<Customizations['paletteOptions']>\ntype ModeColorOptions = Partial<NonNullable<NonNullable<PaletteOptions['background']>['default']>>\n\nconst TYPOGRAPHY_VARIANTS = [\n  'fontFamily',\n  'h1',\n  'h2',\n  'h3',\n  'body1',\n  'body2',\n  'button',\n  'caption',\n  'subtitle1',\n  'subtitle2',\n  'tiny',\n] as const\n\nconst PALETTE_CONFIG = [\n  { key: 'primary', override: 'primary_color', light: 'primary_color', dark: 'primary_color_dark' },\n  {\n    key: 'secondary',\n    override: 'secondary_color',\n    light: 'secondary_color',\n    dark: 'secondary_color_dark',\n  },\n  { key: 'error', override: 'error_color', light: 'error_color', dark: 'error_color_dark' },\n  { key: 'warning', override: 'warning_color', light: 'warning_color', dark: 'warning_color_dark' },\n  { key: 'info', override: 'info_color', light: 'info_color', dark: 'info_color_dark' },\n  { key: 'success', override: 'success_color', light: 'success_color', dark: 'success_color_dark' },\n] as const\n\nconst SEED_CONFIG = [\n  ...PALETTE_CONFIG,\n  { key: 'grey', override: 'neutral_color', light: 'neutral_color', dark: 'neutral_color_dark' },\n] as const\n\nexport const getClientCustomizations = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n  styleConfig?: StyleConfig,\n  requestedMode?: ClientStyleProfile['mode'],\n): Customizations => {\n  const isDark = mode === 'dark'\n  const requested = requestedMode ?? clientStyleProfile?.mode ?? mode\n\n  const paletteOptions: PaletteOptions = {}\n  for (const { key, override, light, dark } of SEED_CONFIG) {\n    const color = styleConfig?.[override] ?? clientStyleProfile?.[isDark ? dark : light]\n    if (color) paletteOptions[key] = color\n  }\n\n  const useDarkSlot = isDark && requested !== 'browser'\n  const asModeColor = (color: string): ModeColorOptions =>\n    useDarkSlot ? { dark: color } : { light: color }\n  const backgroundColor = styleConfig?.background_color ?? clientStyleProfile?.background_color\n  const paperColor = styleConfig?.paper_color ?? clientStyleProfile?.paper_color\n  if (backgroundColor || paperColor) {\n    paletteOptions.background = {\n      ...(backgroundColor && { default: asModeColor(backgroundColor) }),\n      ...(paperColor && { paper: asModeColor(paperColor) }),\n    } as PaletteOptions['background']\n  }\n\n  const fontFamily =\n    styleConfig?.font_name || clientStyleProfile?.body_font_name || clientStyleProfile?.system_font\n  const headerFontFamily = styleConfig?.header_font_name || clientStyleProfile?.header_font_name\n\n  const useGlass = styleConfig?.use_glass ?? clientStyleProfile?.use_glass\n  const borderRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n  return {\n    ...(Object.keys(paletteOptions).length > 0 && { paletteOptions }),\n    ...((fontFamily || headerFontFamily) && {\n      typographyOptions: {\n        ...(fontFamily && { fontFamily }),\n        ...(headerFontFamily && { headerFontFamily }),\n      },\n    }),\n    ...(useGlass !== undefined && { styleOptions: { useGlass } }),\n    ...(borderRadius !== undefined && { shapeOptions: { borderRadius } }),\n  }\n}\n\nexport const getClientComponentOverrides = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const styleConfig = clientConfig?.master?.style\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: theme.palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: theme.palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = styleConfig?.corner_radius ?? clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius !== undefined && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius !== undefined && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { components }\n}\n\n/** @deprecated Use `getClientCustomizations` and pass the result to `createMXTheme` */\nexport const getClientPaletteOptions = (\n  clientStyleProfile: ClientStyleProfile,\n  mode: PaletteMode,\n): Record<string, string> => {\n  const isDark = mode === 'dark'\n  const options: Record<string, string> = {}\n\n  for (const { key, light, dark } of SEED_CONFIG) {\n    const color = clientStyleProfile?.[isDark ? dark : light] as string | undefined\n    if (color) options[key] = color\n  }\n\n  return options\n}\n\n/** @deprecated Build the theme with `getClientCustomizations` + `createMXTheme` and merge `getClientComponentOverrides` on top */\nexport const getClientTheme = (\n  theme: Theme,\n  clientStyleProfile: ClientStyleProfile,\n  clientConfig?: ClientConfig,\n) => {\n  const isDark = theme.palette.mode === 'dark'\n  const font =\n    (clientConfig?.master?.style?.font_name ||\n      clientStyleProfile?.body_font_name ||\n      clientStyleProfile?.system_font) ??\n    theme.typography.fontFamily\n\n  const generatePalette = (color: string | undefined, defaultColor: PaletteColor) =>\n    color\n      ? {\n          lighter: lighten(color, 0.5),\n          light: lighten(color, 0.25),\n          main: color,\n          dark: darken(color, 0.25),\n          darker: darken(color, 0.5),\n        }\n      : defaultColor\n\n  const palette = Object.fromEntries(\n    PALETTE_CONFIG.map(({ key, light, dark }) => [\n      key,\n      generatePalette(\n        clientStyleProfile?.[isDark ? dark : light] as string | undefined,\n        theme.palette[key],\n      ),\n    ]),\n  )\n\n  const typography = Object.fromEntries(\n    TYPOGRAPHY_VARIANTS.map((variant) => [\n      variant,\n      variant === 'fontFamily' ? font : { fontFamily: font },\n    ]),\n  )\n\n  const baseComponents = {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: { backgroundColor: palette.primary.light },\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        switchViewButton: {\n          color: palette.primary.lighter,\n          '&:hover': { backgroundColor: alpha(palette.primary.light, 0.1) },\n        },\n      },\n    },\n  }\n\n  const buttonRadius = clientStyleProfile?.button_corner_radius\n  const cardRadius = clientStyleProfile?.card_corner_radius\n\n  const components = {\n    ...baseComponents,\n    ...(buttonRadius && {\n      MuiButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          root: {\n            borderRadius: `${buttonRadius}px`,\n            minWidth: buttonRadius,\n            minHeight: buttonRadius,\n          },\n        },\n      },\n      MuiToggleButton: {\n        styleOverrides: {\n          root: { borderRadius: `${buttonRadius}px`, textTransform: 'none' },\n        },\n      },\n    }),\n    ...(cardRadius && {\n      MuiCard: {\n        styleOverrides: { root: { borderRadius: `${cardRadius}px` } },\n      },\n    }),\n    ...(cardRadius && {\n      MuiPaper: {\n        styleOverrides: {\n          rounded: { borderRadius: `${cardRadius}px` },\n        },\n      },\n    }),\n  }\n\n  return { typography, palette, components }\n}\n"],"mappings":"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"}

package/dist/common/utils/index.d.ts

@@ -1,2 +1,2 @@
 export { analyticsSession } from './Analytics';
-export { getClientPaletteOptions, getClientTheme } from './Theme';
+export { getClientComponentOverrides, getClientCustomizations, getClientPaletteOptions, getClientTheme, } from './Theme';

package/dist/core/types/AppData.d.ts

@@ -48,7 +48,21 @@ export interface MasterConfig {
     ui_message_webview_url_scheme?: string;
 }
 export interface StyleConfig {
+    background_color?: string;
+    paper_color?: string;
+    primary_color?: string;
+    secondary_color?: string;
+    success_color?: string;
+    error_color?: string;
+    warning_color?: string;
+    info_color?: string;
+    neutral_color?: string;
+    corner_radius?: number;
     font_name?: string;
+    header_font_name?: string;
+    use_body_font_url?: boolean;
+    use_header_font_url?: boolean;
+    use_glass?: boolean;
 }
 export interface DeepLinkParams {
     account_guids?: string[];

package/dist/core/types/Client.d.ts

@@ -115,4 +115,11 @@ export interface ClientStyleProfile {
     system_font?: string;
     card_corner_radius?: number;
     button_corner_radius?: number;
+    background_color?: string;
+    paper_color?: string;
+    body_font_name?: string;
+    body_font_url?: string;
+    header_font_name?: string;
+    header_font_url?: string;
+    use_glass?: boolean;
 }

package/dist/core/types/index.d.ts

@@ -1,7 +1,7 @@
 export type { Account, DetailedAccount, Member, MonthlyAccountBalance } from './Account';
 export { AccountIcon, AccountIconVariants, AccountSubType, AccountType, AccountTypeName, ConnectionStatus, ConnectionStatusEnums, ErrorStatuses, MfaStatuses, NonConnectedStatuses, ProcessingStatuses, PropertyType, PropertyTypeName, StatusName, } from './Account';
 export type { AnalyticsEvent, AnalyticsPageview, BasicAnalyticsEvent, BasicAnalyticsPageview, AnalyticsSession, AnalyticEventFunction, AnalyticPageviewFunction, AnalyticsSessionInstance, } from './Analytics';
-export type { AppConfig, AppData, Banner, ClientConfig, Config, Options } from './AppData';
+export type { AppConfig, AppData, Banner, ClientConfig, Config, Options, StyleConfig, } from './AppData';
 export type { Beat, DataSeries } from './Beat';
 export { UserVerification } from './Beat';
 export type { Budget, BudgetColors, DetailedBudget, MerchantBudget } from './Budget';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.8",
+  "version": "9.4.10-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",