@mx-cartographer/experiences 9.4.11 → 9.4.12-alpha.al1

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [9.4.12] - 09-02-2026
+
+- **CHANGED** - the theme shape radius is half of `card_corner_radius`, so cards render at 2x the theme radius per MXUI convention (MEW-3445)
+- **CHANGED** - `StyleConfig.corner_radius` replaced by `card_corner_radius` and `button_corner_radius`, matching `ClientStyleProfile` (MEW-3445)
+
 ## [9.4.11] - 09-02-2026
 
 - **ADDED** - insights-v2 `AccountSwitchBlock` component block for the discovered-accounts connect insight: two institution logos on a `TransferLogoCard` track, gated on the payload `is_connected` flag — a pending state (link badge) and a connected success state (success badge + `ACCOUNT_CONNECTED_GRADIENT` wash + confetti); registered as `account_switch_block` in `mappings/blocks.ts` (WEC-1310)

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

@@ -1,5 +1,5 @@
-import { alpha as h, darken as y, lighten as b } from "@mui/material";
-var x = [
+import { alpha as h, darken as b, lighten as v } from "@mui/material";
+var M = [
   "fontFamily",
   "h1",
   "h2",
@@ -11,7 +11,7 @@ var x = [
   "subtitle1",
   "subtitle2",
   "tiny"
-], v = [
+], O = [
   {
     key: "primary",
     override: "primary_color",
@@ -48,23 +48,23 @@ var x = [
     light: "success_color",
     dark: "success_color_dark"
   }
-], O = [...v, {
+], R = [...O, {
   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);
+}], $ = (r, t, a, d) => {
+  const i = t === "dark", s = d ?? r?.mode ?? t, e = {};
+  for (const { key: k, override: C, light: f, dark: x } of R) {
+    const y = a?.[C] ?? r?.[i ? x : f];
+    y && (e[k] = y);
   }
-  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;
+  const _ = i && s !== "browser", p = (k) => _ ? { 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) }
+    ...n && { default: p(n) },
+    ...c && { paper: p(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;
+  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?.card_corner_radius ?? r?.card_corner_radius, g = m !== void 0 ? m / 2 : void 0;
   return {
     ...Object.keys(e).length > 0 && { paletteOptions: e },
     ...(o || u) && { typographyOptions: {
@@ -72,18 +72,18 @@ var x = [
       ...u && { headerFontFamily: u }
     } },
     ...l !== void 0 && { styleOptions: { useGlass: l } },
-    ...m !== void 0 && { shapeOptions: { borderRadius: m } }
+    ...g !== void 0 && { shapeOptions: { borderRadius: g } }
   };
-}, $ = (r, t, a) => {
-  const i = a?.master?.style, d = {
+}, w = (r, t, a) => {
+  const d = a?.master?.style, i = {
     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;
+  }, s = d?.button_corner_radius ?? t?.button_corner_radius, e = d?.card_corner_radius ?? t?.card_corner_radius;
   return { components: {
-    ...d,
+    ...i,
     ...s !== void 0 && {
       MuiButton: { styleOverrides: { root: {
         borderRadius: `${s}px`,
@@ -104,21 +104,21 @@ var x = [
       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);
+}, F = (r, t) => {
+  const a = t === "dark", d = {};
+  for (const { key: i, light: s, dark: e } of R) {
+    const _ = r?.[a ? e : s];
+    _ && (d[i] = _);
   }
-  return i;
-}, 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),
+  return d;
+}, B = (r, t, a) => {
+  const d = r.palette.mode === "dark", i = (a?.master?.style?.font_name || t?.body_font_name || t?.system_font) ?? r.typography.fontFamily, s = (o, u) => o ? {
+    lighter: v(o, 0.5),
+    light: v(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 }])), _ = {
+    dark: b(o, 0.25),
+    darker: b(o, 0.5)
+  } : u, e = Object.fromEntries(O.map(({ key: o, light: u, dark: l }) => [o, s(t?.[d ? l : u], r.palette[o])])), _ = Object.fromEntries(M.map((o) => [o, o === "fontFamily" ? i : { fontFamily: i }])), p = {
     MuiTabs: { styleOverrides: { indicator: { backgroundColor: e.primary.light } } },
     MuiPickersCalendarHeader: { styleOverrides: { switchViewButton: {
       color: e.primary.lighter,
@@ -126,10 +126,10 @@ var x = [
     } } }
   }, n = t?.button_corner_radius, c = t?.card_corner_radius;
   return {
-    typography: p,
+    typography: _,
     palette: e,
     components: {
-      ..._,
+      ...p,
       ...n && {
         MuiButton: { styleOverrides: { root: {
           borderRadius: `${n}px`,
@@ -151,10 +151,10 @@ var x = [
   };
 };
 export {
-  $ as getClientComponentOverrides,
-  T as getClientCustomizations,
-  w as getClientPaletteOptions,
-  F as getClientTheme
+  w as getClientComponentOverrides,
+  $ as getClientCustomizations,
+  F as getClientPaletteOptions,
+  B 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'\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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"}
+{"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 cardRadius = styleConfig?.card_corner_radius ?? clientStyleProfile?.card_corner_radius\n  // Cards render at 2x the shape token (MXUI's defaults: token 4, Paper 8), so the\n  // client's card radius is halved here and applied at full value to MuiCard/MuiPaper\n  // via getClientComponentOverrides\n  const borderRadius = cardRadius !== undefined ? cardRadius / 2 : undefined\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 = styleConfig?.button_corner_radius ?? clientStyleProfile?.button_corner_radius\n  const cardRadius = styleConfig?.card_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/core/types/AppData.d.ts

@@ -49,20 +49,21 @@ export interface MasterConfig {
 }
 export interface StyleConfig {
     background_color?: string;
+    button_corner_radius?: number;
+    card_corner_radius?: number;
+    error_color?: string;
+    font_name?: string;
+    header_font_name?: string;
+    info_color?: string;
+    neutral_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;
+    use_header_font_url?: boolean;
+    warning_color?: string;
 }
 export interface DeepLinkParams {
     account_guids?: string[];

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

@@ -96,30 +96,30 @@ export interface ClientInsightProfile {
     is_recurring_transactions_manager_enabled: boolean;
 }
 export interface ClientStyleProfile {
-    primary_color?: string;
-    primary_font_regular?: string;
-    secondary_color?: string;
-    neutral_color?: string;
-    success_color?: string;
+    background_color?: string;
+    body_font_name?: string;
+    body_font_url?: string;
+    button_corner_radius?: number;
+    card_corner_radius?: number;
     error_color?: string;
-    warning_color?: string;
+    error_color_dark?: string;
+    header_font_name?: string;
+    header_font_url?: string;
     info_color?: string;
+    info_color_dark?: string;
+    mode?: 'dark' | 'light' | 'browser';
+    neutral_color?: string;
+    neutral_color_dark?: string;
+    paper_color?: string;
+    primary_color?: string;
     primary_color_dark?: string;
+    primary_font_regular?: string;
+    secondary_color?: string;
     secondary_color_dark?: string;
-    neutral_color_dark?: string;
+    success_color?: string;
     success_color_dark?: string;
-    error_color_dark?: string;
-    warning_color_dark?: string;
-    info_color_dark?: string;
-    mode?: 'dark' | 'light' | 'browser';
     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;
+    warning_color?: string;
+    warning_color_dark?: string;
 }

package/package.json

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