@hhgtech/hhg-components 1.29.438-beta-1 → 1.29.439

package/build/esm/{index-8242c504.js → index-dc8e470e.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-323a673f.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-6f32a690.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-61733a3b.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-6dc6fe58.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-4971373c.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-e6d5274a.js';
+import { V as VideoType } from './index-df67cf22.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ac10c6d6.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-ad4d7072.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-2bb2481f.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-5642b769.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-8aea647a.js';
+import './translationsContext-86923b1f.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-af980be7.js';
+import { I as Input } from './index-48acaae4.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-4bc0b9d0.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-83772d11.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-af3b67bc.js';
+import { L as Logo$1 } from './index-669e1c1b.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-1f3f60c6.js';
-import './index-fd0b7043.js';
-import { T as Text } from './index-8b0aed4c.js';
-import { B as Button } from './index-81c8841a.js';
-import './index.styles-a8421adf.js';
+import { C as CommonGAssets } from './index-3baa811e.js';
+import './index-f651fd16.js';
+import { T as Text } from './index-f78d1dcc.js';
+import { B as Button } from './index-95971b1b.js';
+import './index.styles-068f6093.js';
 import '@mantine/hooks';
-import './text-7d036049.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-3feafc6e.js';
-import './index-e318aaed.js';
-import { L as LOCALISED_SLUGS } from './constants-34825d09.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0ded23a7.js';
-import { L as LOCALIZED_SLUGS } from './constants-9cd65f5e.js';
-import { u as useTranslations } from './index-1f7c04a3.js';
-import { H as Heading } from './index-4bd54878.js';
-import { I as Indicator$1 } from './index-f5993bed.js';
-import { u as useIsInit } from './useIsInit-0bf644dd.js';
+import './text-f9367bbd.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-fd01b6b3.js';
+import './index-4744df1f.js';
+import { L as LOCALISED_SLUGS } from './constants-08cdd59e.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5ce8d355.js';
+import { L as LOCALIZED_SLUGS } from './constants-7d4f72ea.js';
+import { u as useTranslations } from './index-4bec8845.js';
+import { H as Heading } from './index-2213a7ea.js';
+import { I as Indicator$1 } from './index-b028ef8f.js';
+import { u as useIsInit } from './useIsInit-a01fbae0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-caf4ae35.js';
+import { B as Button$1 } from './index-01c9e173.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-5d76fef8.js';
+import { U as UserAvatar } from './index-22ef1cb3.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-75d5f606.js';
+import { C as Container } from './index-733c3478.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-54ede474.js';
-import { g as getDataWithCache } from './core-8c0815cd.js';
+import { L as LOCALE } from './Locale-eb9076be.js';
+import { g as getDataWithCache } from './core-28249792.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,16 +823,10 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
-  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
-
-  &[data-has-button='true'] {
-    cursor: default;
-    pointer-events: none;
-  }
   * {
     pointer-events: none;
   }
@@ -859,50 +853,6 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
-const StyledButton = styled.button `
-  ${MediaQueries.tdDown} {
-    position: relative;
-    bottom: 0;
-    left: 16px;
-    right: 0;
-    padding: 4px 8px;
-    width: 90px;
-    height: 24px;
-    min-height: 24px;
-    max-height: 24px;
-    font-size: 11px;
-    line-height: 16px;
-    border-radius: 8px;
-  }
-
-  position: absolute;
-  bottom: 8px;
-  left: 8px;
-  right: 8px;
-  height: 40px;
-  min-height: 40px;
-  max-height: 40px;
-  padding: 8px 16px;
-  pointer-events: auto;
-
-  background: ${(props) => props.bgColor};
-  border-radius: 12px;
-  border: none;
-  transition: all 0.2s ease-in-out;
-
-  color: ${(props) => props.textColor};
-  font-family: 'Inter';
-  font-weight: 500;
-  font-size: 15px;
-  text-align: center;
-  cursor: pointer;
-
-  &:hover {
-    opacity: 0.9;
-    color: ${(props) => props.bgColor};
-    background: ${(props) => props.textColor};
-  }
-`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -918,22 +868,10 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    const linkProps = {
-        href: item.link,
-        'data-event-category': 'Hamburger Navigation',
-        'data-event-action': `Spotlight Click ${index + 1}`,
-        'data-event-label': item.link,
-    };
-    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
+    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 8,
-            } },
-            React__default.createElement(StyledTitle$3, null, item.title),
-            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
+        React__default.createElement(StyledTitle$3, null, item.title)));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -944,7 +882,6 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
-            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1971,7 +1908,6 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
-        buttonDisplay: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.button_display) || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-6f32a690.js → index-df67cf22.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-54ede474.js';
+import { L as LOCALE } from './Locale-eb9076be.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-97f28099.js → index-e24f4bb8.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-a6bcf175.js';
+import { a as __awaiter } from './tslib.es6-323a673f.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-4bd54878.js';
-import { T as Text } from './index-8b0aed4c.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-21d389b0.js';
+import { H as Heading } from './index-2213a7ea.js';
+import { T as Text } from './index-f78d1dcc.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-37060637.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-b6e5196b.js';
+import { D as DEFAULT_IMG } from './constants-05b0e5ec.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-77773c37.js → index-ed15b082.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-323a673f.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-1f7c04a3.js';
+import { u as useTranslations } from './index-4bec8845.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-f9952c01.js';
-import { L as LOCALIZED_SLUGS } from './constants-9cd65f5e.js';
-import { B as Button } from './index-81c8841a.js';
-import './index-6dc6fe58.js';
-import { c as callApi, g as getCarePath } from './utils-21d389b0.js';
+import { P as PATHS } from './paths-3d9c33db.js';
+import { L as LOCALIZED_SLUGS } from './constants-7d4f72ea.js';
+import { B as Button } from './index-95971b1b.js';
+import './index-ad4d7072.js';
+import { c as callApi, g as getCarePath } from './utils-37060637.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-fd0b7043.js → index-f651fd16.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a6bcf175.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-323a673f.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-6f32a690.js';
-import { L as LOCALE } from './Locale-54ede474.js';
+import './index-df67cf22.js';
+import { L as LOCALE } from './Locale-eb9076be.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-6dc6fe58.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ad4d7072.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-1f3f60c6.js';
+import { C as CommonGAssets } from './index-3baa811e.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-3feafc6e.js';
-import { C as CustomStylesType, F as FontWeight } from './text-7d036049.js';
-import { A as ANIMATION_DURATION } from './shared-6f86a002.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-fd01b6b3.js';
+import { C as CustomStylesType, F as FontWeight } from './text-f9367bbd.js';
+import { A as ANIMATION_DURATION } from './shared-f319c202.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-8b0aed4c.js → index-f78d1dcc.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a6bcf175.js';
+import { _ as __rest } from './tslib.es6-323a673f.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-7d036049.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-f9367bbd.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-38a2f0aa.js → index-f995ca4b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-a6bcf175.js';
+import { _ as __rest } from './tslib.es6-323a673f.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-75adf765.js';
-import { I as Input } from './index-af980be7.js';
-import { D as DatePicker } from './index-e9aac4a0.js';
-import { T as Text } from './index-8b0aed4c.js';
-import './index-81c8841a.js';
-import './index.styles-a8421adf.js';
-import { u as useTranslations } from './index-1f7c04a3.js';
+import { L as LastPeriod } from './LastPeriod-9b6e6cc3.js';
+import { I as Input } from './index-48acaae4.js';
+import { D as DatePicker } from './index-2972d2ff.js';
+import { T as Text } from './index-f78d1dcc.js';
+import './index-95971b1b.js';
+import './index.styles-068f6093.js';
+import { u as useTranslations } from './index-4bec8845.js';
 import '@mantine/hooks';
-import './index-fd0b7043.js';
-import './text-7d036049.js';
-import './utils-3feafc6e.js';
-import './index-e318aaed.js';
-import { H as HealthToolFormWrapper } from './index-ee7b0e90.js';
+import './index-f651fd16.js';
+import './text-f9367bbd.js';
+import './utils-fd01b6b3.js';
+import './index-4744df1f.js';
+import { H as HealthToolFormWrapper } from './index-6e83d40d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {