@hhgtech/hhg-components 1.29.460-beta-1 → 1.29.461-beta-1

package/build/{index-be73866e.js → index-dbedc23b.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
-var index$1 = require('./index-8ec25668.js');
-var index = require('./index-2a2a6b02.js');
-require('./index-ffe1e8fa.js');
-var dataTransform = require('./dataTransform-a781e0e9.js');
+var index$1 = require('./index-886486de.js');
+var index = require('./index-50c8dea4.js');
+require('./index-8a3bff72.js');
+var dataTransform = require('./dataTransform-9512cf0b.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-0ba36ef1.js');
+var togetherComponentGlobalContext = require('./utils-97dc1fad.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-7670efa6.js');
-var Locale = require('./Locale-f55c2403.js');
+var togetherMoleculesCardAuthor = require('./index-0ddb6589.js');
+var Locale = require('./Locale-3f344003.js');
 require('@hhgtech/icons/other');
-require('./index-9a85720c.js');
-require('./shared-987d0339.js');
-require('./index-83b30ffa.js');
-require('./index-5a516f82.js');
-require('./index-11d4e827.js');
-require('./translationsContext-76d293d3.js');
-require('./index-e4647451.js');
-require('./index-b731bb61.js');
+require('./index-5eaccbe9.js');
+require('./shared-868ff9bf.js');
+require('./index-fa9299cd.js');
+require('./index-b3dc6f79.js');
+require('./index-b0402909.js');
+require('./translationsContext-79a8a91e.js');
+require('./index-9f4bea44.js');
+require('./index-23023e5f.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-55ca9183.js');
+require('./constants-ad6e8f61.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-d47ac810.js');
-require('./index-12a8bee9.js');
-require('./paths-d7416b1c.js');
-require('./constants-2b00c494.js');
-require('./index-d91a5c2e.js');
+require('./utils-8dd99797.js');
+require('./index-12abb15c.js');
+require('./paths-7cebd11b.js');
+require('./constants-047c6747.js');
+require('./index-ba9f0d40.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-ce2bb41a.js');
+require('./index-a85f6a81.js');
 require('./miscTheme.js');
-require('./WhatsApp-1ea0a149.js');
-require('./Spinner-3c10ff78.js');
-require('./index-26f9715a.js');
+require('./WhatsApp-0dc3ffdb.js');
+require('./Spinner-25c36579.js');
+require('./index-b06fdfd6.js');
 require('@emotion/styled');
-require('./index-84617f56.js');
-require('./index-036c3120.js');
-require('./index-1e967300.js');
+require('./index-3371808e.js');
+require('./index-668bbf26.js');
+require('./index-af19443e.js');
 require('@emotion/react');
-require('./index-e3ca7644.js');
-require('./index-c8e63ba2.js');
-require('./index.styles-da3f83dd.js');
+require('./index-778b5a4f.js');
+require('./index-63afd96c.js');
+require('./index.styles-688c9b4a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1d4560a4.js → index-e001121b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-3263e07e.js');
-var index = require('./index-83b30ffa.js');
+var index$1 = require('./index-c9aaf7de.js');
+var index = require('./index-fa9299cd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-747b4436.js → index-e12b81de.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-ee5d1936.js');
-var index$1 = require('./index-5a516f82.js');
+var index = require('./index-a5caf9d4.js');
+var index$1 = require('./index-b3dc6f79.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ed43ea33.js → index-e3478fad.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-b731bb61.js');
-var index$2 = require('./index-d91a5c2e.js');
-var index = require('./index-ffe1e8fa.js');
+var index$1 = require('./index-23023e5f.js');
+var index$2 = require('./index-ba9f0d40.js');
+var index = require('./index-8a3bff72.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-32e9dd8c.js → index-e91eed21.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-69003184.js');
-var index$3 = require('./index-7e7df658.js');
-var index$2 = require('./index-6ad17932.js');
-var index$4 = require('./index-5a516f82.js');
-require('./index-9a85720c.js');
-require('./index-83b30ffa.js');
-require('./index.styles-da3f83dd.js');
-var index = require('./index-11d4e827.js');
+var LastPeriod = require('./LastPeriod-2d31b2de.js');
+var index$3 = require('./index-0a2595b8.js');
+var index$2 = require('./index-2e364f4d.js');
+var index$4 = require('./index-b3dc6f79.js');
+require('./index-5eaccbe9.js');
+require('./index-fa9299cd.js');
+require('./index.styles-688c9b4a.js');
+var index = require('./index-b0402909.js');
 require('@mantine/hooks');
-require('./index-3263e07e.js');
-require('./utils-d47ac810.js');
-require('./index-8ec25668.js');
-var context = require('./context-2ae0dcb3.js');
-var index$1 = require('./index-961942ed.js');
+require('./index-c9aaf7de.js');
+require('./utils-8dd99797.js');
+require('./index-886486de.js');
+var context = require('./context-7cc14414.js');
+var index$1 = require('./index-7e45601a.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-cb08285a.js → index-efc39071.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-83b30ffa.js');
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var index$1 = require('./index-fa9299cd.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-7052cd1c.js → index-f2a62e42.js}

@@ -1,34 +1,35 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-11d4e827.js');
+var index = require('./index-b0402909.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-036c3120.js');
-var normalizeLink = require('./normalizeLink-07857030.js');
+var index$2 = require('./index-668bbf26.js');
+var normalizeLink = require('./normalizeLink-0a32caae.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-755d18db.js');
-var index$3 = require('./index-cf083d5e.js');
-var index$4 = require('./index-e4647451.js');
-var types = require('./types-cd525bdc.js');
+var index$1 = require('./index-c47eaa2a.js');
+var index$3 = require('./index-91caa569.js');
+var index$4 = require('./index-9f4bea44.js');
+var types = require('./types-ef676cbd.js');
 var styled = require('@emotion/styled');
+var utils = require('./utils-8dd99797.js');
+var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var cn = require('classnames');
-var index$5 = require('./index-d91a5c2e.js');
-var constants = require('./constants-55ca9183.js');
-var index$6 = require('./index-f0c73dfa.js');
-var localizeNumberFormat = require('./localizeNumberFormat-c8176b16.js');
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var index$5 = require('./index-ba9f0d40.js');
+var constants = require('./constants-ad6e8f61.js');
+var index$6 = require('./index-1780f3a6.js');
+var localizeNumberFormat = require('./localizeNumberFormat-31ea2970.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var hooks = require('@mantine/hooks');
-var core = require('@mantine/core');
-var index$9 = require('./index-cb08285a.js');
+var index$9 = require('./index-efc39071.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$8 = require('./index-7e7df658.js');
-var index$b = require('./index-83b30ffa.js');
-var index$7 = require('./index-9a85720c.js');
-var index$c = require('./index-3263e07e.js');
-var index$a = require('./index-5a516f82.js');
-var index$d = require('./index-84617f56.js');
-var index$e = require('./index-5bb82af0.js');
+var index$8 = require('./index-0a2595b8.js');
+var index$b = require('./index-fa9299cd.js');
+var index$7 = require('./index-5eaccbe9.js');
+var index$c = require('./index-c9aaf7de.js');
+var index$a = require('./index-b3dc6f79.js');
+var index$d = require('./index-3371808e.js');
+var index$e = require('./index-8e3c2c50.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -470,18 +471,51 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled__default["default"].div `
-  color: #111111;
+  color: ${miscTheme.theme.colors.gray1000};
   margin-bottom: 1rem;
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
+    ${utils.MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      color: ${miscTheme.theme.colors.gray700};
+    }
   }
   .txt-body-2 {
     font-size: 0.9375rem;
     line-height: 1.5rem;
+    padding: 0.75rem 0 0;
+    font-weight: 500;
+    ${utils.MediaQueries.mbUp} {
+      padding: 0;
+      font-weight: 600;
+    }
+  }
+
+  .txt-hours {
+    font-weight: 500;
+    color: ${miscTheme.theme.colors.gray1000};
+  }
+
+  .opening-hours-container {
+    ${utils.MediaQueries.mbUp} {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      column-gap: 1rem;
+      row-gap: 0px;
+    }
   }
 `;
 const StyledFormatDataBox = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    padding: 8px 0;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: start;
+    gap: 4px;
+    border-bottom: unset;
+  }
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -529,13 +563,10 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__namespace["default"].createElement(StyledOpeningHour, null,
-        React__namespace["default"].createElement("div", { className: "txt-body-2", style: {
-                padding: '0.75rem 0',
-                fontWeight: 500,
-            } }, t('detail.openHours')),
-        React__namespace["default"].createElement("div", null, formatData.map((item, index) => (React__namespace["default"].createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+        React__namespace["default"].createElement("div", { className: "txt-body-2" }, t('detail.openHours')),
+        React__namespace["default"].createElement("div", { className: "opening-hours-container" }, formatData.map((item, index) => (React__namespace["default"].createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
             React__namespace["default"].createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
-            React__namespace["default"].createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__namespace["default"].createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -724,18 +755,33 @@ const Email = (props) => (React__namespace.createElement("svg", Object.assign({
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    display: flex;
+    gap: ${core.rem(24)};
+  }
+
   color: #111111;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-bottom: 1rem;
 
   .name {
+    ${utils.MediaQueries.mbUp} {
+      font-weight: 600;
+    }
+
     font-size: 0.9375rem;
     line-height: 1.5rem;
     font-weight: 500;
   }
 
   address {
+    ${utils.MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      font-style: normal;
+    }
+
     font-size: 0.8125rem;
     line-height: 1.25rem;
     font-weight: 400;
@@ -762,6 +808,10 @@ const StyledClinicInfo = styled__default["default"].div `
 const StyledMap = styled__default["default"](Map) `
   &.panel-map {
     --mapCardHeight: --cardHeight;
+    ${utils.MediaQueries.mbUp} {
+      width: ${core.rem(180)};
+      height: ${core.rem(180)};
+    }
   }
   iframe {
     border-radius: 12px;
@@ -777,6 +827,22 @@ const StyledEmailIcon = styled__default["default"](Email) `
   height: 1rem;
 `;
 const StyledContainer = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  .clinic-content {
+    display: flex;
+    flex-direction: column;
+    ${utils.MediaQueries.mbUp} {
+      gap: 8px;
+    }
+    gap: 12px;
+  }
+
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 4.5px;
@@ -798,6 +864,13 @@ const StyledDistanceTag$1 = styled__default["default"](index$1.DistanceTag) `
 const StyledContact = styled__default["default"].div `
   display: flex;
   gap: 4px;
+  flex-direction: column;
+  ${utils.MediaQueries.mbUp} {
+    flex-direction: row;
+  }
+  .contact-item {
+    width: fit-content;
+  }
 `;
 
 function ClinicInfo(props) {
@@ -813,21 +886,22 @@ function ClinicInfo(props) {
     return (React__namespace["default"].createElement(StyledClinicInfo, null,
         React__namespace["default"].createElement(StyledMap, { dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel, googleMapKey: googleMapKey, hasNoCard: true, hospital: hospital, locale: locale, isLoggedIn: isLoggedIn, isFullWidth: true, height: 220, className: "panel-map", onPhoneHospital: onPhoneHospital }),
         React__namespace["default"].createElement(StyledContainer, null,
-            React__namespace["default"].createElement("div", { className: "name" }, hospitalInfo.name),
-            React__namespace["default"].createElement(StyledFlexBox, null,
-                React__namespace["default"].createElement("address", null, hospitalInfo.address),
-                distance && (React__namespace["default"].createElement("div", { style: {
-                        flexShrink: 0,
-                    } },
-                    React__namespace["default"].createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-            React__namespace["default"].createElement(StyledContact, null,
-                hospitalInfo.phone && (React__namespace["default"].createElement("div", { className: "contact-item" },
-                    React__namespace["default"].createElement(StyledMobileIcon, null),
-                    React__namespace["default"].createElement("a", { href: `tel:${hospitalInfo.phone}` }, localizeNumberFormat.formatPhoneNumber(hospitalInfo.phone)))),
-                hospitalInfo.email && (React__namespace["default"].createElement("div", { className: "contact-item" },
-                    React__namespace["default"].createElement(StyledEmailIcon, null),
-                    React__namespace["default"].createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
-        hospitalInfo.working_times && (React__namespace["default"].createElement(OpeningHours, { workingTimes: hospitalInfo.working_times }))));
+            React__namespace["default"].createElement("div", { className: "clinic-content" },
+                React__namespace["default"].createElement("div", { className: "name" }, hospitalInfo.name),
+                React__namespace["default"].createElement(StyledFlexBox, null,
+                    React__namespace["default"].createElement("address", null, hospitalInfo.address),
+                    distance && (React__namespace["default"].createElement("div", { style: {
+                            flexShrink: 0,
+                        } },
+                        React__namespace["default"].createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
+                React__namespace["default"].createElement(StyledContact, null,
+                    hospitalInfo.phone && (React__namespace["default"].createElement("div", { className: "contact-item" },
+                        React__namespace["default"].createElement(StyledMobileIcon, null),
+                        React__namespace["default"].createElement("a", { href: `tel:${hospitalInfo.phone}` }, localizeNumberFormat.formatPhoneNumber(hospitalInfo.phone)))),
+                    hospitalInfo.email && (React__namespace["default"].createElement("div", { className: "contact-item" },
+                        React__namespace["default"].createElement(StyledEmailIcon, null),
+                        React__namespace["default"].createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
+            hospitalInfo.working_times && (React__namespace["default"].createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })))));
 }
 
 const StyledCollectPhoneForm = styled__default["default"].div `

package/build/{index-a48afb96.js → index-f9c22c90.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82c44c4b.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-require('./index-7e7df658.js');
+require('./index-0a2595b8.js');
 require('@mantine/dates');
-require('./index-d91a5c2e.js');
-require('./index-ffe1e8fa.js');
-require('./index-036c3120.js');
-require('./index-3263e07e.js');
-var index$1 = require('./index-5a516f82.js');
-require('./index-9a85720c.js');
-var index$2 = require('./index-83b30ffa.js');
-require('./index.styles-da3f83dd.js');
-var index = require('./index-11d4e827.js');
+require('./index-ba9f0d40.js');
+require('./index-8a3bff72.js');
+require('./index-668bbf26.js');
+require('./index-c9aaf7de.js');
+var index$1 = require('./index-b3dc6f79.js');
+require('./index-5eaccbe9.js');
+var index$2 = require('./index-fa9299cd.js');
+require('./index.styles-688c9b4a.js');
+var index = require('./index-b0402909.js');
 require('@mantine/hooks');
-var utils = require('./utils-d47ac810.js');
-require('./index-8ec25668.js');
-var context = require('./context-2ae0dcb3.js');
+var utils = require('./utils-8dd99797.js');
+require('./index-886486de.js');
+var context = require('./context-7cc14414.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e84d0cd6.js → index-fbb4dc5f.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-d47ac810.js');
+var utils = require('./utils-8dd99797.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-a5e181da.js');
-var index = require('./index-5a516f82.js');
+var animation = require('./animation-955c93d9.js');
+var index = require('./index-b3dc6f79.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }