@mx-cartographer/insights-ui 1.16.20 → 1.16.22

package/dist/components/shared/InsightsCard/ContentAndDescription.d.ts

@@ -5,7 +5,6 @@ export interface ContentAndDescriptionProps {
     asteriskText?: string;
     beat: Beat;
     children?: React.ReactNode;
-    textSx?: SxProps;
     descriptionPlacement?: 'top' | 'bottom';
     hideDescription?: boolean;
     inDescriptionCtaOnClick?: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | string) => void;

package/dist/components/shared/InsightsCard/Description.d.ts

@@ -7,7 +7,6 @@ interface DescriptionProps {
     hasFullWidthImage?: boolean;
     inDescriptionCtaOnClick?: () => void;
     sx?: SxProps;
-    textSx?: SxProps;
 }
 export declare const Description: React.FC<DescriptionProps>;
 export {};

package/dist/index.es.js

@@ -1243,31 +1243,29 @@ const pe = (t) => {
   asteriskText: t,
   beat: n,
   children: r,
-  textSx: l,
-  descriptionPlacement: s = "bottom",
-  hideDescription: o = !1,
-  inDescriptionCtaOnClick: a,
-  isLoading: c = !1,
-  isMini: h = !1,
-  hasFullWidthImage: m,
-  hasFooterButton: u = !1,
-  sx: y
+  descriptionPlacement: l = "bottom",
+  hideDescription: s = !1,
+  inDescriptionCtaOnClick: o,
+  isLoading: a = !1,
+  isMini: c = !1,
+  hasFullWidthImage: h,
+  hasFooterButton: m = !1,
+  sx: u
 }) => {
-  const k = () => o || !n.html_description ? null : h ? /* @__PURE__ */ e(Vt, { content: n.html_description, isLoading: c, sx: y }) : /* @__PURE__ */ e(
+  const y = () => s || !n.html_description ? null : c ? /* @__PURE__ */ e(Vt, { content: n.html_description, isLoading: a, sx: u }) : /* @__PURE__ */ e(
     Gt,
     {
       beat: n,
-      footerButton: u,
-      hasFullWidthImage: m,
-      inDescriptionCtaOnClick: a,
-      sx: y,
-      textSx: l
+      footerButton: m,
+      hasFullWidthImage: h,
+      inDescriptionCtaOnClick: o,
+      sx: u
     }
   );
   return /* @__PURE__ */ d(G, { children: [
-    s === "top" && k(),
-    /* @__PURE__ */ e(p, { sx: { alignItems: "center", ...m && h && { mx: -16 } }, children: r }),
-    s === "bottom" && k(),
+    l === "top" && y(),
+    /* @__PURE__ */ e(p, { sx: { alignItems: "center", ...h && c && { mx: -16 } }, children: r }),
+    l === "bottom" && y(),
     t && /* @__PURE__ */ e(
       C,
       {
@@ -1296,7 +1294,7 @@ const pe = (t) => {
   isLoading: u = !1,
   isMini: y = !1
 }) => /* @__PURE__ */ d(p, { sx: { height: "100%" }, children: [
-  /* @__PURE__ */ e(Lt, { ...h, isMini: y, sx: { mb: 0 }, title: r.html_title }),
+  /* @__PURE__ */ e(Lt, { ...h, isMini: y, title: r.html_title }),
   m ? /* @__PURE__ */ e(Ht, { erroredText: a }) : /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ e(
       Ot,
@@ -1307,7 +1305,6 @@ const pe = (t) => {
         hasFooterButton: !!l,
         isLoading: u,
         isMini: y,
-        textSx: { pt: 12 },
         children: u ? /* @__PURE__ */ e(It, { altLoadingText: t }) : s
       }
     ),
@@ -1337,10 +1334,9 @@ const pe = (t) => {
   footerButton: n,
   hasFullWidthImage: r,
   inDescriptionCtaOnClick: l,
-  sx: s,
-  textSx: o
+  sx: s
 }) => {
-  const { html_description: a, in_description_cta: c } = t, h = n ? 16 : 8;
+  const { html_description: o, in_description_cta: a } = t, c = n ? 16 : 8;
   return /* @__PURE__ */ d(
     be,
     {
@@ -1355,7 +1351,7 @@ const pe = (t) => {
         /* @__PURE__ */ e(
           M,
           {
-            dangerouslySetInnerHTML: { __html: a },
+            dangerouslySetInnerHTML: { __html: o },
             sx: {
               m: 0,
               pb: 24,
@@ -1364,14 +1360,13 @@ const pe = (t) => {
               // The new description design has a 24px padding on the x axis, however, pulse already adds 16px. In order to not break existing insights we are only using 8px here so it adds up to 24. Once all insights are moved to this repo we make pulse 0px and this 24px.
               wordBreak: "break-word",
               wordWrap: "break-word",
-              ...r && { px: 16 },
-              ...o
+              ...r && { px: 16 }
             },
             variant: "ParagraphSmall"
           }
         ),
-        c && l && /* @__PURE__ */ d(X, { fullWidth: !0, onClick: l, sx: { mb: h }, children: [
-          c,
+        a && l && /* @__PURE__ */ d(X, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
+          a,
           /* @__PURE__ */ e(w, { name: "chevron_right" })
         ] })
       ]
@@ -1700,7 +1695,8 @@ const s1 = ({
   beat: n,
   buttonProps: r,
   header: l,
-  isMini: s
+  isMini: s,
+  ...o
 }) => /* @__PURE__ */ e(
   H,
   {
@@ -1711,11 +1707,17 @@ const s1 = ({
       {
         beat: n,
         ...r,
-        onClick: (o) => r?.onClick?.(o, K.Primary)
+        onClick: (a) => r?.onClick?.(a, K.Primary)
       }
     ),
+    contentProps: {
+      sx: {
+        mt: -16
+      }
+    },
     header: l,
     isMini: s,
+    ...o,
     children: /* @__PURE__ */ e(G, {})
   }
 ), c1 = ({