@hhgtech/hhg-components 1.29.449 → 1.29.450-beta-1

package/build/esm/components/mantine/button/index.d.ts

@@ -4,11 +4,15 @@ import type { DataTrackingType } from "../../../interfaces/types";
 export type ButtonProps = {
     variant?: 'primary' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'error' | 'white' | 'success';
     skipHover?: boolean;
+    withColorHover?: boolean;
     theme?: 'helloSites' | 'marryBaby';
+    component?: any;
 } & Omit<MantineButtonProps, 'variant'> & ButtonHTMLAttributes<HTMLButtonElement> & DataTrackingType;
 declare const Button: React.ForwardRefExoticComponent<{
     variant?: 'primary' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'error' | 'white' | 'success';
     skipHover?: boolean;
+    withColorHover?: boolean;
     theme?: 'helloSites' | 'marryBaby';
+    component?: any;
 } & Omit<MantineButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & DataTrackingType & React.RefAttributes<unknown>>;
 export { Button };

package/build/esm/components/mantine/button/index.styles.d.ts

@@ -5,6 +5,7 @@ export interface ButtonStyles {
     size?: string;
     variant?: string;
     skipHover?: boolean;
+    withColorHover?: boolean;
     isError?: boolean;
     isSuccess?: boolean;
     children?: ReactNode;

package/build/esm/components/mantine/index.d.ts

@@ -42,6 +42,8 @@ export { Switch } from "./switch";
 export type { SwitchProps } from "./switch";
 export type { MantineProviderProps } from "./provider";
 export { MantineProvider } from "./provider";
+export type { TemplateProviderProps } from "./templateProvider";
+export { TemplateProvider } from "./templateProvider";
 export { emotionCache } from "./helpers";
 export { getMantineThemeOverride, themeColors } from "./theme";
 export { TextSize, FontWeight } from "./theme/text";

package/build/esm/components/mantine/input/index.styles.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+import { CustomStylesType } from "../../../mantine";
+declare const _default: (params: {
+    variantStyle: CustomStylesType;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         input: string;
     };

package/build/esm/components/mantine/select/index.styles.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+import { CustomStylesType } from "../../../mantine";
+declare const _default: (params: {
+    variantStyle: CustomStylesType;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         input: string;
     };

package/build/esm/components/mantine/templateProvider/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CustomStylesType } from "../../../mantine";
+export type TemplateProviderProps = {
+    variant?: CustomStylesType;
+    children: React.ReactNode;
+};
+export declare const TemplateProvider: ({ variant, children, }: TemplateProviderProps) => React.JSX.Element;
+export declare const useTemplateVariant: () => CustomStylesType;

package/build/esm/components/mantine/textArea/index.styles.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+import { CustomStylesType } from "../../../mantine";
+declare const _default: (params: {
+    variantStyle: CustomStylesType;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         input: string;
     };

package/build/esm/components/mantine/theme/button.d.ts

@@ -1,8 +1,6 @@
-import { CustomStylesType } from "./types";
-export declare const GlobalButtonStyle: (version?: CustomStylesType) => {
+export declare const GlobalButtonStyle: () => {
     Button: {
         defaultProps: {
-            radius: number;
             variant: string;
             size: string;
         };

package/build/esm/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';
+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 declare enum FontWeight {
     regular = 400,
     halfBold = 500,
@@ -133,6 +133,8 @@ export declare const GlobalTextStyle: {
             h6: string[];
             title1: string[];
             title2: string[];
+            overline: string[];
+            subText: string[];
         };
         lineHeight: {
             base: string[];
@@ -162,6 +164,8 @@ export declare const GlobalTextStyle: {
             h6: string[];
             title1: string[];
             title2: string[];
+            overline: string[];
+            subText: string[];
         };
         letterSpacing: {
             lg: number[];
@@ -187,6 +191,8 @@ export declare const GlobalTextStyle: {
             n1: number[];
             title1: number[];
             title2: number[];
+            overline: number[];
+            subText: number[];
         };
         fontWeightBySize: {
             s1: FontWeight;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BabyGrowthFormProps } from "../../../babyGrowth/babyGrowthForm";
 import { BabyGrowthContent } from "../../../../types";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 export type BabyGrowthCardEmbedProps = {
     babyGrowthContent: BabyGrowthContent | null;
     formProps?: BabyGrowthFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const BabyGrowthCardEmbed: ({ babyGrowthContent, formProps, ...props }: BabyGrowthCardEmbedProps) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/babyVaccine/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { BabyVaccineFormProps } from "../../healthTools/form/babyVaccineForm";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 export type Props = {
     babyVaccineContent?: any;
     formProps?: BabyVaccineFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const BabyVaccineCardEmbed: ({ babyVaccineContent, formProps, ...props }: Props) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/bmi/bmi.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ToolContent } from "../../../../together/interfaces/types";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { BmiFormProps, BmiFormValue, BMIUnit, Rule } from "../helpers";
 export type BMICardEmbedProps = {
     bmiContent: ToolContent;
@@ -12,5 +12,5 @@ export type BMICardEmbedProps = {
     }>;
     bmiUnit?: BMIUnit;
     bmiLink?: string;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const BMICardEmbed: ({ bmiContent, bmiGenerated, bmiUnit, formProps, ...props }: BMICardEmbedProps) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/bmr/bmr.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ToolContent } from "../../../../together/interfaces/types";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { BmiFormProps, BmiFormValue, BMIUnit, Rule } from "../helpers";
 export type BMRCardEmbedProps = {
     bmrContent: ToolContent;
@@ -11,5 +11,5 @@ export type BMRCardEmbedProps = {
     bmiUnit?: BMIUnit;
     bmiLink?: string;
     formProps?: BmiFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const BMRCardEmbed: ({ bmrContent, bmiGenerated, bmiUnit, formProps, ...props }: BMRCardEmbedProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LocaleType, SiteType } from "../../../../interfaces/types";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { DueDateFormProps } from "../../healthTools/form/dueDateForm";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 type OtherInfo = {
     first_day?: string | null;
     cycle_length_days?: number | null;
@@ -55,7 +55,7 @@ export type DueDateCardEmbedProps = {
     isSide?: boolean;
     siteType?: SiteType;
     formProps?: DueDateFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export type DueDateInfoType = {
     otherInfo: OtherInfo;
 };

package/build/esm/components/molecules/embeddedHeathToolCards/ovulation/ovulation.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OvulationInfoApi } from "../../../../together/interfaces/types";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { OvulationFormProps } from "../../healthTools/form/ovulationForm";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 import { OvulationCalculatorType } from "../../ovulationCalculator";
 export type Props = {
     ovulationPageInfo?: OvulationInfoApi;
@@ -9,7 +9,7 @@ export type Props = {
     isSide?: boolean;
     expertUrl?: string;
     formProps?: OvulationFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export type OvulationInfoType = {
     method: OvulationCalculatorType;
     periodDateStart: Date;

package/build/esm/components/molecules/embeddedHeathToolCards/pwg/pwg.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PwgInfo } from "../../../../together/interfaces/types";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { PWGFormProps } from "../../healthTools/form/pwgForm";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 export type PWGCardEmbedProps = {
     pwgContent?: PwgInfo;
     formProps?: PWGFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const PWGCardEmbed: ({ pwgContent, formProps, ...props }: PWGCardEmbedProps) => React.JSX.Element;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ThrInfo } from "../../../../together/interfaces/types";
+import { HealthToolCardWrapperProps } from "../../healthTools/cardWrapper";
 import { ThrFormProps } from "../../healthTools/form/thrForm";
-import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 export type THRCardEmbedProps = {
     thrContent: ThrInfo;
     isSide?: boolean;
     formProps?: ThrFormProps;
-} & HealthToolFormWrapperProps;
+} & HealthToolCardWrapperProps;
 export declare const THRCardEmbed: ({ thrContent, formProps, ...props }: THRCardEmbedProps) => React.JSX.Element;

package/build/esm/components/molecules/healthTools/cardWrapper/banner/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BoxProps } from '@mantine/core';
 import { Props as ToolsBannerCardProps } from "../../../toolBannerCard";
-export declare const Banner: ({ styles, classNames, className, ...rest }: BoxProps & ToolsBannerCardProps) => React.JSX.Element;
+export declare const Banner: ({ className, classNames, styles, ...rest }: BoxProps & ToolsBannerCardProps) => React.JSX.Element;

package/build/esm/components/molecules/healthTools/cardWrapper/body/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { BoxProps } from '@mantine/core';
-export declare const Body: ({ children, styles, classNames, className, ...rest }: BoxProps) => React.JSX.Element;
+export declare const Body: ({ children, className, styles, classNames, ...rest }: BoxProps) => React.JSX.Element;

package/build/esm/components/molecules/healthTools/cardWrapper/context.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
-export type CardWrapperContextType = {
+import { VarianStyle } from "./index.types";
+export type BaseProps = {
     isPregTool?: boolean;
+    variant?: VarianStyle;
+    hasBodyScroll?: boolean;
 };
+export type CardWrapperContextType = {
+    classes: Record<string, string>;
+} & BaseProps;
 export declare const CardWrapperContext: import("react").Context<CardWrapperContextType>;

package/build/esm/components/molecules/healthTools/cardWrapper/index.d.ts

@@ -2,9 +2,9 @@ import { ForwardRefExoticComponent } from 'react';
 import { BoxProps } from '@mantine/core';
 import { Banner } from "./banner";
 import { Body } from "./body";
-import { CardWrapperContextType } from "./context";
-export type HealthToolFormWrapperProps = CardWrapperContextType & BoxProps;
-export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolFormWrapperProps> {
+import { BaseProps } from "./context";
+export type HealthToolCardWrapperProps = BaseProps & BoxProps;
+export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolCardWrapperProps> {
     Body: typeof Body;
     Banner: typeof Banner;
 }

package/build/esm/components/molecules/healthTools/cardWrapper/index.styles.d.ts

@@ -1,21 +1,18 @@
+import { VarianStyle } from "./index.types";
 declare const _default: (params: {
     isPregTool?: boolean;
+    variant: VarianStyle;
 }, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         root: string;
-        row: string;
-        labelWrapper: string;
-        label: string;
-        control: string;
-        radioLabel: string;
-        radioRoot: string;
-        bmiVal: string;
-        inputWithUnit__wrapper: string;
-        inputWithUnit__unit: string;
-        inputWithUnit__unitText: string;
-        inputWithUnit__input: string;
         submitBtn: string;
-        switchRoot: string;
+        bodyWrapper: string;
+        scrollAreaWrapper: string;
+        bannerWrapper: string;
+        bannerHeading: string;
+        bannerReviewText: string;
+        submitWrapper: string;
+        newsletterBlock: string;
     };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

package/build/esm/components/molecules/healthTools/cardWrapper/index.types.d.ts

@@ -0,0 +1 @@
+export type VarianStyle = 'default' | 'gray';

package/build/esm/components/molecules/healthTools/form/bmiForm/context.d.ts

@@ -12,5 +12,6 @@ export type BmiFormContextType = {
     linkTool: string;
     submitProps?: ButtonProps;
     withAdditionalQuestion?: boolean;
+    classes: Record<string, string>;
 };
 export declare const BmiFormContext: import("react").Context<BmiFormContextType>;

package/build/esm/components/molecules/healthTools/form/bmiForm/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        newsletterBlock: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/esm/components/molecules/healthTools/form/thrForm/inlineLayout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { HealthToolFormWrapperProps } from "../../formWrapper";
-export declare const InlineForm: ({ ...props }: HealthToolFormWrapperProps) => React.JSX.Element;
+import { HealthToolCardWrapperProps } from "../../cardWrapper";
+export declare const InlineForm: ({ ...props }: HealthToolCardWrapperProps) => React.JSX.Element;

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

@@ -30,15 +30,15 @@ export { SeoHead } from "./seoHead";
 export { ToolsBannerCard } from "./toolBannerCard";
 export { DueDateForm, DueDateFormProps, DueDateFormValue, DUE_DATE_METHOD, } from "./healthTools/form/dueDateForm";
 export { DueDateCardEmbed } from "./embeddedHeathToolCards/due-date/dueDate";
-export { BMICardEmbed } from "./embeddedHeathToolCards/bmi/bmi";
+export { BMICardEmbed, BMICardEmbedProps, } from "./embeddedHeathToolCards/bmi/bmi";
 export { BmiForm } from "./healthTools/form/bmiForm";
 export { BmiFormValue, BmiFormProps } from "./embeddedHeathToolCards/helpers";
 export { BabyGrowthCardEmbed, BabyGrowthCardEmbedProps, } from "./embeddedHeathToolCards/baby-growth";
 export { BabyPoopEmbed } from "./embeddedHeathToolCards/baby-poop";
 export { BabyPoopForm } from "./healthTools/form/babyPoopForm";
-export { THRCardEmbed } from "./embeddedHeathToolCards/target-heart-rate";
+export { THRCardEmbed, THRCardEmbedProps, } from "./embeddedHeathToolCards/target-heart-rate";
 export { ThrForm, ThrFormProps, ThrFormValue } from "./healthTools/form/thrForm";
-export { BMRCardEmbed } from "./embeddedHeathToolCards/bmr/bmr";
+export { BMRCardEmbed, BMRCardEmbedProps, } from "./embeddedHeathToolCards/bmr/bmr";
 export type { DueDateCardEmbedProps } from "./embeddedHeathToolCards/due-date/dueDate";
 export { OvulationCardEmbed } from "./embeddedHeathToolCards/ovulation/ovulation";
 export type { Props as OvulationCardEmbedProps } from "./embeddedHeathToolCards/ovulation/ovulation";

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

@@ -1,4 +1,5 @@
 import React, { CSSProperties } from 'react';
+import { BoxProps } from '@mantine/core';
 export type Props = {
     heading: string;
     medicalReview?: {
@@ -14,6 +15,6 @@ export type Props = {
     icon?: JSX.Element;
     isPregTool?: boolean;
     isRevamp?: boolean;
-};
-declare const ToolsBannerCard: ({ className, heading, bannerColor, medicalReview, icon, style, isPregTool, isRevamp, }: Props) => React.JSX.Element;
+} & BoxProps;
+declare const ToolsBannerCard: ({ className, classNames, heading, bannerColor, medicalReview, icon, style, isPregTool, isRevamp, styles, ...rest }: Props) => React.JSX.Element;
 export { ToolsBannerCard };

package/build/esm/components/molecules/toolBannerCard/index.styles.d.ts

@@ -0,0 +1,23 @@
+export declare const StyledIconContainerClass = "hhgcomp-toolbanner-iconcontainer";
+export declare const StyledInnerClass = "hhgcomp-toolbanner-inner";
+export declare const StyledWrapperClass = "hhgcomp-toolbanner-wrapper";
+interface StylesParams {
+    isRevamp?: boolean;
+    isPregTool?: boolean;
+    bannerColor?: string;
+    isMarryBaby: boolean;
+}
+export declare const useStyles: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        wrapper: string;
+        container: string;
+        headingWrapper: string;
+        avatarWrapper: string;
+        reviewText: string;
+        iconWrapper: string;
+        heading: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export {};

package/build/esm/components/navigationV2/components/molecules/menuViewMore/index.styled.d.ts

@@ -6,7 +6,9 @@ export declare const StyledContainerItems: import("@emotion/styled").StyledCompo
 export declare const StyleButton: import("@emotion/styled").StyledComponent<{
     variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
     skipHover?: boolean;
+    withColorHover?: boolean;
     theme?: "helloSites" | "marryBaby";
+    component?: any;
 } & Omit<import("@mantine/core").ButtonProps, "variant"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../../types").DataTrackingType & import("react").RefAttributes<unknown> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/build/esm/components/navigationV2/components/molecules/navigationBar/index.styled.d.ts

@@ -34,7 +34,9 @@ export declare const StyleWrapperNavigtionSearch: import("@emotion/styled").Styl
 export declare const StyleButtonAiChat: import("@emotion/styled").StyledComponent<{
     variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
     skipHover?: boolean;
+    withColorHover?: boolean;
     theme?: "helloSites" | "marryBaby";
+    component?: any;
 } & Omit<import("@mantine/core").ButtonProps, "variant"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../../types").DataTrackingType & import("react").RefAttributes<unknown> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/build/esm/components/organisms/collectPhoneNumber/index.styled.d.ts

@@ -6,7 +6,9 @@ export declare const StyledCollectPhoneForm: import("@emotion/styled").StyledCom
 export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     variant?: "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost" | "white" | "success";
     skipHover?: boolean;
+    withColorHover?: boolean;
     theme?: "helloSites" | "marryBaby";
+    component?: any;
 } & Omit<import("@mantine/core").ButtonProps, "variant"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../types").DataTrackingType & import("react").RefAttributes<unknown> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;