npm - @hhgtech/hhg-components - Versions diffs - 1.25.41 → 1.25.43 - Mend

@hhgtech/hhg-components 1.25.41 → 1.25.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (666) hide show

package/build/components/mantine/tabs/index.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { Tabs as MantineTabs, TabsProps as MantineTabsProps } from '@mantine/cor
 export type TabsProps = {
     children: React.ReactNode;
 } & MantineTabsProps;
-export declare const _Tabs: ({ children, ...rest }: TabsProps) => JSX.Element;
+export declare const _Tabs: ({ children, ...rest }: TabsProps) => React.JSX.Element;
 export interface CompoundedComponent extends React.ForwardRefExoticComponent<TabsProps> {
     List: typeof MantineTabs.List;
     Tab: typeof MantineTabs.Tab;

package/build/components/mantine/text/index.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultProps, Selectors, TextProps as MantineTextProps } from '@mantine/core';
 import { DataTrackingType } from "../../../interfaces/types";
-import { TextSize } from '../theme';
 import useStyles from './index.styles';
+import { TextSize } from '../theme';
 export type TextProps = {
-    size: TextSize;
+    size?: TextSize;
     weight?: 'regular' | 'semiBold' | 'bold';
     as?: any;
 } & Omit<MantineTextProps, 'size' | 'weight' | 'component'> & DefaultProps<Selectors<typeof useStyles>> & DataTrackingType;
-declare const Text: ({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: TextProps) => JSX.Element;
+declare const Text: ({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: TextProps) => React.JSX.Element;
 export { Text };

package/build/components/mantine/textArea/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps as MantineTextareaProps } from '@mantine/core';
 export type TextAreaProps = MantineTextareaProps;
-declare const TextArea: (props: TextAreaProps) => JSX.Element;
+declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
 export { TextArea };

package/build/components/mantine/theme/tabs.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export declare const GlobalTabStyle: {
             tabsList: {
                 gap: number;
                 borderBottom: string;
+                flexWrap: any;
             };
             tab: {
                 padding: number;

package/build/components/molecules/{breadcrumbs → __deprecated_breadcrumbs}/index.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Option } from '../../molecules/dropdown';
+import { Option } from '../dropdown';
 type Page = {
     label: string | JSX.Element;
     value: string;
@@ -27,5 +27,8 @@ export type BreadcrumbItemProps = {
     LinkComponent: React.ComponentType<any> | string;
     onChangePage?: () => void;
 };
-declare const Breadcrumbs: ({ className, pages, size, LinkComponent, onChangePage, separator, }: Props) => JSX.Element;
+/**
+ * @deprecated
+ */
+declare const Breadcrumbs: ({ className, pages, size, LinkComponent, onChangePage, separator, }: Props) => React.JSX.Element;
 export { Breadcrumbs };

package/build/components/molecules/articleCard/cardAuthor.d.ts CHANGED Viewed

@@ -13,5 +13,5 @@ type CardAuthorProps = {
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
 };
-export declare const CardAuthor: ({ avatarImg, authorName, authorLink, uploadTime, size, }: CardAuthorProps) => JSX.Element;
+export declare const CardAuthor: ({ avatarImg, authorName, authorLink, uploadTime, size, }: CardAuthorProps) => React.JSX.Element;
 export {};

package/build/components/molecules/articleCard/cardExpert.d.ts CHANGED Viewed

@@ -12,5 +12,5 @@ type ArticleExpertProps = {
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
 };
-export declare const CardExpert: ({ isMobile, avatarImg, name, link, size, specialty, }: ArticleExpertProps) => JSX.Element;
+export declare const CardExpert: ({ isMobile, avatarImg, name, link, size, specialty, }: ArticleExpertProps) => React.JSX.Element;
 export {};

package/build/components/molecules/articleCard/icons/affiliate.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const AffiliateIcon: React.MemoExoticComponent<() => JSX.Element>;
+export declare const AffiliateIcon: React.MemoExoticComponent<() => React.JSX.Element>;

package/build/components/molecules/articleCard/icons/bookmarked.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ export declare const BookmarkedIcon: React.MemoExoticComponent<({ dataEventCateg
     dataEventCategoryForBookmark?: string;
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

package/build/components/molecules/articleCard/icons/unbookmarked.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ export declare const UnbookmarkedIcon: React.MemoExoticComponent<({ dataEventCat
     dataEventCategoryForBookmark?: string;
     dataEventActionForBookmark?: string;
     dataEventLabelForBookmark?: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

package/build/components/molecules/articleCard/index.d.ts CHANGED Viewed

@@ -44,5 +44,5 @@ export type Props = {
     articleLinkTarget?: React.HTMLAttributeAnchorTarget;
     isPremium?: boolean;
 };
-declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, isPremium, }: Props) => JSX.Element;
+declare const ArticleCard: ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction, hasAffiliate, isBookmark, isBookmarkDisplayed, isMobile, onBookmark, onClickCategoryName, section, size, specialty, style, styleBanner, styleLabel, styleTitle, text, title, type, uploadTime, articleLinkTarget, isPremium, }: Props) => React.JSX.Element;
 export { ArticleCard };

package/build/components/molecules/bmiForm/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BmiFormProps } from '../embeddedHeathToolCards/helpers';
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, disabled, bmiGenerated, bmiUnit, locale, isSide, }: BmiFormProps) => JSX.Element;
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, disabled, bmiGenerated, bmiUnit, locale, isSide, }: BmiFormProps) => React.JSX.Element;
 export { BmiForm };

package/build/components/molecules/bmiForm/index.styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/bmrForm/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { LOCALE } from "../../../interfaces/types";
 import { BmrInfo } from "../../../together/interfaces/types";
 import { InputError } from '../embeddedHeathToolCards/bmr/bmr';
@@ -13,5 +13,5 @@ export type Props = {
     onClick?: (genderInfo: string) => void;
     isSide?: boolean;
 };
-declare const BmrInputForm: ({ info, className, style, onChange, errorMessage, locale, onClick, isSide, }: Props) => JSX.Element;
+declare const BmrInputForm: ({ info, className, style, onChange, errorMessage, locale, onClick, isSide, }: Props) => React.JSX.Element;
 export { BmrInputForm };

package/build/components/molecules/bmrForm/index.styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<({ size, color, theme, isDisabled, isBlock, title, className, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: import("../../atoms/button").Props) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "onChange" | "size" | "ref" | "autoComplete" | "enterKeyHint"> & import("../../atoms/pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/carousel/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type Props = {
     row: number;
     column: number;
@@ -17,4 +17,4 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-export declare const Carousel: ({ row, column, children, scheme, classNameLeftArrow, classNameRightArrow, mode, isDotsShown, isArrowShown, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, }: Props) => JSX.Element;
+export declare const Carousel: ({ row, column, children, scheme, classNameLeftArrow, classNameRightArrow, mode, isDotsShown, isArrowShown, dataEventCategory, dataEventAction, dataEventLabel, onChangePage, }: Props) => React.JSX.Element;

package/build/components/molecules/categoryCard/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { CSSProperties } from 'styled-components';
 export type Props = {
     imgBanner: ReactElement;
@@ -10,4 +10,4 @@ export type Props = {
     dataEventAction?: string;
     dataEventLabel?: string;
 };
-export declare const CategoryCard: ({ imgBanner, label, className, style, href, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => JSX.Element;
+export declare const CategoryCard: ({ imgBanner, label, className, style, href, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;

package/build/components/molecules/checkboxGroup/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     type: 'vertical' | 'horizontal';
     options: Array<{
@@ -13,5 +13,5 @@ export type Props = {
     isDisabled?: boolean;
     isRectangle?: boolean;
 };
-declare const CheckboxGroup: ({ name, values, onChanges, options, className, type, isDisabled, isRectangle, }: Props) => JSX.Element;
+declare const CheckboxGroup: ({ name, values, onChanges, options, className, type, isDisabled, isRectangle, }: Props) => React.JSX.Element;
 export { CheckboxGroup };

package/build/components/molecules/cookieAcceptConfirm/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type CookieAcceptConfirmProps = {
     isOpen?: boolean;
     theme?: 'helloSites' | 'marryBaby';
@@ -18,4 +18,4 @@ export type CookieAcceptConfirmProps = {
         dataEventLabel: string;
     };
 };
-export declare const CookieAcceptConfirm: ({ className, policiesUrl, onAcceptClick, translations, title, description, theme, isOpen, useDefaultPosition, trackingAttributes, }: CookieAcceptConfirmProps) => JSX.Element;
+export declare const CookieAcceptConfirm: ({ className, policiesUrl, onAcceptClick, translations, title, description, theme, isOpen, useDefaultPosition, trackingAttributes, }: CookieAcceptConfirmProps) => React.JSX.Element;

package/build/components/molecules/datePicker/index.d.ts CHANGED Viewed

@@ -25,5 +25,5 @@ export type DatePickerCustomInputProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const DatePicker: ({ alignRight, placeholder, displayDateFormat, onChange, customInput: CustomInput, pickedDate, className, isStatic, disabledDays, modifiers, UnHideOnClickOutside, initialMonth, locale, }: Props) => JSX.Element;
+declare const DatePicker: ({ alignRight, placeholder, displayDateFormat, onChange, customInput: CustomInput, pickedDate, className, isStatic, disabledDays, modifiers, UnHideOnClickOutside, initialMonth, locale, }: Props) => React.JSX.Element;
 export { DatePicker };

package/build/components/molecules/dateRangePicker/calendar/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateRangeInterval } from '../types';
 export type Props = {
     value?: DateRangeInterval | null;
@@ -8,4 +8,4 @@ export type Props = {
     close?: () => void;
     autoClose?: boolean;
 };
-export declare function DateRangePickerCalendar(props: Props): JSX.Element;
+export declare function DateRangePickerCalendar(props: Props): React.JSX.Element;

package/build/components/molecules/dateRangePicker/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props as PureInputProps } from "../../atoms/pureInput";
 import { DateRangeInterval } from './types';
 export type DateRangePickerProps = {
@@ -14,4 +14,4 @@ export type DateRangePickerProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-export declare function DateRangePicker({ inputSize, name, value, minDate, maxDate, onChange, className, autoClose, }: DateRangePickerProps): JSX.Element;
+export declare function DateRangePicker({ inputSize, name, value, minDate, maxDate, onChange, className, autoClose, }: DateRangePickerProps): React.JSX.Element;

package/build/components/molecules/doctorInfo/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     image: JSX.Element;
     name: string;
     description: string;
     isDescriptionHidden?: boolean;
 };
-declare const DoctorInfo: ({ name, description, image, isDescriptionHidden, }: Props) => JSX.Element;
+declare const DoctorInfo: ({ name, description, image, isDescriptionHidden, }: Props) => React.JSX.Element;
 export { DoctorInfo };

package/build/components/molecules/dropdown/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Option = {
     label: string | JSX.Element;
@@ -26,5 +26,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Dropdown: ({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: Props) => JSX.Element;
+declare const Dropdown: ({ className, value, options, onChange, id, placeholderIcon, placeholder, style, size, groupedWithLabel, disabled, dropdownLabelTrackingAttributes, isNativeSelect, }: Props) => React.JSX.Element;
 export { Dropdown };

package/build/components/molecules/dropdownSearch/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 export type Option = {
     label: string | JSX.Element;
     value: string | Date | number;
@@ -23,5 +23,5 @@ export type Props = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus'>
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const DropdownSearch: ({ className, style, id, placeholder, placeholderIcon, onChange, value, options, dropdownLabelTrackingAttributes, disabled, onSearchChange, useSearchFilter, onFocus, hasIcons, keepSearch, ...rest }: Props) => JSX.Element;
+declare const DropdownSearch: ({ className, style, id, placeholder, placeholderIcon, onChange, value, options, dropdownLabelTrackingAttributes, disabled, onSearchChange, useSearchFilter, onFocus, hasIcons, keepSearch, ...rest }: Props) => React.JSX.Element;
 export { DropdownSearch };

package/build/components/molecules/dueDateCalculator/dueDateFormConception.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormConception: ({ locale, onClick, siteType, pageUrl, }: Props) => JSX.Element;
+declare const DueDateFormConception: ({ locale, onClick, siteType, pageUrl, }: Props) => React.JSX.Element;
 export { DueDateFormConception };

package/build/components/molecules/dueDateCalculator/dueDateFormIVF.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormIVF: ({ locale, onClick, siteType, pageUrl }: Props) => JSX.Element;
+declare const DueDateFormIVF: ({ locale, onClick, siteType, pageUrl }: Props) => React.JSX.Element;
 export { DueDateFormIVF };

package/build/components/molecules/dueDateCalculator/dueDateFormLastPeriod.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const DueDateFormLastPeriod: ({ locale, onClick, siteType, pageUrl, }: Props) => JSX.Element;
+declare const DueDateFormLastPeriod: ({ locale, onClick, siteType, pageUrl, }: Props) => React.JSX.Element;
 export { DueDateFormLastPeriod };

package/build/components/molecules/dueDateCalculator/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { DueDateInfoType } from '../embeddedHeathToolCards/due-date/dueDate';
 export type Props = {
@@ -8,5 +8,5 @@ export type Props = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-declare const DueDateCalculator: ({ onSubmitDueDate, locale, isSide, siteType, }: Props) => JSX.Element;
+declare const DueDateCalculator: ({ onSubmitDueDate, locale, isSide, siteType, }: Props) => React.JSX.Element;
 export { DueDateCalculator };

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BabyGrowthContent, BabyGrowthFormField, BabyVaccinationDetail, SiteType } from 'interfaces/types';
 import { SubmitErrorHandler } from 'react-hook-form';
 export type BabyGrowthCardEmbedProps = {
@@ -11,4 +11,4 @@ export type BabyGrowthCardEmbedProps = {
     babyGrowthContent: BabyGrowthContent | null;
     siteType?: SiteType;
 };
-export declare const BabyGrowthCardEmbed: ({ isMobile, className, onSubmit, onError, schema, babyGrowthContent, siteType, }: BabyGrowthCardEmbedProps) => JSX.Element;
+export declare const BabyGrowthCardEmbed: ({ isMobile, className, onSubmit, onError, schema, babyGrowthContent, siteType, }: BabyGrowthCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/baby-growth/index.styled.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ export declare const StyleForm: import("styled-components").StyledComponent<({ o
     onError: import("react-hook-form").SubmitErrorHandler<import("../../../../interfaces/types").BabyGrowthFormField>;
     schema?: any;
     siteType?: import("../../../../interfaces/types").SiteType;
-}) => JSX.Element, any, {}, never>;
-export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: import("../../toolBannerCard").Props) => JSX.Element, any, {}, never>;
+}) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledToolsBannerCard: import("styled-components").StyledComponent<({ className, heading, isMobile, bannerUrl, bannerUrlLarge, bannerColor, medicalReview, icon, isSide, style, siteType, isEmbeded, }: import("../../toolBannerCard").Props) => import("react").JSX.Element, any, {}, never>;

package/build/components/molecules/embeddedHeathToolCards/baby-poop/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { BabyPoopPage } from "../../../../together/interfaces/types";
 type BabyPoopHeaderProps = {
@@ -9,5 +9,5 @@ type BabyPoopHeaderProps = {
     isMobile?: boolean;
     isSide?: boolean;
 };
-declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, locale, isMobile, currentUrl, isSide, }: BabyPoopHeaderProps) => JSX.Element;
+declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, locale, isMobile, currentUrl, isSide, }: BabyPoopHeaderProps) => React.JSX.Element;
 export { BabyPoopEmbed };

package/build/components/molecules/embeddedHeathToolCards/bmi/bmi.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types";
 import { ToolContent } from "../../../../together/interfaces/types";
 import { BmiFormValue, Rule, BMIUnit } from '../helpers';
@@ -15,5 +15,5 @@ type Props = {
     bmiUnit?: BMIUnit;
     bmiLink?: string;
 };
-declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }: Props) => JSX.Element;
+declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }: Props) => React.JSX.Element;
 export { BMICardEmbed };

package/build/components/molecules/embeddedHeathToolCards/bmr/bmr.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { BmrInfo, ToolContent } from "../../../../together/interfaces/types";
 export type InputError = {
@@ -16,5 +16,5 @@ type Props = {
     onFormChange?: (o: BmrInfo) => void;
     onSubmit: (genderInfo: string) => void;
 };
-export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => JSX.Element;
+export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
 export {};

package/build/components/molecules/embeddedHeathToolCards/due-date/dueDate.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 type OtherInfo = {
     first_day?: string | null;
@@ -54,5 +54,5 @@ export type DueDateInfoType = {
     dueDate: Date;
     otherInfo: OtherInfo;
 };
-declare const DueDateCardEmbed: ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo, expertUrl, isSide, siteType, }: DueDateCardEmbedProps) => JSX.Element;
+declare const DueDateCardEmbed: ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo, expertUrl, isSide, siteType, }: DueDateCardEmbedProps) => React.JSX.Element;
 export { DueDateCardEmbed };

package/build/components/molecules/embeddedHeathToolCards/ovulation/ovulation.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 import { OvulationInfoApi, ReviewedUserApi } from "../../../../together/interfaces/types";
 import { OvulationCalculatorType } from '../../ovulationCalculator';
@@ -27,5 +27,5 @@ export type OvulationInfoType = {
     cycle: number;
     periodLength: number;
 };
-export declare const OvulationCardEmbed: ({ onSubmitOvulation, locale, ovulationPageInfo, ovulationContent, expertUrl, isSide, siteType, isMobile, }: Props) => JSX.Element;
+export declare const OvulationCardEmbed: ({ onSubmitOvulation, locale, ovulationPageInfo, ovulationContent, expertUrl, isSide, siteType, isMobile, }: Props) => React.JSX.Element;
 export {};

package/build/components/molecules/embeddedHeathToolCards/pwg/pwg.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
 import { PwgInfo, PregWeightInfo } from "../../../../together/interfaces/types";
 export type InputError = {
@@ -17,4 +17,4 @@ export type PWGCardEmbedProps = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-export declare const PWGCardEmbed: ({ locale, onClick, inputErrorMessage, pwgContent, onFormChange, info, isMobile, isSide, siteType, }: PWGCardEmbedProps) => JSX.Element;
+export declare const PWGCardEmbed: ({ locale, onClick, inputErrorMessage, pwgContent, onFormChange, info, isMobile, isSide, siteType, }: PWGCardEmbedProps) => React.JSX.Element;

package/build/components/molecules/embeddedHeathToolCards/target-heart-rate/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { targetHeartRateInfo, ThrInfo } from "../../../../together/interfaces/types";
 export type Props = {
@@ -15,4 +15,4 @@ export type InputError = {
     age: string;
     intensity: string;
 };
-export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => JSX.Element;
+export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;

package/build/components/molecules/floatButtonGroup/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 type Item = {
     value?: string | number;
@@ -20,5 +20,5 @@ export type FloatButtonGroupType = {
     animationType?: 'zoom' | 'slide' | 'scale';
     zIndex?: number;
 };
-export declare const FloatButtonGroup: ({ items, className, style, backgroundPanelStyle, isOpen: isOpenProp, onOpen, onClose, disableBackdropClick, siteType, animationType, zIndex, }: FloatButtonGroupType) => JSX.Element;
+export declare const FloatButtonGroup: ({ items, className, style, backgroundPanelStyle, isOpen: isOpenProp, onOpen, onClose, disableBackdropClick, siteType, animationType, zIndex, }: FloatButtonGroupType) => React.JSX.Element;
 export {};

package/build/components/molecules/iconText/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type Props = {
     size: 'lg' | 'md' | 'sm';
     iconPosition: 'left' | 'right';
@@ -6,5 +6,5 @@ export type Props = {
     icon: JSX.Element;
     className?: string;
 };
-declare const IconText: ({ size, iconPosition, className, children, icon: Icon, }: Props) => JSX.Element;
+declare const IconText: ({ size, iconPosition, className, children, icon: Icon, }: Props) => React.JSX.Element;
 export { IconText };

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

@@ -1,5 +1,4 @@
 export { ArticleCard } from './articleCard';
-export { Breadcrumbs } from './breadcrumbs';
 export { CategoryCard } from './categoryCard';
 export { CheckboxGroup } from './checkboxGroup';
 export { DatePicker } from './datePicker';
@@ -45,6 +44,7 @@ export type { Props as LanguageSwitcherProps } from './languageSwitcher';
 export { DateRangePicker } from './dateRangePicker';
 export type { DateRangePickerProps } from './dateRangePicker';
 export type { DateRangeInterval } from './dateRangePicker/types';
+export { Breadcrumbs } from './__deprecated_breadcrumbs';
 export { ShareContainer } from './shareContainer';
 export type { ShareContainerProps } from './shareContainer';
 export { ShareDrawer } from './shareDrawer';

package/build/components/molecules/languageSwitcher/index.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../interfaces/types";
 import { Option } from './tooltipSelection';
 export type Props = {
     languageOptions?: Option[];
     locale: LocaleType;
 };
-export declare const LanguageSwitcher: ({ languageOptions, locale }: Props) => JSX.Element;
+export declare const LanguageSwitcher: ({ languageOptions, locale }: Props) => React.JSX.Element;
 export declare const LanguageLabel: ({ locale, label, href, }: {
     locale: LocaleType;
     label: string;
     href?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/build/components/molecules/languageSwitcher/tooltipSelection/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 export type Option = {
     value: string;
@@ -15,5 +15,5 @@ export type Props = {
     style?: CSSProperties;
     showIndicator?: boolean;
 };
-declare const TooltipSelection: ({ options, label, labelRenderer, selected, onChange, showSelected, style, showIndicator, }: Props) => JSX.Element;
+declare const TooltipSelection: ({ options, label, labelRenderer, selected, onChange, showSelected, style, showIndicator, }: Props) => React.JSX.Element;
 export { TooltipSelection };

package/build/components/molecules/mobileBottomNavigation/MobileBottomNavigationIcon.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ export type MobileBottomNavigationIconProps = {
     label?: string;
     on?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const MobileBottomNavigationIcon: ({ badgeAmount, disabled, hasBadge, icon, isActive, isSpecial, label, ...props }: MobileBottomNavigationIconProps) => JSX.Element;
+declare const MobileBottomNavigationIcon: ({ badgeAmount, disabled, hasBadge, icon, isActive, isSpecial, label, ...props }: MobileBottomNavigationIconProps) => React.JSX.Element;
 export { MobileBottomNavigationIcon };

package/build/components/molecules/modal/index.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ export type Props = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, style, }: Props) => React.ReactPortal;
+declare const Modal: ({ type, closeIcon, isOpen, onClose, children, className, animationType, isStaticBackdrop, siteType, }: Props) => React.ReactPortal;
 export { Modal };

package/build/components/molecules/ovulationCalculator/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 import { OvulationInfoType } from '../embeddedHeathToolCards/ovulation/ovulation';
 export declare enum OvulationCalculatorType {
@@ -12,5 +12,5 @@ export type Props = {
     isSide?: boolean;
     siteType?: SiteType;
 };
-declare const OvulationCalculator: ({ locale, onSubmitOvulation, isSide, siteType, }: Props) => JSX.Element;
+declare const OvulationCalculator: ({ locale, onSubmitOvulation, isSide, siteType, }: Props) => React.JSX.Element;
 export { OvulationCalculator };

package/build/components/molecules/ovulationCalculator/ovulationForm.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType, SiteType } from "../../../interfaces/types";
 type Props = {
     locale?: LocaleType;
@@ -11,5 +11,5 @@ type Props = {
     siteType?: SiteType;
     pageUrl?: string;
 };
-declare const OvulationForm: ({ locale, onSubmit, isSide, siteType }: Props) => JSX.Element;
+declare const OvulationForm: ({ locale, onSubmit, isSide, siteType }: Props) => React.JSX.Element;
 export { OvulationForm };

package/build/components/molecules/pillCarousel/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CarouselProps as MantineCarouselProps } from '@mantine/carousel';
 import { PillProps } from "../../atoms/pill";
 import { LocaleType } from "../../../interfaces/types";
@@ -15,5 +15,5 @@ export type PillCarouselProps = {
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
-declare const PillCarousel: ({ data, isMobile, onSlideChange, pillProps, locale, blurFromIndex, blurLength, ...rest }: PillCarouselProps) => JSX.Element;
+declare const PillCarousel: ({ data, isMobile, onSlideChange, pillProps, locale, blurFromIndex, blurLength, ...rest }: PillCarouselProps) => React.JSX.Element;
 export { PillCarousel };

package/build/components/molecules/pillCarousel/index.styled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledPill: import("styled-components").StyledComponent<({ icon, name, className, locale, dataEventCategory, dataEventAction, dataEventLabel, onSelect, ...rest }: import("../../atoms/pill").PillProps) => JSX.Element, any, {}, never>;
+export declare const StyledPill: import("styled-components").StyledComponent<({ icon, name, className, locale, dataEventCategory, dataEventAction, dataEventLabel, onSelect, ...rest }: import("../../atoms/pill").PillProps) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledSlide: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
 export declare const StyledCarousel: import("styled-components").StyledComponent<import("../../mantine/CentralCarousel").CompoundedComponent, any, {}, never>;