@mx-cartographer/experiences 9.0.8-alpha.al1 → 9.0.9-alpha.al0

package/dist/{UserStore-DzWku3t0.mjs → UserStore-DIYXueGr.mjs}

@@ -1479,7 +1479,7 @@ class Gs {
     this.onStoreUpdate?.(t);
   };
   loadConfigData = async () => {
-    await Promise.all([
+    console.log("StyleConfig:", this.appConfig.clientConfig?.master?.style), console.log("ClientStyleProfile:", this.appConfig.clientStyleProfile), await Promise.all([
       // Load copy, config and user data
       this.copyStore.loadCopy(),
       this.appDataStore.loadAppData(),

package/dist/common/index.es.js

@@ -1,4 +1,4 @@
-import { l as V } from "../UserStore-DzWku3t0.mjs";
+import { l as V } from "../UserStore-DIYXueGr.mjs";
 import { b as Z, a as z } from "../Localization-DnoVyBNK.mjs";
 import { f as X, b as rr, a as or, c as er, g as tr, d as ar } from "../NumberFormatting--XMeeBfr.mjs";
 import { C as nr, a as ir, b as ur } from "../CurrencyDialog-DumQCTPO.mjs";
@@ -8,15 +8,15 @@ import { D as gr, W as yr, u as _r } from "../WidgetContainer-DJnp6t6c.mjs";
 import { D as xr } from "../Dialog-Bvd2n8hz.mjs";
 import { D as Cr } from "../Donut-SzzfZDHF.mjs";
 import { D as br } from "../Drawer-DsnW2o0v.mjs";
-import { E as Sr } from "../ErrorBoundary-CsdOcnJ9.mjs";
+import { E as Or } from "../ErrorBoundary-CsdOcnJ9.mjs";
 import { I as Dr } from "../IconBacking-DgT8DCeh.mjs";
 import { I as Ir } from "../InformationTooltip-4su8bn1e.mjs";
 import { L as Nr } from "../Loader-CxeBwuPG.mjs";
 import { M as Mr } from "../MicroWidgetContainer-B2NnKBgW.mjs";
 import { M as Pr } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
 import { jsxs as h, jsx as _ } from "react/jsx-runtime";
-import { css as v } from "@mxenabled/cssinjs";
-import { D as b, a as O } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { css as k } from "@mxenabled/cssinjs";
+import { D as O, a as S } from "../SingleSegmentDonut-7Uy6VEld.mjs";
 import { S as Gr } from "../SingleSegmentDonut-7Uy6VEld.mjs";
 import { R as Ur } from "../ResponsiveButton-CC9F_Ezk.mjs";
 import { S as Br } from "../SelectionBox-B4xELRgp.mjs";
@@ -29,7 +29,7 @@ import { C as eo } from "../CurrencyText-CCbE6MmF.mjs";
 import { E as ao } from "../EmptyState-CJUDc3kD.mjs";
 import { E as no } from "../Error-Dtw6yxkf.mjs";
 import { G as uo } from "../GlobalAccountFilter-BhzR5Vb1.mjs";
-import { G as lo, m as mo, n as po, W as fo, c as go, i as yo, o as _o, p as ho, l as xo, q as Eo, r as Co, f as vo, s as bo, u as Oo, e as So, a as ko, k as Do, t as To, v as Io, w as Ao, b as No, x as wo, y as Mo, z as Lo, h as Po, A as Wo, g as Go, B as Ro, C as Uo, D as Fo } from "../hooks-97sNJ_lf.mjs";
+import { G as lo, m as mo, n as po, W as fo, c as go, i as yo, o as _o, p as ho, l as xo, q as Eo, r as Co, f as vo, s as bo, u as ko, e as Oo, a as So, k as Do, t as To, v as Io, w as Ao, b as No, x as wo, y as Mo, z as Lo, h as Po, A as Wo, g as Go, B as Ro, C as Uo, D as Fo } from "../hooks-97sNJ_lf.mjs";
 import { L as qo } from "../ListItemAction-BqUCLj_w.mjs";
 import { L as $o } from "../ListItemRow-kH1rn8Xu.mjs";
 import { L as jo } from "../ListItemWrapper-BHIbqx7E.mjs";
@@ -37,7 +37,7 @@ import { S as Vo } from "../SearchBox-Cpgu_gdO.mjs";
 import { S as Zo, T as zo } from "../Sizes-DISGrlUg.mjs";
 import { T as Xo, a as re } from "../ToggleListItem-Dl1lXNwj.mjs";
 import { a as ee, u as te, b as ae } from "../Analytics-CkYXKvco.mjs";
-import { alpha as S, darken as k, lighten as D } from "@mui/material";
+import { alpha as D, darken as x, lighten as E } from "@mui/material";
 import { u as ne } from "../useAccountDisplayName-BsiXA0qf.mjs";
 import { u as ue } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
 import { useRef as T, useEffect as I } from "react";
@@ -65,11 +65,11 @@ const F = (r) => {
 }, Y = ({
   hasGap: r = !1,
   segments: o,
-  size: a = b,
-  strokeWidth: m = O,
-  children: s
+  size: a = O,
+  strokeWidth: m = S,
+  children: i
 }) => {
-  const c = A(a), i = (a - m) / 2, e = a / 2;
+  const c = A(a), u = (a - m) / 2, e = a / 2;
   let p = -90 - (r ? 1 : 0), l = 0;
   return /* @__PURE__ */ h("div", { className: `mx-cmn-multi-segment-donut ${c}`, children: [
     /* @__PURE__ */ h("svg", { height: a, width: a, children: [
@@ -79,30 +79,30 @@ const F = (r) => {
           cx: e,
           cy: e,
           fill: "none",
-          r: i,
+          r: u,
           stroke: "#E4E8EE",
           strokeWidth: m
         }
       ),
-      o.map((n, t) => (p += 360 * l + (r ? 1 : 0), l = (n.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ _(
+      o.map((s, t) => (p += 360 * l + (r ? 1 : 0), l = (s.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ _(
         "circle",
         {
           cx: e,
           cy: e,
           fill: "none",
-          r: i,
-          stroke: n.color,
-          strokeDasharray: 2 * Math.PI * i,
-          strokeDashoffset: 2 * Math.PI * i * (1 - l),
+          r: u,
+          stroke: s.color,
+          strokeDasharray: 2 * Math.PI * u,
+          strokeDashoffset: 2 * Math.PI * u * (1 - l),
           strokeWidth: m,
           transform: `rotate(${p}, ${e}, ${e})`
         },
         t
       )))
     ] }),
-    /* @__PURE__ */ _("div", { className: "mx-cmn-multi-segment-donut-children", children: s })
+    /* @__PURE__ */ _("div", { className: "mx-cmn-multi-segment-donut-children", children: i })
   ] });
-}, A = (r) => v({
+}, A = (r) => k({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -128,7 +128,7 @@ const F = (r) => {
   "tiny"
 ], w = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
-  { key: "secondary", light: "neutral_color", dark: "neutral_color_dark" },
+  { key: "secondary", light: "secondary_color", dark: "secondary_color_dark" },
   { key: "error", light: "error_color", dark: "error_color_dark" },
   { key: "warning", light: "warning_color", dark: "warning_color_dark" },
   { key: "info", light: "info_color", dark: "info_color_dark" },
@@ -145,37 +145,42 @@ const F = (r) => {
   { source: "background_color", target: "default" },
   { source: "paper_color", target: "paper" }
 ], $ = (r, o, a) => {
-  const m = (t) => r?.[t] || o?.[t], s = {}, c = {};
+  const m = (t) => r?.[t] ?? o?.[t], i = {}, c = {};
   for (const { source: t, target: g } of M) {
     const f = m(t);
     f && (c[g] = f);
   }
-  const i = {};
+  const u = {};
   for (const { source: t, target: g } of L) {
     const f = m(t);
-    f && (i[g] = { [a]: f });
+    f && (u[g] = {
+      light: a === "light" ? f : "",
+      dark: a === "dark" ? f : ""
+    });
   }
-  Object.keys(i).length > 0 && (c.background = i), Object.keys(c).length > 0 && (s.paletteOptions = c);
+  Object.keys(u).length > 0 && (c.background = u), Object.keys(c).length > 0 && (i.paletteOptions = c);
   const e = r?.use_glass ?? o?.use_glass;
-  e !== void 0 && (s.styleOptions = { useGlass: e });
-  const p = o?.body_font_name, l = r?.header_font_name || o?.header_font_name;
-  (p || l) && (s.typographyOptions = {}, p && (s.typographyOptions.fontFamily = p), l && (s.typographyOptions.headerFontFamily = l));
-  const n = r?.corner_radius || o?.card_corner_radius;
-  return n !== void 0 && (s.shapeOptions = { borderRadius: n }), s;
+  e !== void 0 && (i.styleOptions = { useGlass: e });
+  const p = r?.font_name ?? o?.body_font_name, l = r?.header_font_name ?? o?.header_font_name;
+  (p || l) && (i.typographyOptions = {}, p && (i.typographyOptions.fontFamily = p), l && (i.typographyOptions.headerFontFamily = l));
+  const s = r?.corner_radius ?? o?.card_corner_radius;
+  return s !== void 0 && (i.shapeOptions = { borderRadius: s }), i;
 }, H = (r, o, a, m) => {
-  const s = r.palette.mode === "dark", c = (a?.font_name || m?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, i = (u, y) => u ? {
-    light: D(u, 0.25),
-    main: u,
-    dark: k(u, 0.25)
+  const i = r.palette.mode === "dark", c = a?.font_name ?? m?.master?.style?.font_name ?? o?.system_font ?? r.typography.fontFamily, u = (n, y) => n ? {
+    lighter: E(n, 0.5),
+    light: E(n, 0.25),
+    main: n,
+    dark: x(n, 0.25),
+    darker: x(n, 0.5)
   } : y, e = Object.fromEntries(
-    w.map(({ key: u, light: y, dark: x }) => {
-      const E = o?.[s ? x : y], C = s ? void 0 : a?.[y];
-      return [u, i(C || E, r.palette[u])];
+    w.map(({ key: n, light: y, dark: C }) => {
+      const v = o?.[i ? C : y], b = a?.[y];
+      return [n, u(b ?? v, r.palette[n])];
     })
   ), p = Object.fromEntries(
-    N.map((u) => [
-      u,
-      u === "fontFamily" ? c : { fontFamily: c }
+    N.map((n) => [
+      n,
+      n === "fontFamily" ? c : { fontFamily: c }
     ])
   ), l = {
     MuiTabs: {
@@ -186,43 +191,43 @@ const F = (r) => {
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: e.primary.light,
-          "&:hover": { backgroundColor: S(e.primary.light, 0.1) }
+          color: e.primary.lighter,
+          "&:hover": { backgroundColor: D(e.primary.light, 0.1) }
         }
       }
     }
-  }, n = o?.button_corner_radius, t = a?.corner_radius || o?.card_corner_radius, g = a?.use_glass ?? o?.use_glass, f = {
+  }, s = o?.button_corner_radius, t = a?.corner_radius ?? o?.card_corner_radius, g = a?.use_glass ?? o?.use_glass, f = {
     ...l,
-    ...n && {
+    ...s != null && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${n}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${n}px`,
-            minWidth: n,
-            minHeight: n
+            borderRadius: `${s}px`,
+            minWidth: s,
+            minHeight: s
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${n}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       }
     },
-    ...t && {
+    ...t != null && {
       MuiCard: {
         styleOverrides: { root: { borderRadius: `${t}px` } }
       }
     },
-    ...(t || g) && {
+    ...(t != null || g) && {
       MuiPaper: {
         styleOverrides: {
-          ...t && { rounded: { borderRadius: `${t}px` } },
+          ...t != null && { rounded: { borderRadius: `${t}px` } },
           ...g && {
             root: {
               backgroundColor: "rgba(255, 255, 255, 0.1)",
@@ -245,8 +250,8 @@ export {
   ur as CurrencyDialog,
   lr as CurrencyInput,
   eo as CurrencyText,
-  b as DEFAULT_DONUT_SIZE,
-  O as DEFAULT_STROKE_WIDTH,
+  O as DEFAULT_DONUT_SIZE,
+  S as DEFAULT_STROKE_WIDTH,
   mr as DataRow,
   gr as DateRangeSelector,
   xr as Dialog,
@@ -254,7 +259,7 @@ export {
   br as Drawer,
   ao as EmptyState,
   no as Error,
-  Sr as ErrorBoundary,
+  Or as ErrorBoundary,
   uo as GlobalAccountFilter,
   lo as GlobalDataContext,
   mo as GlobalDataProvider,
@@ -310,9 +315,9 @@ export {
   Co as useError,
   vo as useEvent,
   bo as useFinstrongStore,
-  Oo as useGlobalCopyStore,
-  So as useGlobalStore,
-  ko as useGlobalUiStore,
+  ko as useGlobalCopyStore,
+  Oo as useGlobalStore,
+  So as useGlobalUiStore,
   Do as useGoalStore,
   To as useHelpStore,
   Io as useHoldingStore,

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

@@ -10,9 +10,11 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
     };
     palette: {
         [k: string]: PaletteColor | {
+            lighter: string;
             light: string;
             main: string;
             dark: string;
+            darker: string;
         };
     };
     components: {
@@ -70,7 +72,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string;
+                    color: string | undefined;
                     '&:hover': {
                         backgroundColor: string;
                     };

package/dist/core/index.es.js

@@ -1,4 +1,4 @@
-import { A as g, a as m, b as C, c as N, d as h, B as f, e as E, f as D, g as b, C as I, h as M, i as R, j as B, D as L, F as G, k as _, G as H, l as P, m as U, n as x, o as O, H as F, p as k, q as v, r as w, M as W, s as Y, N as $, t as q, u as K, R as j, v as z, S as J, w as Q, T as X, x as Z, y as V, U as tt, z as at, W as st } from "../UserStore-DzWku3t0.mjs";
+import { A as g, a as m, b as C, c as N, d as h, B as f, e as E, f as D, g as b, C as I, h as M, i as R, j as B, D as L, F as G, k as _, G as H, l as P, m as U, n as x, o as O, H as F, p as k, q as v, r as w, M as W, s as Y, N as $, t as q, u as K, R as j, v as z, S as J, w as Q, T as X, x as Z, y as V, U as tt, z as at, W as st } from "../UserStore-DIYXueGr.mjs";
 import { b as ot, a as nt, d as rt, c as it, A as ct, C as pt, e as At, E as St, M as ut, N as lt, P as Tt, f as yt, g as dt, S as gt } from "../Account-DR7Plrqy.mjs";
 import { A as Ct, B as Nt, I as ht, N as ft } from "../Notification-DTNYSd8P.mjs";
 import { F as n } from "../GlobalCopyApi-wcnDUzMV.mjs";

package/dist/insights/index.es.js

@@ -806,7 +806,7 @@ const z2 = ({
                   },
                   sx: {
                     ".MuiChartsAxis-line": {
-                      stroke: "border.darker"
+                      stroke: "neutral.darker"
                     }
                   },
                   tickLabelStyle: {

package/package.json

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