@treely/strapi-slices 8.2.2 → 8.2.4

package/dist/index.js

@@ -241,7 +241,8 @@ var EXTENDABLE_HEADER_SECTIONS = [
   "sections.map-hero",
   "sections.full-width-image",
   "sections.small-hero",
-  "sections.small-hero-light"
+  "sections.small-hero-light",
+  "sections.hero-with-highlights"
 ];
 var DARK_THEME_HEADER_SECTIONS = [
   "sections.hero",
@@ -974,27 +975,39 @@ var messagesDe2 = {
 };
 var messages_de_default3 = messagesDe2;
 
-// src/slices/Cta/messages.de.ts
+// src/components/ProjectGridCardV2/messages.de.ts
 var messagesDe3 = {
+  "components.projectGridCardV2.projectType.fnr": "Naturreservat",
+  "components.projectGridCardV2.projectType.ifm": "Nachhaltige Waldbewirtschaftung",
+  "components.projectGridCardV2.projectType.ifm-conservation": "Nachhaltige Waldbewirtschaftung",
+  "components.projectGridCardV2.projectType.ifm-removal": "Nachhaltige Waldbewirtschaftung",
+  "components.projectGridCardV2.projectType.ifm-removal-conservation": "Nachhaltige Waldbewirtschaftung",
+  "components.projectGridCardV2.projectType.arr": "Wiederaufforstung",
+  "components.projectGridCardV2.projectType.adaptation": "Waldumbau"
+};
+var messages_de_default4 = messagesDe3;
+
+// src/slices/Cta/messages.de.ts
+var messagesDe4 = {
   "sections.cta.backgroundShapes": "Dunkle Hintergrundformen",
   "sections.cta.backgroundShapesLight": "Helle Hintergrundformen"
 };
-var messages_de_default4 = messagesDe3;
+var messages_de_default5 = messagesDe4;
 
 // src/components/CustomerCard/messages.de.ts
-var messagesDe4 = {
+var messagesDe5 = {
   "sections.customerCard.more": "Weiterlesen"
 };
-var messages_de_default5 = messagesDe4;
+var messages_de_default6 = messagesDe5;
 
 // src/components/CustomerQuoteCard/messages.de.ts
-var messagesDe5 = {
+var messagesDe6 = {
   "sections.customerQuoteCard.more": "Weiterlesen"
 };
-var messages_de_default6 = messagesDe5;
+var messages_de_default7 = messagesDe6;
 
 // src/components/EventCard/messages.de.ts
-var messagesDe6 = {
+var messagesDe7 = {
   "sections.eventCard.recommendedEvent": "Empfohlene Veranstaltung",
   "sections.eventCard.buttonShowMore": "Mehr anzeigen",
   "sections.eventCard.buttonShowLess": "Weniger anzeigen",
@@ -1008,10 +1021,10 @@ var messagesDe6 = {
   "sections.eventCard.eventType.roadshow": "Roadshow",
   "sections.eventCard.eventType.meetup": "Meet Up"
 };
-var messages_de_default7 = messagesDe6;
+var messages_de_default8 = messagesDe7;
 
 // src/slices/Events/messages.de.ts
-var messagesDe7 = {
+var messagesDe8 = {
   "sections.events.loadMore": "Mehr laden",
   "sections.events.noUpcomingEvents": "Keine bevorstehenden Veranstaltungen gefunden",
   "sections.events.noPastEvents": "Keine vergangenen Veranstaltungen gefunden",
@@ -1022,37 +1035,37 @@ var messagesDe7 = {
   "sections.events.eventsFilter.sortBy.newest": "Neueste zuerst",
   "sections.events.eventsFilter.sortBy.oldest": "\xC4lteste zuerst"
 };
-var messages_de_default8 = messagesDe7;
+var messages_de_default9 = messagesDe8;
 
 // src/slices/Glossary/messages.de.ts
-var messagesDe8 = {
+var messagesDe9 = {
   "sections.glossary.copyButtonLabel": "Kopiere den Link zu diesem Abschnitt in die Zwischenablage",
   "sections.glossary.copySuccessMessage": "Link in die Zwischenablage kopiert",
   "sections.glossary.copyFailureMessage": "Link konnte nicht in die Zwischenablage kopiert werden"
 };
-var messages_de_default9 = messagesDe8;
+var messages_de_default10 = messagesDe9;
 
 // src/components/portfolio/DocumentsDownloadList/messages.de.ts
-var messagesDe9 = {
+var messagesDe10 = {
   "features.portfolio.documentsDownloadList.projectDocuments": "Projektdokumente",
   "features.portfolio.documentsDownloadList.downloadDocument": "Dokument herunterladen"
 };
-var messages_de_default10 = messagesDe9;
+var messages_de_default11 = messagesDe10;
 
 // src/slices/ProjectFacts/messages.de.ts
-var messagesDe10 = {
+var messagesDe11 = {
   "sections.projectFacts.projectInfo.value": "Projekt Infos"
 };
-var messages_de_default11 = messagesDe10;
+var messages_de_default12 = messagesDe11;
 
 // src/slices/ProjectsMap/messages.de.ts
-var messagesDe11 = {
+var messagesDe12 = {
   "sections.projectsMap.link.text": "Mehr Infos"
 };
-var messages_de_default12 = messagesDe11;
+var messages_de_default13 = messagesDe12;
 
 // src/components/portfolio/ProjectInfo/messages.de.ts
-var messagesDe12 = {
+var messagesDe13 = {
   "features.projectInfo.projectInfo.value": "Projekt Infos",
   "features.projectInfo.properties.area": "Projekt Fl\xE4che",
   "features.projectInfo.properties.location": "Standort",
@@ -1068,10 +1081,10 @@ var messagesDe12 = {
   "features.projectInfo.properties.riskBuffer": "Anteil Risikopuffer",
   "features.projectInfo.properties.year": "{years} {years, plural, one {Jahr} other {Jahre} }"
 };
-var messages_de_default13 = messagesDe12;
+var messages_de_default14 = messagesDe13;
 
 // src/components/portfolio/SmallCheckout/messages.de.ts
-var messagesDe13 = {
+var messagesDe14 = {
   "portfolio.smallCheckout.price.taxNotIncluded": "ohne Steuern",
   "portfolio.smallCheckout.price.taxIncluded": "Preis inklusive Steuern: {number}",
   "portfolio.smallCheckout.contributionValueCurrency.label.CHF": "Geben Sie den Beitrag in Fr. ein",
@@ -1085,10 +1098,10 @@ var messagesDe13 = {
   "portfolio.smallCheckout.contributionValueTons.label": "Beitrag in Tonnen",
   "portfolio.smallCheckout.submitButton": "Credits kaufen"
 };
-var messages_de_default14 = messagesDe13;
+var messages_de_default15 = messagesDe14;
 
 // src/slices/ShopCheckout/messages.de.ts
-var messagesDe14 = {
+var messagesDe15 = {
   "sections.shopCheckout.intro.price": "Preis",
   "sections.shopCheckout.contributionValue.label.EUR": "Geben sie einen Betrag in \u20AC ein",
   "sections.shopCheckout.contributionValue.label.CHF": "Geben sie einen Betrag in CHF ein",
@@ -1104,21 +1117,21 @@ var messagesDe14 = {
   "sections.shopCheckout.summary.price.taxIncluded": "Preis inklusive Steuern: {number}",
   "sections.shopCheckout.submit": "Kaufen"
 };
-var messages_de_default15 = messagesDe14;
+var messages_de_default16 = messagesDe15;
 
 // src/slices/TextCarousel/messages.de.ts
-var messagesDe15 = {
+var messagesDe16 = {
   "sections.textCarousel.moveRight": "Nach rechts bewegen",
   "sections.textCarousel.moveLeft": "Nach links bewegen"
 };
-var messages_de_default16 = messagesDe15;
+var messages_de_default17 = messagesDe16;
 
 // src/slices/Timeline/messages.de.ts
-var messagesDe16 = {
+var messagesDe17 = {
   "sections.timeline.backgroundShapes": "Hintergrundformen",
   "sections.timeline.showMoreButton": "Drei weitere Meilensteine anzeigen"
 };
-var messages_de_default17 = messagesDe16;
+var messages_de_default18 = messagesDe17;
 
 // src/unit.messages.de.ts
 var unitMessagesDe = {
@@ -1134,24 +1147,25 @@ var rootMessagesDe = {
   //
   ...messages_de_default2,
   ...messages_de_default3,
-  ...messages_de_default7,
-  ...messages_de_default10,
-  ...messages_de_default13,
+  ...messages_de_default8,
+  ...messages_de_default4,
+  ...messages_de_default11,
   ...messages_de_default14,
+  ...messages_de_default15,
   //
   // Slices
   //
   ...messages_de_default,
-  ...messages_de_default4,
   ...messages_de_default5,
   ...messages_de_default6,
-  ...messages_de_default8,
+  ...messages_de_default7,
   ...messages_de_default9,
-  ...messages_de_default11,
+  ...messages_de_default10,
   ...messages_de_default12,
-  ...messages_de_default15,
+  ...messages_de_default13,
   ...messages_de_default16,
   ...messages_de_default17,
+  ...messages_de_default18,
   //
   // Units
   //
@@ -1180,27 +1194,39 @@ var messagesEn2 = {
 };
 var messages_en_default3 = messagesEn2;
 
-// src/slices/Cta/messages.en.ts
+// src/components/ProjectGridCardV2/messages.en.ts
 var messagesEn3 = {
+  "components.projectGridCardV2.projectType.fnr": "Nature Reserve",
+  "components.projectGridCardV2.projectType.ifm": "Improved Forest Management",
+  "components.projectGridCardV2.projectType.ifm-conservation": "Improved Forest Management",
+  "components.projectGridCardV2.projectType.ifm-removal": "Improved Forest Management",
+  "components.projectGridCardV2.projectType.ifm-removal-conservation": "Improved Forest Management",
+  "components.projectGridCardV2.projectType.arr": "Reforestation",
+  "components.projectGridCardV2.projectType.adaptation": "Forest Adaptation"
+};
+var messages_en_default4 = messagesEn3;
+
+// src/slices/Cta/messages.en.ts
+var messagesEn4 = {
   "sections.cta.backgroundShapesDark": "Dark background shapes",
   "sections.cta.backgroundShapesLight": "Light background shapes"
 };
-var messages_en_default4 = messagesEn3;
+var messages_en_default5 = messagesEn4;
 
 // src/components/CustomerCard/messages.en.ts
-var messagesEn4 = {
+var messagesEn5 = {
   "sections.customerCard.more": "Read more"
 };
-var messages_en_default5 = messagesEn4;
+var messages_en_default6 = messagesEn5;
 
 // src/components/CustomerQuoteCard/messages.en.ts
-var messagesEn5 = {
+var messagesEn6 = {
   "sections.customerQuoteCard.more": "Read more"
 };
-var messages_en_default6 = messagesEn5;
+var messages_en_default7 = messagesEn6;
 
 // src/components/EventCard/messages.en.ts
-var messagesEn6 = {
+var messagesEn7 = {
   "sections.eventCard.recommendedEvent": "Recommended Event",
   "sections.eventCard.buttonShowMore": "Show More",
   "sections.eventCard.buttonShowLess": "Show Less",
@@ -1214,10 +1240,10 @@ var messagesEn6 = {
   "sections.eventCard.eventType.roadshow": "Roadshow",
   "sections.eventCard.eventType.meetup": "Meet Up"
 };
-var messages_en_default7 = messagesEn6;
+var messages_en_default8 = messagesEn7;
 
 // src/slices/Events/messages.en.ts
-var messagesDe17 = {
+var messagesDe18 = {
   "sections.events.loadMore": "Load more",
   "sections.events.noUpcomingEvents": "No upcoming events found",
   "sections.events.noPastEvents": "No past events found",
@@ -1228,37 +1254,37 @@ var messagesDe17 = {
   "sections.events.eventsFilter.sortBy.newest": "Newest first",
   "sections.events.eventsFilter.sortBy.oldest": "Oldest first"
 };
-var messages_en_default8 = messagesDe17;
+var messages_en_default9 = messagesDe18;
 
 // src/slices/Glossary/messages.en.ts
-var messagesEn7 = {
+var messagesEn8 = {
   "sections.glossary.copyButtonLabel": "Copy a link to this section to your clipboard",
   "sections.glossary.copySuccessMessage": "Copied the link to your clipboard",
   "sections.glossary.copyFailureMessage": "Could not copy link to clipboard"
 };
-var messages_en_default9 = messagesEn7;
+var messages_en_default10 = messagesEn8;
 
 // src/components/portfolio/DocumentsDownloadList/messages.en.ts
-var messagesEn8 = {
+var messagesEn9 = {
   "features.portfolio.documentsDownloadList.projectDocuments": "Project documents",
   "features.portfolio.documentsDownloadList.downloadDocument": "Download document"
 };
-var messages_en_default10 = messagesEn8;
+var messages_en_default11 = messagesEn9;
 
 // src/slices/ProjectFacts/messages.en.ts
-var messagesEn9 = {
+var messagesEn10 = {
   "sections.projectFacts.projectInfo.value": "Project Infos"
 };
-var messages_en_default11 = messagesEn9;
+var messages_en_default12 = messagesEn10;
 
 // src/slices/ProjectsMap/messages.en.ts
-var messagesEn10 = {
+var messagesEn11 = {
   "sections.projectsMap.link.text": "Show more info"
 };
-var messages_en_default12 = messagesEn10;
+var messages_en_default13 = messagesEn11;
 
 // src/components/portfolio/ProjectInfo/messages.en.ts
-var messagesEn11 = {
+var messagesEn12 = {
   "features.projectInfo.projectInfo.value": "Project Infos",
   "features.projectInfo.properties.area": "Project Area",
   "features.projectInfo.properties.location": "Location",
@@ -1274,10 +1300,10 @@ var messagesEn11 = {
   "features.projectInfo.properties.riskBuffer": "Risk Buffer Share",
   "features.projectInfo.properties.year": "{years} {years, plural, one {year} other {years} }"
 };
-var messages_en_default13 = messagesEn11;
+var messages_en_default14 = messagesEn12;
 
 // src/components/portfolio/SmallCheckout/messages.en.ts
-var messagesEn12 = {
+var messagesEn13 = {
   "portfolio.smallCheckout.price.taxNotIncluded": "not including tax",
   "portfolio.smallCheckout.price.taxIncluded": "Price including tax: {number}",
   "portfolio.smallCheckout.contributionValueCurrency.label.CHF": "Contribution Amount in CHF",
@@ -1291,10 +1317,10 @@ var messagesEn12 = {
   "portfolio.smallCheckout.contributionValueTons.label": "Contribution Amount in Tons",
   "portfolio.smallCheckout.submitButton": "Buy credits"
 };
-var messages_en_default14 = messagesEn12;
+var messages_en_default15 = messagesEn13;
 
 // src/slices/ShopCheckout/messages.en.ts
-var messagesEn13 = {
+var messagesEn14 = {
   "sections.shopCheckout.intro.price": "Price",
   "sections.shopCheckout.contributionValue.label.EUR": "Enter contribution value in \u20AC",
   "sections.shopCheckout.contributionValue.label.CHF": "Enter contribution value in CHF",
@@ -1310,21 +1336,21 @@ var messagesEn13 = {
   "sections.shopCheckout.summary.price.taxIncluded": "Price including tax: {number}",
   "sections.shopCheckout.submit": "Checkout"
 };
-var messages_en_default15 = messagesEn13;
+var messages_en_default16 = messagesEn14;
 
 // src/slices/TextCarousel/messages.en.ts
-var messagesDe18 = {
+var messagesDe19 = {
   "sections.textCarousel.moveRight": "Move right",
   "sections.textCarousel.moveLeft": "Move left"
 };
-var messages_en_default16 = messagesDe18;
+var messages_en_default17 = messagesDe19;
 
 // src/slices/Timeline/messages.en.ts
-var messagesEn14 = {
+var messagesEn15 = {
   "sections.timeline.backgroundShapes": "Background shapes",
   "sections.timeline.showMoreButton": "Show three more milestones"
 };
-var messages_en_default17 = messagesEn14;
+var messages_en_default18 = messagesEn15;
 
 // src/unit.messages.en.ts
 var unitMessagesEn = {
@@ -1340,24 +1366,25 @@ var rootMessagesEn = {
   //
   ...messages_en_default2,
   ...messages_en_default3,
-  ...messages_en_default7,
-  ...messages_en_default10,
-  ...messages_en_default13,
+  ...messages_en_default8,
+  ...messages_en_default4,
+  ...messages_en_default11,
   ...messages_en_default14,
+  ...messages_en_default15,
   //
   // Slices
   //
   ...messages_en_default,
-  ...messages_en_default4,
   ...messages_en_default5,
   ...messages_en_default6,
-  ...messages_en_default8,
+  ...messages_en_default7,
   ...messages_en_default9,
-  ...messages_en_default11,
+  ...messages_en_default10,
   ...messages_en_default12,
-  ...messages_en_default15,
+  ...messages_en_default13,
   ...messages_en_default16,
   ...messages_en_default17,
+  ...messages_en_default18,
   //
   // Units
   //
@@ -4156,10 +4183,18 @@ var getCountryFlag_default = getCountryFlag;
 
 // src/components/ProjectGridCardV2/ProjectGridCardV2.tsx
 import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+var getProjectTypeLabel = (projectType, formatMessage) => {
+  if (!projectType.key) {
+    return projectType.title;
+  }
+  const translationKey = `components.projectGridCardV2.projectType.${projectType.key}`;
+  const translated = formatMessage({ id: translationKey });
+  return translated === translationKey ? projectType.title : translated;
+};
 var ProjectGridCardV2 = ({
   project
 }) => {
-  const { formatNumber } = useContext12(IntlContext);
+  const { formatNumber, formatMessage } = useContext12(IntlContext);
   return /* @__PURE__ */ jsx32(Box23, { height: "full", borderRadius: "lg", boxShadow: "sm", overflow: "hidden", children: /* @__PURE__ */ jsxs28(Flex14, { flexDir: "column", height: "full", children: [
     /* @__PURE__ */ jsxs28(Box23, { position: "relative", height: "56", children: [
       project.thumbnail && /* @__PURE__ */ jsx32(
@@ -4173,7 +4208,7 @@ var ProjectGridCardV2 = ({
           }
         }
       ),
-      project.projectType?.title && /* @__PURE__ */ jsx32(Box23, { position: "absolute", top: "4", left: "4", children: /* @__PURE__ */ jsx32(BoemlyTag5, { backgroundColor: "gray.900", borderRadius: "full", children: /* @__PURE__ */ jsx32(Text12, { size: "smRegularNormalBold", color: "white", children: project.projectType.title }) }) }),
+      project.projectType && /* @__PURE__ */ jsx32(Box23, { position: "absolute", top: "4", left: "4", children: /* @__PURE__ */ jsx32(BoemlyTag5, { backgroundColor: "gray.900", borderRadius: "full", children: /* @__PURE__ */ jsx32(Text12, { size: "smRegularNormalBold", color: "white", children: getProjectTypeLabel(project.projectType, formatMessage) }) }) }),
       /* @__PURE__ */ jsxs28(
         Flex14,
         {
@@ -4244,7 +4279,7 @@ var ProjectsGridV2 = ({
       (strapiProject) => strapiProject.attributes.fpmProjectId === fpmProject.id
     )
   );
-  return /* @__PURE__ */ jsx33(DefaultSectionContainer16, { children: /* @__PURE__ */ jsx33(Wrapper21, { children: /* @__PURE__ */ jsx33(SimpleGrid11, { columns: [1, null, 2, 3, 4], gap: "16", children: filteredProjects.map((project) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx33(DefaultSectionContainer16, { children: /* @__PURE__ */ jsx33(Wrapper21, { children: /* @__PURE__ */ jsx33(SimpleGrid11, { columns: [1, null, 2, 3], gap: "16", children: filteredProjects.map((project) => /* @__PURE__ */ jsx33(
     ConditionalWrapper2,
     {
       condition: !!project.slug,
@@ -4252,13 +4287,15 @@ var ProjectsGridV2 = ({
         Link6,
         {
           href: `${project.portfolioHost || ""}/portfolio/${project.slug}`,
+          style: { display: "block", height: "100%" },
           children
         }
       ),
       children: /* @__PURE__ */ jsx33(
         Box24,
         {
-          borderRadius: "2xl",
+          height: "full",
+          borderRadius: "lg",
           transition: `box-shadow ease ${MEDIUM_TRANSITION_DURATION}s`,
           _hover: { boxShadow: "lg" },
           children: /* @__PURE__ */ jsx33(ProjectGridCardV2_default, { project })
@@ -6626,7 +6663,7 @@ var Facts = ({ slice }) => /* @__PURE__ */ jsx43(
                   Heading13,
                   {
                     fontSize: "6xl",
-                    fontFamily: "display",
+                    fontFamily: "mono",
                     lineHeight: "10",
                     fontWeight: "700",
                     color: FACTS_COLOR_VARIANTS[slice.variant].factValueColor,
@@ -9120,7 +9157,7 @@ var Events = ({ slice }) => {
 var Events_default = Events;
 
 // src/slices/HeroWithHighlights/HeroWithHighlights.tsx
-import { Box as Box48, DefaultSectionContainer as DefaultSectionContainer34, Heading as Heading24, Text as Text29, Wrapper as Wrapper37 } from "boemly";
+import { Box as Box48, Heading as Heading24, Text as Text29, Wrapper as Wrapper37 } from "boemly";
 import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 var parseTitle = (title) => {
   const parts = [];
@@ -9132,8 +9169,8 @@ var parseTitle = (title) => {
   return parts;
 };
 var VARIANTS5 = {
-  white: { backgroundColor: "white", titleColor: "black" },
-  gray: { backgroundColor: "primary.50", titleColor: "black" }
+  white: { backgroundColor: "white", titleColor: "primary.900" },
+  gray: { backgroundColor: "primary.50", titleColor: "primary.900" }
 };
 var HeroWithHighlights = ({
   slice
@@ -9142,10 +9179,13 @@ var HeroWithHighlights = ({
   const variant = slice.variant || "white";
   const textAlign = slice.textAlign || "left";
   return /* @__PURE__ */ jsx60(
-    DefaultSectionContainer34,
+    Box48,
     {
+      position: "relative",
+      width: "full",
       backgroundColor: VARIANTS5[variant].backgroundColor,
-      paddingY: ["10", null, "16"],
+      paddingTop: "var(--boemly-spacing-48)",
+      paddingBottom: "var(--boemly-spacing-16)",
       children: /* @__PURE__ */ jsxs51(Wrapper37, { children: [
         /* @__PURE__ */ jsx60(
           Heading24,
@@ -9156,6 +9196,7 @@ var HeroWithHighlights = ({
             lineHeight: "1.3",
             fontWeight: "600",
             textAlign,
+            colorPalette: VARIANTS5[variant].titleColor,
             children: parts.map(
               (part, i) => part.highlighted ? /* @__PURE__ */ jsx60(Box48, { as: "span", px: "2", backgroundColor: "primary.500", children: part.text }, i) : part.text
             )
@@ -9164,8 +9205,8 @@ var HeroWithHighlights = ({
         slice.subTitle && /* @__PURE__ */ jsx60(
           Text29,
           {
-            size: "lgRegularNormal",
-            color: "gray.500",
+            fontSize: "18px",
+            color: VARIANTS5[variant].titleColor,
             mt: "4",
             textAlign,
             children: slice.subTitle
@@ -9222,7 +9263,7 @@ var Redirect_default = Redirect;
 // src/slices/FactsWithProjectsMap/FactsWithProjectsMap.tsx
 import {
   Box as Box49,
-  DefaultSectionContainer as DefaultSectionContainer35,
+  DefaultSectionContainer as DefaultSectionContainer34,
   DefaultSectionHeader as DefaultSectionHeader24,
   Flex as Flex33,
   Heading as Heading25,
@@ -9236,11 +9277,10 @@ var FactsWithProjectsMap = ({
   const colorVariant = FACTS_COLOR_VARIANTS[slice.variant] || FACTS_COLOR_VARIANTS.green;
   const alignFacts = slice.alignFacts || "center";
   return /* @__PURE__ */ jsx62(
-    DefaultSectionContainer35,
+    DefaultSectionContainer34,
     {
       backgroundColor: colorVariant.backgroundColor,
       title: slice.title,
-      paddingY: "8",
       children: /* @__PURE__ */ jsxs52(Wrapper38, { children: [
         slice.title && /* @__PURE__ */ jsx62(
           DefaultSectionHeader24,
@@ -9290,7 +9330,7 @@ var FactsWithProjectsMap = ({
                       {
                         textAlign: ["center", "center", "center", alignFacts],
                         fontSize: "5xl",
-                        fontFamily: "display",
+                        fontFamily: "mono",
                         lineHeight: "1.1",
                         fontWeight: "700",
                         color: colorVariant.factValueColor,