ublo-lib 1.26.8 → 1.26.10

package/es/lbm/components/lumiplan/api.js

@@ -47,4 +47,10 @@ export async function getPois(resort) {
   return Fetcher.get(endpoint, {
     resort
   });
+}
+export async function getSignature(resort) {
+  const endpoint = `${lumiplanApi}/signature`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }

package/es/lbm/components/lumiplan/domain.module.css

@@ -83,18 +83,22 @@
 
 .slope.GREEN {
   --color: #00a52c;
+  print-color-adjust: exact;
 }
 
 .slope.BLUE {
   --color: #0062ae;
+  print-color-adjust: exact;
 }
 
 .slope.RED {
   --color: #f4000f;
+  print-color-adjust: exact;
 }
 
 .slope.BLACK {
   --color: #000;
+  print-color-adjust: exact;
 }
 
 .slopePill {
@@ -121,3 +125,62 @@
 .mapButton:is(:hover, :focus) {
   opacity: 0.9;
 }
+
+@media print {
+  div[data-mode="weather"] .domain {
+    display: none;
+  }
+
+  .domain {
+    padding: 0;
+    margin-top: 0;
+  }
+
+  .title {
+    display: none;
+  }
+
+  .domain,
+  .title,
+  .card {
+    background-color: hsl(var(--grey-000));
+    color: hsl(var(--grey-800));
+  }
+
+  .info {
+    justify-content: space-around;
+  }
+
+  .card {
+    height: 100px;
+    flex-direction: row;
+    gap: 5px;
+    padding: 0;
+  }
+
+  .card > svg {
+    flex: 0 0 60px;
+    width: 60px;
+    height: 60px;
+    fill: hsl(var(--primary));
+  }
+
+  .cardTitle {
+    font-size: 16px;
+    color: hsl(var(--primary));
+  }
+
+  .cardCount {
+    flex: 1 0 50%;
+    font-size: 33px;
+    color: hsl(var(--primary));
+  }
+
+  .mapButton {
+    display: none;
+  }
+
+  .slopes {
+    color: hsl(var(--primary));
+  }
+}

package/es/lbm/components/lumiplan/header.js

@@ -0,0 +1,39 @@
+import { useUbloContext } from "ublo/with-ublo";
+import T from "./i18n/translations";
+import styles from "./header.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function Title({
+  date,
+  mode
+}) {
+  const {
+    lang
+  } = useUbloContext();
+  const langFormat = lang === "fr" ? "fr-FR" : "en-UK";
+  const options = {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: lang === "fr" ? false : true
+  };
+  const formattedDate = date.toLocaleDateString(langFormat, options);
+  return _jsxs("div", {
+    className: styles.header,
+    children: [_jsxs("div", {
+      className: styles.title,
+      children: [_jsx(T, {
+        id: "print.bulletin"
+      }), " ", _jsx(T, {
+        id: `print.${mode}`
+      })]
+    }), _jsxs("div", {
+      className: styles.subtitle,
+      children: [_jsx(T, {
+        id: "print.subtitle"
+      }), formattedDate]
+    })]
+  });
+}

package/es/lbm/components/lumiplan/header.module.css

@@ -0,0 +1,19 @@
+.header {
+  display: none;
+}
+
+@media print {
+  .header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+    margin-top: 10px;
+    font-size: 14px;
+    color: hsl(var(--primary));
+  }
+
+  .title {
+    text-transform: uppercase;
+  }
+}

package/es/lbm/components/lumiplan/i18n/fr.json

@@ -252,6 +252,13 @@
     "available": "Disponible",
     "unavailable": "Indispo"
   },
+  "print": {
+    "label": "Imprimer",
+    "weather": "Météo et neige",
+    "trails": "Infos pistes",
+    "bulletin": "Bulletin",
+    "subtitle": "Bulletin édité le : "
+  },
   "METER": "m",
   "KMH": "km/h",
   "CENTIMETER": "cm",

package/es/lbm/components/lumiplan/lumiplan.js

@@ -2,12 +2,15 @@ import * as React from "react";
 import { useInView } from "framer-motion";
 import getConfig from "next/config";
 import ResortSelector from "./resort-selector";
+import Toolbar from "./toolbar";
 import TodaysTips from "./todays-tips";
 import RoadCondition from "./road-condition";
 import Weather from "./weather";
 import Domain from "./domain";
 import Pois from "./pois";
+import Header from "./header";
 import Opening from "./opening";
+import Signature from "./signature";
 import * as API from "./api";
 import css from "./lumiplan.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -42,6 +45,34 @@ export default function Lumiplan() {
   const [resortAccess, setResortAccess] = React.useState();
   const [domain, setDomain] = React.useState();
   const [pois, setPois] = React.useState();
+  const [timestamp, setTimestamp] = React.useState(new Date());
+  const [signature, setSignature] = React.useState();
+  const [mode, setMode] = React.useState("weather");
+  const fetchAllData = async () => {
+    try {
+      const [opening, weather, access, domain, pois, signature] = await Promise.all([API.getResortOpening(currentResortId), Promise.all([API.getWeather(currentResortId), API.getSnow(currentResortId)]), API.getResortAccess(currentResortId), Promise.all([API.getSlopes(currentResortId), API.getLifts(currentResortId)]), API.getPois(currentResortId), API.getSignature(currentResortId)]);
+      setResortOpening(opening);
+      setWeather({
+        weather: weather[0],
+        snow: weather[1]
+      });
+      setResortAccess(access);
+      setDomain({
+        slopes: domain[0],
+        lifts: domain[1]
+      });
+      setPois(pois);
+      setSignature(signature);
+      setTimestamp(new Date());
+    } catch (error) {
+      setResortOpening(null);
+      setWeather(null);
+      setResortAccess(null);
+      setDomain(null);
+      setPois(null);
+      setSignature(null);
+    }
+  };
   React.useEffect(() => {
     setResortOpening(undefined);
     if (isTodaysTipsInView || isOpeningsInView) {
@@ -119,11 +150,18 @@ export default function Lumiplan() {
     }
   }, [currentResortId, isPoisInView]);
   return _jsxs("div", {
+    "data-mode": mode,
     className: css.lumiplan,
-    children: [_jsx(ResortSelector, {
+    children: [_jsx(Header, {
+      date: timestamp,
+      mode: mode
+    }), _jsx(ResortSelector, {
       resorts: lumiplanResorts,
       currentResortId: currentResortId,
       setCurrentResortId: setCurrentResortId
+    }), _jsx(Toolbar, {
+      setMode: setMode,
+      fetchAllData: fetchAllData
     }), _jsx(TodaysTips, {
       ref: todaysTipsRef,
       resortOpening: resortOpening
@@ -143,6 +181,8 @@ export default function Lumiplan() {
       ref: openingsRef,
       resortOpening: resortOpening,
       showOpening: currentResort.showOpening
+    }), _jsx(Signature, {
+      signature: signature
     })]
   });
 }

package/es/lbm/components/lumiplan/lumiplan.module.css

@@ -1,5 +1,13 @@
-@media (min-width: 780px) {
-  .lumiplan {
-    padding-top: 34px;
+@media print {
+  :is(
+      .lumiplan[hidden],
+      :global(.content__header-zone),
+      :global(.header-menu),
+      :global(.breadcrumb),
+      :global(.header-tools__tagline),
+      :global(.header-tools__items),
+      :global(.footer)
+    ) {
+    display: none;
   }
 }

package/es/lbm/components/lumiplan/opening.js

@@ -58,14 +58,20 @@ const Opening = React.forwardRef(({
               children: [_jsx("th", {}), orderedDays.map((day, i) => {
                 const dayNumber = new Date();
                 dayNumber.setDate(dayNumber.getDate() + i);
-                return _jsx("th", {
+                const weekDay = t(lang, `opening.days.${day.dayType}`);
+                return _jsxs("th", {
                   className: css.heading,
-                  children: _jsxs("div", {
-                    className: css.headingInner,
-                    children: [_jsx(T, {
-                      id: `opening.days.${day.dayType}`
-                    }), " ", dayNumber.getDate()]
-                  })
+                  children: [_jsx(_Fragment, {
+                    children: _jsxs("div", {
+                      className: css.headingInner,
+                      children: [weekDay, " ", dayNumber.getDate()]
+                    })
+                  }), _jsx(_Fragment, {
+                    children: _jsxs("div", {
+                      className: css.headingPrinted,
+                      children: [formatPrintedDays(weekDay), dayNumber.getDate()]
+                    })
+                  })]
                 }, day.dayType);
               })]
             })
@@ -97,8 +103,11 @@ function Rows({
       className: css.heading,
       children: _jsxs("span", {
         className: css.rowHeadingInner,
-        children: [_jsx(Icon, {}), _jsx(T, {
-          id: `opening.${kind}`
+        children: [_jsx(Icon, {}), _jsx("span", {
+          className: css.kindPrinted,
+          children: _jsx(T, {
+            id: `opening.${kind}`
+          })
         })]
       })
     }), rows.map(({
@@ -113,9 +122,14 @@ function Rows({
         className: classes,
         children: _jsxs("span", {
           className: css.cellInner,
-          children: [_jsx(T, {
-            id: code
-          }), !open && _jsx(Icons.Cross, {})]
+          children: [_jsx("span", {
+            className: css.hiddenPrint,
+            children: _jsx(T, {
+              id: code
+            })
+          }), !open && _jsx(Icons.Cross, {}), open && _jsx(Icons.Check, {
+            className: css.showPrint
+          })]
         })
       }, `${dayType}-${kind}`);
     })]
@@ -127,4 +141,7 @@ function reorganizeDays(days, index) {
   const daysBefore = days.slice(0, index);
   const daysAfter = days.slice(index);
   return [...daysAfter, ...daysBefore];
+}
+function formatPrintedDays(day) {
+  return `${day.slice(0, 3)}. `;
 }

package/es/lbm/components/lumiplan/opening.module.css

@@ -81,6 +81,10 @@
   padding-right: 10px;
 }
 
+.headingPrinted {
+  display: none;
+}
+
 .headingInner {
   width: fit-content;
   min-width: 120px;
@@ -156,3 +160,64 @@
 .cellAvailable {
   color: hsl(var(--secondary));
 }
+
+.showPrint {
+  display: none;
+}
+
+@media print {
+  div[data-mode="weather"] .opening {
+    display: none;
+  }
+
+  .tableInner {
+    padding: 0 !important;
+  }
+
+  .tableOuter::before,
+  .tableOuter::after {
+    display: none;
+  }
+
+  .heading {
+    max-width: 50px;
+    padding: 0;
+  }
+
+  .kindPrinted {
+    position: relative;
+    left: 5px;
+  }
+
+  .rowHeadingInner {
+    position: relative;
+    bottom: 10px;
+    display: inline-block;
+    max-width: 50px;
+    min-width: 50px;
+    width: fit-content;
+    padding: 0;
+    gap: 0;
+  }
+
+  .headingInner,
+  .hiddenPrint {
+    display: none;
+  }
+
+  .showPrint {
+    display: block;
+  }
+
+  .headingPrinted {
+    width: fit-content;
+    min-width: 80px;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    gap: 10px;
+    margin: 20px 0;
+    background-color: hsla(var(--secondary), 10%);
+    white-space: nowrap;
+  }
+}

package/es/lbm/components/lumiplan/pois.js

@@ -264,6 +264,9 @@ const Pois = React.forwardRef(({
                         })]
                       })]
                     })]
+                  }), message?.data && _jsx("b", {
+                    className: css.printedMessage,
+                    children: message.data
                   })]
                 }), _jsx("div", {
                   className: css.poiMessage,

package/es/lbm/components/lumiplan/pois.module.css

@@ -155,3 +155,35 @@
 .poiPopover {
   min-width: auto;
 }
+
+.printedMessage {
+  display: none;
+}
+
+@media print {
+  div[data-mode="weather"] .pois {
+    display: none;
+  }
+
+  .list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .zone {
+    gap: 33px;
+  }
+
+  .poiMessage,
+  .poiIcon {
+    display: none;
+  }
+
+  .poiDetail {
+    width: 50%;
+  }
+
+  .printedMessage {
+    display: block;
+    font-size: 12px;
+  }
+}

package/es/lbm/components/lumiplan/print-button.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import Button from "dt-design-system/es/button";
+import T from "./i18n/translations";
+import styles from "./print-button.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function PrintButton({
+  fetchAllData,
+  mode,
+  setMode
+}) {
+  const triggerPrint = async () => {
+    setMode(mode);
+    await fetchAllData();
+    window.requestAnimationFrame(() => {
+      window.print();
+    });
+  };
+  return _jsx("div", {
+    className: styles.wrapper,
+    children: _jsx(Button, {
+      variant: "secondary",
+      compact: true,
+      onClick: triggerPrint,
+      children: _jsx(T, {
+        id: `print.${mode}`
+      })
+    })
+  });
+}

package/es/lbm/components/lumiplan/print-button.module.css

@@ -0,0 +1,28 @@
+.wrapper {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 10px 0;
+}
+
+@media (min-width: 780px) {
+  .wrapper {
+    margin: 0;
+  }
+}
+
+.wrapper button {
+  font-size: 12px;
+}
+
+@media (min-width: 780px) {
+  .wrapper button {
+    font-size: 14px;
+  }
+}
+
+@media print {
+  .wrapper {
+    display: none;
+  }
+}

package/es/lbm/components/lumiplan/road-condition.module.css

@@ -93,3 +93,19 @@
 .bottom {
   font-size: 15px;
 }
+
+@media print {
+  div[data-mode="trails"] .conditions {
+    display: none;
+  }
+
+  .title {
+    font-size: 20px;
+  }
+
+  .status,
+  .surface,
+  .equipment {
+    font-size: 14px;
+  }
+}

package/es/lbm/components/lumiplan/signature.js

@@ -0,0 +1,24 @@
+import Image from "next/image";
+import getConfig from "next/config";
+import styles from "./signature.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  lumiplanApi
+} = publicRuntimeConfig;
+export default function Signature({
+  signature
+}) {
+  if (!signature) return null;
+  return _jsx("div", {
+    className: styles.signature,
+    children: _jsx(Image, {
+      src: `${lumiplanApi}/labellemontagne-white.svg`,
+      height: 400,
+      width: 100,
+      alt: "labellemontagne"
+    })
+  });
+}

package/es/lbm/components/lumiplan/signature.module.css

@@ -0,0 +1,16 @@
+.signature {
+  display: none;
+}
+
+@media print {
+  .signature {
+    height: 100px;
+    padding: 5px 10px;
+    background-color: hsl(var(--primary));
+    color: hsl(var(--grey-000));
+    print-color-adjust: exact;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/es/lbm/components/lumiplan/todays-tips.module.css

@@ -33,3 +33,9 @@
   font-size: 16px;
   color: hsl(var(--primary));
 }
+
+@media print {
+  .tips {
+    display: none;
+  }
+}

package/es/lbm/components/lumiplan/toolbar.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as Icons from "dt-design-system/es/icons";
+import PrintButton from "./print-button";
+import T from "./i18n/translations";
+import styles from "./toolbar.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function Toolbar({
+  setMode,
+  fetchAllData
+}) {
+  return _jsx("div", {
+    className: styles.toolbar,
+    children: _jsxs("div", {
+      className: styles.inner,
+      children: [_jsx(Icons.Printer, {
+        className: styles.icon
+      }), _jsx(T, {
+        id: "print.label"
+      }), _jsx(PrintButton, {
+        fetchAllData: fetchAllData,
+        mode: "weather",
+        setMode: setMode
+      }), _jsx(PrintButton, {
+        fetchAllData: fetchAllData,
+        mode: "trails",
+        setMode: setMode
+      })]
+    })
+  });
+}

package/es/lbm/components/lumiplan/toolbar.module.css

@@ -0,0 +1,39 @@
+.toolbar {
+  position: relative;
+  margin-bottom: 34px;
+  padding: 10px;
+  background-color: hsla(var(--grey-800), 2%);
+}
+
+/* Hide toolbar on touch devices */
+@media (hover: none) {
+  .toolbar {
+    display: none;
+  }
+}
+
+.inner {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  font-size: 14px;
+}
+
+@media (min-width: 768px) {
+  .inner {
+    font-size: 16px;
+  }
+}
+
+.icon {
+  flex: 0 0 16px;
+}
+
+@media print {
+  .toolbar {
+    display: none;
+  }
+}

package/es/lbm/components/lumiplan/weather/snow-data.module.css

@@ -41,3 +41,19 @@
   color: hsl(var(--primary));
   font-size: 14px;
 }
+
+@media print {
+  .snowIcon {
+    flex: 0 0 40px;
+    width: 40px;
+    height: 40px;
+  }
+  .snow {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .snowDepth {
+    font-size: 24px;
+  }
+}

package/es/lbm/components/lumiplan/weather/weather-data.module.css

@@ -61,3 +61,19 @@
   color: hsl(var(--primary));
   font-size: 14px;
 }
+
+@media print {
+  .weatherData {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .weatherData > svg {
+    flex: 0 0 40px;
+    width: 40px;
+    height: 40px;
+  }
+  .weatherInfoTemperatures {
+    font-size: 24px;
+  }
+}

package/es/lbm/components/lumiplan/weather/weather-days.module.css

@@ -64,3 +64,9 @@ button.daySelected {
 button.day b {
   text-transform: uppercase;
 }
+
+@media print {
+  .days {
+    display: none;
+  }
+}

package/es/lbm/components/lumiplan/weather/weather-zones.module.css

@@ -77,3 +77,9 @@ button.zoneSelected {
 button.zone b {
   text-transform: uppercase;
 }
+
+@media print {
+  .zones {
+    display: none;
+  }
+}

package/es/lbm/components/lumiplan/weather/weather.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
 import Tooltip from "dt-design-system/es/tooltip";
@@ -7,10 +8,10 @@ import * as Icons from "dt-design-system/es/icons";
 import AvalancheRisk from "./avalanche-risk";
 import SnowData from "./snow-data";
 import WeatherData from "./weather-data";
-import { t } from "../i18n/translations";
-import css from "./weather.module.css";
+import T, { t } from "../i18n/translations";
 import Days from "./weather-days";
 import Zones from "./weather-zones";
+import css from "./weather.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Weather = React.forwardRef(({
@@ -40,29 +41,29 @@ const Weather = React.forwardRef(({
     return null;
   }
   const {
-    weatherZones
+    weatherZones,
+    weatherPreviews
   } = weather.weather;
   const {
     snowZones
   } = weather.snow;
+  const forecastList = weatherPreviews.find(preview => preview.type === "WEATHER_BULLETIN_OF_NEXT_DAY");
+  const forecastData = forecastList?.data?.find(f => f.language.startsWith(lang));
+  const forecast = forecastData?.data;
   const {
     weatherInfos
-  } = weatherZones[currentZoneIndex] || {};
+  } = weatherZones[currentZoneIndex];
   const days = weatherInfos.slice(0, 4);
-  const {
-    am,
-    pm
-  } = days[currentDayIndex] || {};
-  const snowData = snowZones[currentZoneIndex] || {};
-  const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
-  const toggleExpanded = () => {
-    setExpanded(!expanded);
-  };
   return _jsxs("div", {
     ref: ref,
     className: css.weather,
     "data-tags": t(lang, "weather.title"),
-    children: [_jsx(Zones, {
+    children: [_jsx("div", {
+      className: css.forecast,
+      dangerouslySetInnerHTML: {
+        __html: forecast
+      }
+    }), _jsx(Zones, {
       weatherZones: weatherZones,
       currentZoneIndex: currentZoneIndex,
       setCurrentZoneIndex: setCurrentZoneIndex
@@ -71,33 +72,66 @@ const Weather = React.forwardRef(({
       currentDayIndex: currentDayIndex,
       setCurrentDayIndex: setCurrentDayIndex,
       lang: lang
-    }), _jsxs("div", {
-      className: css.info,
-      children: [_jsx(AvalancheRisk, {
-        avalancheRisk: snowData.avalancheRisk
-      }), _jsxs("div", {
-        className: css.infoBottom,
-        children: [_jsx(SnowData, {
-          data: snowData,
-          expanded: expanded
-        }), _jsx(WeatherData, {
-          kind: "am",
-          data: am,
-          expanded: expanded
-        }), _jsx(WeatherData, {
-          kind: "pm",
-          data: pm,
-          expanded: expanded
+    }), weatherZones.map((zone, i) => {
+      const {
+        weatherInfos,
+        name,
+        altitude
+      } = zone;
+      const {
+        value,
+        unit
+      } = altitude;
+      const days = weatherInfos.slice(0, 4);
+      const {
+        am,
+        pm
+      } = days[currentDayIndex] || {};
+      const classes = classNames(css.info, {
+        [css.infoHidden]: currentZoneIndex !== i
+      });
+      const snowData = snowZones[i] || {};
+      const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
+      const toggleExpanded = () => {
+        setExpanded(!expanded);
+      };
+      return _jsxs("div", {
+        className: classes,
+        children: [_jsxs("span", {
+          className: css.printedName,
+          children: [_jsx("b", {
+            children: name
+          }), " ", value, _jsx("span", {
+            children: _jsx(T, {
+              id: unit
+            })
+          })]
+        }), _jsx(AvalancheRisk, {
+          avalancheRisk: snowData.avalancheRisk
+        }), _jsxs("div", {
+          className: css.infoBottom,
+          children: [_jsx(SnowData, {
+            data: snowData,
+            expanded: expanded
+          }), _jsx(WeatherData, {
+            kind: "am",
+            data: am,
+            expanded: expanded
+          }), _jsx(WeatherData, {
+            kind: "pm",
+            data: pm,
+            expanded: expanded
+          })]
+        }), _jsx(Tooltip, {
+          content: t(lang, expanded ? "see-less" : "see-more"),
+          children: _jsx(Button, {
+            className: css.expandButton,
+            variant: "transparent",
+            onClick: toggleExpanded,
+            children: _jsx(ExpandIcon, {})
+          })
         })]
-      }), _jsx(Tooltip, {
-        content: t(lang, expanded ? "see-less" : "see-more"),
-        children: _jsx(Button, {
-          className: css.expandButton,
-          variant: "transparent",
-          onClick: toggleExpanded,
-          children: _jsx(ExpandIcon, {})
-        })
-      })]
+      }, i);
     })]
   });
 });

package/es/lbm/components/lumiplan/weather/weather.module.css

@@ -31,6 +31,10 @@
   background-color: hsla(var(--primary), 10%);
 }
 
+.infoHidden {
+  display: none;
+}
+
 .infoBottom {
   display: flex;
   flex-direction: column;
@@ -48,3 +52,49 @@
 .expandButton {
   margin: 0 auto;
 }
+
+.printedName {
+  display: none;
+}
+
+.forecast {
+  display: none;
+}
+
+@media print {
+  div[data-mode="trails"] .weather {
+    display: none;
+  }
+
+  .infoBottom {
+    flex-direction: row;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .infoHidden {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+    padding: 34px 16px;
+  }
+
+  .expandButton {
+    display: none;
+  }
+
+  .printedName {
+    font-size: 24px;
+    font-weight: 700;
+    display: block;
+    text-align: center;
+    margin: -20px 0;
+    color: hsl(var(--primary));
+  }
+
+  .forecast {
+    display: block;
+    font-size: 14px;
+    color: hsl(var(--primary));
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.26.8",
+  "version": "1.26.10",
   "peerDependencies": {
     "dt-design-system": "^3.8.3",
     "leaflet": "^1.9.1",