@hhgtech/hhg-components 1.29.534 → 1.29.535-beta-2

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-6724c82e.js');
-var constants = require('./constants-b6b141d3.js');
-var types = require('./types-387d2e71.js');
-require('./tslib.es6-6e32661f.js');
+var index = require('./index-819b890e.js');
+var constants = require('./constants-e235d2f9.js');
+var types = require('./types-40c63f06.js');
+require('./tslib.es6-a2f835ba.js');
 require('react');
 require('@emotion/react');
-require('./utils-684c23d4.js');
-require('./index-50886818.js');
+require('./utils-c37a6c44.js');
+require('./index-4c125734.js');
 require('date-fns/locale');
-require('./index-5d13c03b.js');
-require('./Locale-4905c35b.js');
+require('./index-dc39e3b4.js');
+require('./Locale-0909ccf4.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,28 +22,28 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-5b201f29.js');
+require('./utils-24c55aa0.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-5eb84192.js');
-require('./translationsContext-890a8c7e.js');
+require('./index-65402024.js');
+require('./translationsContext-458ee96f.js');
 require('lodash/debounce');
-require('./index-fe0db5b1.js');
+require('./index-9cc611ec.js');
 require('@mantine/core');
-require('./index-6c3ba434.js');
-require('./index-5a579151.js');
+require('./index-6175e81a.js');
+require('./index-9750fa8a.js');
 require('lodash/shuffle');
-require('./useOutsideClick-5e64f3f7.js');
-require('./paths-bfb51e53.js');
+require('./useOutsideClick-ac28b690.js');
+require('./paths-c2dd1859.js');
 require('@hhgtech/icons/core');
 require('@mantine/hooks');
-require('./index-32fb4a93.js');
-require('./ChevronDown-91488e3c.js');
+require('./index-277181cf.js');
+require('./ChevronDown-6a01a2c7.js');
 require('@hhgtech/icons/arrow');
-require('./index-b5bc66e1.js');
-require('./index.styles-ce6433a2.js');
-require('./index-38c39406.js');
-require('./shared-20d0534b.js');
+require('./index-16f5e74e.js');
+require('./index.styles-81edc09a.js');
+require('./index-d6741b03.js');
+require('./shared-3d2b433a.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-684c23d4.js');
-var index$1 = require('./index-5eb84192.js');
+var utils = require('./utils-c37a6c44.js');
+var index$1 = require('./index-65402024.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b6b141d3.js');
+var constants = require('./constants-e235d2f9.js');
 var styled = require('@emotion/styled');
-var index = require('./index-fe0db5b1.js');
-var index$2 = require('./index-6c3ba434.js');
+var index = require('./index-9cc611ec.js');
+var index$2 = require('./index-6175e81a.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-5e64f3f7.js');
-var utils$1 = require('./utils-5b201f29.js');
+var useOutsideClick = require('./useOutsideClick-ac28b690.js');
+var utils$1 = require('./utils-24c55aa0.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-bfb51e53.js');
-require('./index-50886818.js');
+var paths = require('./paths-c2dd1859.js');
+require('./index-4c125734.js');
 require('date-fns/locale');
-require('./index-5d13c03b.js');
-require('./Locale-4905c35b.js');
+require('./index-dc39e3b4.js');
+require('./Locale-0909ccf4.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-890a8c7e.js');
+require('./translationsContext-458ee96f.js');
 require('@mantine/core');
-require('./index-5a579151.js');
+require('./index-9750fa8a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -6,26 +6,26 @@ var React = require('react');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-684c23d4.js');
-var useOutsideClick = require('./useOutsideClick-5e64f3f7.js');
-var index$1 = require('./index-5eb84192.js');
+var utils$1 = require('./utils-c37a6c44.js');
+var useOutsideClick = require('./useOutsideClick-ac28b690.js');
+var index$1 = require('./index-65402024.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-b6b141d3.js');
+var constants = require('./constants-e235d2f9.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-5b201f29.js');
-var index = require('./index-32fb4a93.js');
-var index$2 = require('./index-6c3ba434.js');
-var ChevronDown = require('./ChevronDown-91488e3c.js');
-var tslib_es6 = require('./tslib.es6-6e32661f.js');
+var utils = require('./utils-24c55aa0.js');
+var index = require('./index-277181cf.js');
+var index$2 = require('./index-6175e81a.js');
+var ChevronDown = require('./ChevronDown-6a01a2c7.js');
+var tslib_es6 = require('./tslib.es6-a2f835ba.js');
 var arrow = require('@hhgtech/icons/arrow');
-var index$3 = require('./index-b5bc66e1.js');
-var paths = require('./paths-bfb51e53.js');
-var index$4 = require('./index-38c39406.js');
-require('./index-50886818.js');
+var index$3 = require('./index-16f5e74e.js');
+var paths = require('./paths-c2dd1859.js');
+var index$4 = require('./index-d6741b03.js');
+require('./index-4c125734.js');
 require('date-fns/locale');
-require('./index-5d13c03b.js');
-require('./Locale-4905c35b.js');
+require('./index-dc39e3b4.js');
+require('./Locale-0909ccf4.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -33,10 +33,10 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-890a8c7e.js');
-require('./index-5a579151.js');
-require('./index.styles-ce6433a2.js');
-require('./shared-20d0534b.js');
+require('./translationsContext-458ee96f.js');
+require('./index-9750fa8a.js');
+require('./index.styles-81edc09a.js');
+require('./shared-3d2b433a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/mantine/theme/text.d.ts

@@ -1,5 +1,5 @@
 import { MantineTheme } from '@mantine/core';
-export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title1' | 'title2' | 'overline' | 'subText';
+export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5New' | 'h6' | 'title1' | 'title2' | 'body2' | 'overline' | 'subText';
 export declare enum FontWeight {
     regular = 400,
     halfBold = 500,
@@ -34,9 +34,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
         };
         lineHeight: {
             base: string[];
@@ -63,9 +65,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
         };
         letterSpacing: {
             lg: number[];
@@ -85,9 +89,11 @@ export declare const GlobalTextStyle: {
             h3: number[];
             h4: number[];
             h5: number[];
+            h5New: number[];
             h6: number[];
             title1: number[];
             title2: number[];
+            body2: number[];
         };
         fontWeightBySize: {
             s1: FontWeight;
@@ -99,6 +105,7 @@ export declare const GlobalTextStyle: {
             h3: FontWeight;
             h4: FontWeight;
             h5: FontWeight;
+            h5New: FontWeight;
             h6: FontWeight;
         };
         fontWeight: typeof FontWeight;
@@ -130,9 +137,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
             overline: string[];
             subText: string[];
         };
@@ -161,9 +170,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
             overline: string[];
             subText: string[];
         };
@@ -187,10 +198,12 @@ export declare const GlobalTextStyle: {
             h3: number[];
             h4: number[];
             h5: number[];
+            h5New: number[];
             h6: number[];
             n1: number[];
             title1: number[];
             title2: number[];
+            body2: number[];
             overline: number[];
             subText: number[];
         };
@@ -204,6 +217,7 @@ export declare const GlobalTextStyle: {
             h3: FontWeight;
             h4: FontWeight;
             h5: FontWeight;
+            h5New: FontWeight;
             h6: FontWeight;
         };
         fontWeight: typeof FontWeight;

package/build/components/molecules/index.d.ts

@@ -61,6 +61,9 @@ export { ShareDrawer } from "./shareDrawer";
 export type { ShareDrawerProps } from "./shareDrawer";
 export { PillCarousel } from "./pillCarousel";
 export type { PillCarouselProps } from "./pillCarousel";
+export { PopupBoostArticleCard } from "./popupBoostArticleCard";
+export { PopupBoostPageView } from "./popupBoostPageView";
+export type { PopupBoostPageViewProps, BoostPopupSource, BoostPageViewApiResponse, } from "./popupBoostPageView";
 export { AdBlock } from "./adBlock";
 export type { AdUnitItem, Props as AdBlockProps } from "./adBlock";
 export { FixedBottomAdBlock } from "./adBlock/fixedBottomAdBlock";

package/build/components/molecules/popupBoostArticleCard/boostCardArticleAuthorName.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AuthorFormatMessage, AuthorFormatMessageOptionsKeys } from "./getAuthorForBoostCard";
+export type BoostCardArticleAuthorNameProps = AuthorFormatMessage & {
+    formatOptionsProps?: Partial<Record<AuthorFormatMessageOptionsKeys, Record<string, string | number | undefined> & {
+        href?: string;
+        className?: string;
+        style?: React.CSSProperties;
+    }>>;
+};
+export declare const BoostCardArticleAuthorName: (props: BoostCardArticleAuthorNameProps) => React.JSX.Element;

package/build/components/molecules/popupBoostArticleCard/getAuthorForBoostCard.d.ts

@@ -0,0 +1,19 @@
+import type { DetailedHTMLProps, AnchorHTMLAttributes } from 'react';
+import { LOCALE } from "../../../interfaces/types/Locale";
+import { Article, ReviewedUserApi } from "../../../together/interfaces/types";
+export declare const getAuthorFormatOptionsProps: (reviewedUser?: ReviewedUserApi | null) => DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+export type AuthorFormatMessageOptionsKeys = 'author_name' | 'expert_display_name' | 'fact_check_display_name' | 'specialty' | 'organisation' | 'post_modified';
+export type AuthorFormatMessage = {
+    intlKey: string;
+    indicator: string;
+    avatar: string;
+    avatar_alt: string;
+    avatar_permalink: string;
+    formatOptions: Partial<Record<AuthorFormatMessageOptionsKeys, DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>>;
+};
+export declare function getAuthorForBoostCard({ article, locale, assetImageBase, version, }: {
+    article: Article;
+    locale: LOCALE;
+    assetImageBase: string;
+    version?: 'long' | 'short';
+}): AuthorFormatMessage;

package/build/components/molecules/popupBoostArticleCard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Article } from "../../../together/interfaces/types";
+export type PopupBoostArticleCardProps = {
+    article: Article;
+    isMobile: boolean;
+    className?: string;
+    hideBookmark?: boolean;
+    /** Same as Discover `assetImagePath` without trailing slash, e.g. `${basePath}/images`. */
+    assetImageBase?: string;
+};
+export declare function PopupBoostArticleCard({ article, isMobile, className, hideBookmark, assetImageBase, }: PopupBoostArticleCardProps): React.JSX.Element;

package/build/components/molecules/popupBoostArticleCard/index.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const StyledAvatarReviewer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTinyBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledArticleCard: import("@emotion/styled").StyledComponent<import("../articleCard/_deprecated_index").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledItemImageContain: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/popupBoostArticleCard/renderBoostUploadTime.d.ts

@@ -0,0 +1,2 @@
+import { LOCALE } from "../../../interfaces/types/Locale";
+export declare function renderBoostUploadTime(locale: LOCALE, date?: string): string;

package/build/components/molecules/popupBoostPageView/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export type BoostPageViewApiResponse = {
+    data?: {
+        type?: string;
+        boost_data?: unknown;
+        delay_time?: number;
+    };
+};
+export type BoostPopupSource = {
+    source: 'article';
+    articleId?: number | string;
+    primaryCategoryId?: number | string;
+} | {
+    source: 'community';
+    postId?: number | string;
+    community?: number | string;
+};
+export type PopupBoostPageViewProps = {
+    source: BoostPopupSource['source'];
+    articleId?: number | string;
+    primaryCategoryId?: number | string;
+    postId?: number | string;
+    community?: number | string;
+    isMobile: boolean;
+    basePath: string;
+    getSpotlightTitle: (raw: unknown) => string;
+    getSpotlightImage: (raw: unknown) => string;
+    getSpotlightPermalink?: (raw: unknown) => string;
+    getSpotlightContent?: (raw: unknown) => string;
+};
+export declare function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, community, isMobile, basePath, getSpotlightTitle, getSpotlightImage, getSpotlightPermalink, getSpotlightContent, }: PopupBoostPageViewProps): React.JSX.Element;

package/build/components/molecules/productDetail/generalInfo/GeneralInfo.d.ts

@@ -22,6 +22,7 @@ export type GeneralInfoProps = {
     isMobile?: boolean;
     imageCarousel?: string[];
     carouselSlotProps?: GeneralInfoCarouselSlotProps;
+    isCarouselParallax?: boolean;
     onCarouselImageClick?: (index: number) => void;
 };
 type StyledImageCarouselProps = Omit<ComponentProps<typeof StyledImageCarousel>, 'children'>;
@@ -34,7 +35,7 @@ export type GeneralInfoCarouselSlotProps = {
     imageItemWrapper?: Partial<CarouselImageItemWrapperProps>;
     imageItem?: Partial<CarouselImageItemProps>;
 };
-export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
+export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, isCarouselParallax, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
 export declare namespace GeneralInfo {
     var Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;

package/build/components/molecules/productDetail/generalInfo/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const OVERLAP_CONTENT_RADIUS = 22;
+export declare const HERO_IMAGE_HEIGHT: number;

package/build/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -51,6 +51,7 @@ export declare const StyledImageCarousel: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme;
 } & {
     isMobile?: boolean;
+    isCarouselParallax?: boolean;
 }, {}, {}>;
 export declare const CarouselImageItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -72,3 +73,21 @@ export declare const CarouselImageItem: import("@emotion/styled").StyledComponen
 } & {
     isMobile?: boolean;
 }, {}, {}>;
+export declare const FixedHeroSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    scrollIndex?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FixedHeroSpacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapperParallax: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/navigationV2/constants.d.ts

@@ -29,3 +29,5 @@ export declare const Z_INDEX: {
     menuSearchPopup: number;
     homeSearchComponent: number;
 };
+export declare const DEFAULT_HEADER_HEIGHT_MOBILE = 56;
+export declare const DEFAULT_HEADER_HEIGHT_DESKTOP = 60;

package/build/components/navigationV2/index.d.ts

@@ -40,6 +40,7 @@ export type NavMenuContentType = {
 };
 export type Props = {
     isMobile?: boolean;
+    isHeaderCollapsible?: boolean;
     projectType?: ProjectType;
     siteType: 'marryBaby' | 'helloSites';
     ssrMenuContent?: NavMenuContentType;