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

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-11c2580f.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-a1aae294.js');
-var index$1 = require('./index-aaf078ac.js');
+var utils = require('./utils-8195e421.js');
+var index$1 = require('./index-11edad6f.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e864d238.js');
+var constants = require('./constants-79258332.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d395161d.js');
-var index$2 = require('./index-4ecc708d.js');
+var index = require('./index-54625114.js');
+var index$2 = require('./index-ecaaab9e.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-f9988d3a.js');
-var utils$1 = require('./utils-2a996ffd.js');
+var useOutsideClick = require('./useOutsideClick-c2f39096.js');
+var utils$1 = require('./utils-b1545b34.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-d9348f30.js');
-require('./index-d8b7b7c8.js');
+var paths = require('./paths-35c34c2e.js');
+require('./index-b319bb8a.js');
 require('date-fns/locale');
-require('./index-c0083606.js');
-require('./Locale-0044edae.js');
+require('./index-c4c50d31.js');
+require('./Locale-e810a743.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-8aeaf409.js');
+require('./translationsContext-70cebab7.js');
 require('@mantine/core');
-require('./text-4cc51fce.js');
+require('./index-4b72550f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-a1aae294.js');
-var useOutsideClick = require('./useOutsideClick-f9988d3a.js');
-var index$1 = require('./index-aaf078ac.js');
+var utils$1 = require('./utils-8195e421.js');
+var useOutsideClick = require('./useOutsideClick-c2f39096.js');
+var index$1 = require('./index-11edad6f.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e864d238.js');
+var constants = require('./constants-79258332.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-2a996ffd.js');
-var index = require('./index-234e9365.js');
+var utils = require('./utils-b1545b34.js');
+var index = require('./index-8202f305.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-4ecc708d.js');
-var ChevronDown = require('./ChevronDown-369694d8.js');
-var paths = require('./paths-d9348f30.js');
-require('./index-d8b7b7c8.js');
+var index$2 = require('./index-ecaaab9e.js');
+var ChevronDown = require('./ChevronDown-7242e222.js');
+var paths = require('./paths-35c34c2e.js');
+require('./index-b319bb8a.js');
 require('date-fns/locale');
-require('./index-c0083606.js');
-require('./Locale-0044edae.js');
+require('./index-c4c50d31.js');
+require('./Locale-e810a743.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-8aeaf409.js');
-require('./tslib.es6-a0b3636d.js');
-require('./text-4cc51fce.js');
+require('./translationsContext-70cebab7.js');
+require('./tslib.es6-11c2580f.js');
+require('./index-4b72550f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -5,10 +5,12 @@ export type ButtonProps = {
     variant?: 'primary' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'error' | 'white' | 'success';
     skipHover?: 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;
     theme?: 'helloSites' | 'marryBaby';
+    component?: any;
 } & Omit<MantineButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & DataTrackingType & React.RefAttributes<unknown>>;
 export { Button };

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import { FlexProps } from '@mantine/core';
+import { TextProps } from "../text";
 export type ErrorLabelProps = {
     label: string;
     withIcon?: boolean;
-};
-export declare const ErrorLabel: ({ label, withIcon }: ErrorLabelProps) => React.JSX.Element;
+    textProps?: Partial<TextProps>;
+} & FlexProps;
+export declare const ErrorLabel: ({ label, withIcon, textProps, ...rest }: ErrorLabelProps) => React.JSX.Element;

package/build/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/components/molecules/healthTools/cardWrapper/index.types.d.ts

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

package/build/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/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/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/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/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/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/components/navigationV2/components/molecules/menuViewMore/index.styled.d.ts

@@ -7,6 +7,7 @@ export declare const StyleButton: import("@emotion/styled").StyledComponent<{
     variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
     skipHover?: 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/components/navigationV2/components/molecules/navigationBar/index.styled.d.ts

@@ -35,6 +35,7 @@ export declare const StyleButtonAiChat: import("@emotion/styled").StyledComponen
     variant?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
     skipHover?: 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/components/organisms/collectPhoneNumber/index.styled.d.ts

@@ -7,6 +7,7 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     variant?: "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost" | "white" | "success";
     skipHover?: 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;
 }, {}, {}>;