@hhgtech/hhg-components 1.25.45 → 1.25.57

package/build/components/mantine/breadcrumbs/item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnchorProps } from "..";
+import { AnchorProps } from '../anchor';
 type BreadcrumbItemProps = {
     children: React.ReactNode;
 } & Partial<AnchorProps>;

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

@@ -1,9 +1,9 @@
 import React, { ButtonHTMLAttributes } from 'react';
 import { ButtonProps as MantineButtonProps } from '@mantine/core';
-import { DataTrackingType } from '../../../interfaces/types';
+import { DataTrackingType } from "../../../interfaces/types";
 export type ButtonProps = {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'error';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'light' | 'ghost' | 'error' | 'white';
     skipHover?: boolean;
 } & Omit<MantineButtonProps, 'variant'> & ButtonHTMLAttributes<HTMLButtonElement> & DataTrackingType;
-declare const Button: ({ variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, ...rest }: ButtonProps) => React.JSX.Element;
 export { Button };

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

@@ -1,12 +1,16 @@
+import { ReactNode } from 'react';
 export interface ButtonStyles {
     color?: string;
     size?: string;
     variant?: string;
     skipHover?: boolean;
     isError?: boolean;
+    children?: ReactNode;
 }
-declare const _default: (params: ButtonStyles, options?: import("@mantine/core").UseStylesOptions<"rootCustom">) => {
-    classes: Record<"rootCustom", string>;
+declare const _default: (params: ButtonStyles, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        rootCustom: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

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

@@ -1,14 +1,10 @@
 import React from 'react';
-import { DatePickerProps as MantineDatePickerProps } from '@mantine/dates';
-import { DateRangePicker } from './range';
+import { DatePickerType, DatePickerInputProps as MantineDatePickerInputProps } from '@mantine/dates';
 export type SharedType = {
     isRange?: boolean;
     isMB?: boolean;
+    fullWidth?: boolean;
 };
-export type DatePickerProps = SharedType & MantineDatePickerProps;
-export interface CompoundedComponent extends React.ForwardRefExoticComponent<DatePickerProps> {
-    Range: typeof DateRangePicker;
-}
-declare const DatePicker: CompoundedComponent;
+export type DatePickerProps<T extends DatePickerType = 'default'> = SharedType & MantineDatePickerInputProps<T>;
+declare const DatePicker: <Type extends DatePickerType = "default">({ value, fullWidth, ...rest }: DatePickerProps<Type>) => React.JSX.Element;
 export { DatePicker };
-export * from './range';

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

@@ -1,6 +1,6 @@
 export type { SelectProps } from './select';
 export { Select } from './select';
-export type { DatePickerProps, DateRangePickerProps } from './datepicker';
+export type { DatePickerProps } from './datepicker';
 export { DatePicker } from './datepicker';
 export { Breadcrumbs } from './breadcrumbs';
 export type { BreadcrumbsProps } from './breadcrumbs';
@@ -44,6 +44,7 @@ export type { MantineProviderProps } from './provider';
 export { MantineProvider } from './provider';
 export { emotionCache } from './helpers';
 export { getMantineThemeOverride, themeColors, TextSize } from './theme';
+export { getHeadingStyles } from './theme/heading';
 export { OTHER_THEME_CONFIG } from './theme/other';
 export { MAPPED_LOCALE, useMantineLocale } from './useMantineLocale';
 export { OTP } from './otp';

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IndicatorProps as MantineIndicatorProps } from '@mantine/core';
 export type IndicatorProps = MantineIndicatorProps;
-export declare const Indicator: ({ styles, ...props }: IndicatorProps) => React.JSX.Element;
+export declare const Indicator: ({ styles, color, ...props }: IndicatorProps) => React.JSX.Element;

package/build/components/mantine/input/number.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { NumberInputProps as MantineNumberInputProps } from '@mantine/core';
 export type NumberInputProps = Omit<MantineNumberInputProps, 'onChange' | 'value'> & {
-    value?: number;
-    onChange?(value: number): void;
+    value?: number | '';
+    onChange?(value?: number | ''): void;
 };
 declare const NumberInput: ({ value: _value, onChange: _onChange, ...props }: NumberInputProps) => React.JSX.Element;
 export { NumberInput };

package/build/components/mantine/loadingOverlay/useLockBodyScroll.d.ts

@@ -0,0 +1 @@
+export declare function useLockBodyScroll(visible?: boolean): void;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ModalProps as MantineModalProps } from '@mantine/core';
 export type ModalProps = MantineModalProps;
-declare const Modal: ({ title, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ title, styles, ...rest }: ModalProps) => React.JSX.Element;
 export { Modal };

package/build/components/mantine/modal/index.styles.d.ts

@@ -0,0 +1,15 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        inner: string;
+        content: string;
+        header: string;
+        overlay: string;
+        title: string;
+        body: string;
+        close: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -9,10 +9,10 @@ export type OTPProps = Omit<OTPInputProps, 'value' | 'onChange'> & {
     onBlur?: FocusEventHandler<HTMLInputElement>;
     type?: 'password' | 'text' | 'number';
 };
-export declare const OTP: React.ForwardRefExoticComponent<Pick<Omit<OTPInputProps, "value" | "onChange"> & {
+export declare const OTP: React.ForwardRefExoticComponent<Omit<Omit<OTPInputProps, "value" | "onChange"> & {
     valueLength?: number;
     value?: string | number;
     onChange?: (value: string | number) => void;
     onBlur?: FocusEventHandler<HTMLInputElement>;
     type?: 'password' | 'text' | 'number';
-}, "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "key" | "color" | "hidden" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "error" | "valueLength"> & React.RefAttributes<HTMLInputElement>>;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -11,4 +11,4 @@ export type PhoneProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputEle
     value?: string;
     onChange?: (v: string) => void;
 };
-export declare const Phone: React.ForwardRefExoticComponent<Pick<PhoneProps, "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "onChange" | "key" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isError" | "countries" | "defaultCountry" | "countryCallingCodeEditable"> & React.RefAttributes<React.Ref<unknown>>>;
+export declare const Phone: React.ForwardRefExoticComponent<Omit<PhoneProps, "ref"> & React.RefAttributes<React.Ref<unknown>>>;

package/build/components/mantine/tabs/index.styles.d.ts

@@ -2,8 +2,10 @@ export interface StylesParams {
     size?: string;
     weight?: string;
 }
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<"root">) => {
-    classes: Record<"root", string>;
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { DefaultProps, Selectors, TextProps as MantineTextProps } from '@mantine/core';
 import { DataTrackingType } from "../../../interfaces/types";
-import useStyles from './index.styles';
 import { TextSize } from '../theme';
+import useStyles from './index.styles';
 export type TextProps = {
     size?: TextSize;
     weight?: 'regular' | 'semiBold' | 'bold';

package/build/components/mantine/text/index.styles.d.ts

@@ -2,8 +2,10 @@ export interface StylesParams {
     size?: string;
     weight?: string;
 }
-declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<"root">) => {
-    classes: Record<"root", string>;
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

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

@@ -1,3 +1,10 @@
+export declare const getHeadingStyles: (mbDown?: boolean) => {
+    [k: string]: {
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string | number;
+    };
+};
 export declare const GlobalHeadingStyle: {
     Title: {
         styles: {

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

@@ -6,6 +6,7 @@ export declare const themeColors: {
     mb: string[];
     blue: string[];
     gray: string[];
+    delftGray: string[];
     neutral: string[];
     green: string[];
     pink: string[];
@@ -13,6 +14,7 @@ export declare const themeColors: {
     yellow: string[];
     teal: string[];
     indigol: string[];
+    red: string[];
     redViolet: string[];
 };
 export declare const getMantineThemeOverride: (locale: LOCALE, template?: 'hb' | 'mb') => MantineThemeOverride;

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

@@ -1,4 +1,3 @@
-import { InputStylesParams } from '@mantine/core';
 import { LOCALE } from "../../../interfaces/types";
 export declare const GlobalInputStyle: (locale: LOCALE) => {
     InputWrapper: {
@@ -30,7 +29,9 @@ export declare const GlobalInputStyle: (locale: LOCALE) => {
         };
     };
     Input: {
-        styles: (_theme: any, params: InputStylesParams) => {
+        styles: (_theme: any, _: any, { size }: {
+            size: any;
+        }) => {
             input: {
                 border: string;
                 transition: string;
@@ -47,7 +48,7 @@ export declare const GlobalInputStyle: (locale: LOCALE) => {
                     boxShadow: string;
                 };
             };
-            invalid: {
+            '&[data-invalid="true"]': {
                 border: string;
                 color: string;
             };

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

@@ -1,7 +1,7 @@
 import { TextSize } from '.';
 export declare const OTHER_THEME_CONFIG: {
-    fontSize?: Record<TextSize, Array<number>>;
-    lineHeight?: Record<TextSize, Array<number>>;
+    fontSize?: Record<TextSize, Array<string>>;
+    lineHeight?: Record<TextSize, Array<string>>;
     letterSpacing?: Partial<Record<TextSize, Array<number>>>;
     fontWeight?: Record<'regular' | 'semiBold' | 'bold', number>;
 };

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

@@ -1,15 +1,3 @@
 export declare const GlobalRadioStyle: {
-    Radio: {
-        styles: {
-            radio: {
-                '&:checked': {
-                    backgroundColor: string;
-                };
-                '&:hover': {
-                    border: string;
-                };
-                backgroundColor: string;
-            };
-        };
-    };
+    Radio: {};
 };

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

@@ -1,45 +1,45 @@
 export declare const GlobalTextStyle: {
     fontSize: {
-        base: number[];
-        lg: number[];
-        md: number[];
-        sm: number[];
-        xs: number[];
-        s1: number[];
-        s2: number[];
-        s3: number[];
-        s4: number[];
-        s5: number[];
-        p1: number[];
-        p2: number[];
-        p3: number[];
-        p4: number[];
-        c1: number[];
-        c2: number[];
-        n1: number[];
-        label1: number[];
-        label2: number[];
+        base: string[];
+        lg: string[];
+        md: string[];
+        sm: string[];
+        xs: string[];
+        s1: string[];
+        s2: string[];
+        s3: string[];
+        s4: string[];
+        s5: string[];
+        p1: string[];
+        p2: string[];
+        p3: string[];
+        p4: string[];
+        c1: string[];
+        c2: string[];
+        n1: string[];
+        label1: string[];
+        label2: string[];
     };
     lineHeight: {
-        base: number[];
-        lg: number[];
-        md: number[];
-        sm: number[];
-        xs: number[];
-        s1: number[];
-        s2: number[];
-        s3: number[];
-        s4: number[];
-        s5: number[];
-        p1: number[];
-        p2: number[];
-        p3: number[];
-        p4: number[];
-        c1: number[];
-        c2: number[];
-        n1: number[];
-        label1: number[];
-        label2: number[];
+        base: string[];
+        lg: string[];
+        md: string[];
+        sm: string[];
+        xs: string[];
+        s1: string[];
+        s2: string[];
+        s3: string[];
+        s4: string[];
+        s5: string[];
+        p1: string[];
+        p2: string[];
+        p3: string[];
+        p4: string[];
+        c1: string[];
+        c2: string[];
+        n1: string[];
+        label1: string[];
+        label2: string[];
     };
     letterSpacing: {
         lg: number[];

package/build/components/molecules/adBlock/fixedBottomAdBlock.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { LOCALE } from "../../../interfaces/types";
+export type Props = {
+    className?: string;
+    isMobile?: boolean;
+    divId?: string;
+    adUnitPath: string;
+    contentId?: string;
+    customTargetings?: {
+        [key: string]: (string | number) | (string | number)[];
+    };
+    locale?: LOCALE;
+    isMarryBaby?: boolean;
+};
+declare const FixedBottomAdBlock: ({ className, adUnitPath, divId, isMobile, contentId, customTargetings, locale, isMarryBaby, }: Props) => React.JSX.Element;
+export { FixedBottomAdBlock };

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

@@ -0,0 +1,45 @@
+import React, { CSSProperties } from 'react';
+import { BoxProps } from '@mantine/core';
+import { LOCALE } from "../../../interfaces/types";
+export type AdUnitItem = {
+    adUnitPath: string;
+    size: number[] | number[][];
+    divId: string;
+    pos: string[];
+    sizeMapping?: [number[], number[][]][];
+    contentId?: string;
+    hideIfHasSubot?: boolean;
+    customTargetings?: {
+        [key: string]: (string | number) | (string | number)[];
+    };
+};
+export type Props = {
+    className?: string;
+    style?: CSSProperties;
+    isHidden?: boolean;
+    isSticky?: boolean;
+    refreshInterval?: number;
+    adDefaultSize?: (number | string)[];
+    noWrapper?: boolean;
+    showCloseBtn?: boolean;
+    headerBottom?: boolean;
+    onCloseAd?: () => void;
+    wrapperProps?: BoxProps;
+    locale?: LOCALE;
+    isMarryBaby?: boolean;
+} & AdUnitItem;
+export declare const AdBlock: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    className?: string;
+    style?: CSSProperties;
+    isHidden?: boolean;
+    isSticky?: boolean;
+    refreshInterval?: number;
+    adDefaultSize?: (number | string)[];
+    noWrapper?: boolean;
+    showCloseBtn?: boolean;
+    headerBottom?: boolean;
+    onCloseAd?: () => void;
+    wrapperProps?: BoxProps;
+    locale?: LOCALE;
+    isMarryBaby?: boolean;
+} & AdUnitItem & React.RefAttributes<HTMLDivElement>>>;

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

@@ -0,0 +1,4 @@
+export declare const StyledFixedAdBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAdContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAdHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseBtn: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,6 @@
 /// <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) => 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 StyledButton: import("styled-components").StyledComponent<({ variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, ...rest }: import("../../mantine").ButtonProps) => 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>, "size" | "type" | "onChange" | "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>;
 export declare const FormDropDown: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,6 @@
 /// <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) => 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 StyledButton: import("styled-components").StyledComponent<({ variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, ...rest }: import("../../mantine").ButtonProps) => 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>, "size" | "type" | "onChange" | "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>;
 export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,13 +1,14 @@
 import React from 'react';
+import { DefaultProps } from '@mantine/core';
 import { LOCALE } from "../../../../interfaces/types/Locale";
 import { BabyPoopPage } from "../../../../together/interfaces/types";
-type BabyPoopHeaderProps = {
+export interface BabyPoopEmbedProps extends DefaultProps {
     babyPoopPage: BabyPoopPage;
     currentUrl: string;
     onClickFindOut?: () => void;
     locale: LOCALE;
     isMobile?: boolean;
     isSide?: boolean;
-};
-declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, locale, isMobile, currentUrl, isSide, }: BabyPoopHeaderProps) => React.JSX.Element;
+}
+declare const BabyPoopEmbed: ({ babyPoopPage, onClickFindOut, currentUrl, isSide, }: BabyPoopEmbedProps) => React.JSX.Element;
 export { BabyPoopEmbed };

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

@@ -0,0 +1,20 @@
+export interface StylesParams {
+    isMarryBaby?: boolean;
+    isSide?: boolean;
+}
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        inner: string;
+        content: string;
+        reviewText: string;
+        reviewTextIcon: string;
+        img: string;
+        thumbnail: string;
+        action: string;
+        btn: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -51,3 +51,7 @@ export { ShareDrawer } from './shareDrawer';
 export type { ShareDrawerProps } from './shareDrawer';
 export { PillCarousel } from './pillCarousel';
 export type { PillCarouselProps } from './pillCarousel';
+export { AdBlock } from './adBlock';
+export type { AdUnitItem, Props as AdBlockProps } from './adBlock';
+export { FixedBottomAdBlock } from './adBlock/fixedBottomAdBlock';
+export type { Props as FixedBottomAdBlockProps } from './adBlock/fixedBottomAdBlock';

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { TextSize } from 'components/atoms/text';
 import { TextProps } from "../../mantine";
+import { DataTrackingType } from "../../../interfaces/types";
 import { CSSProperties } from 'styled-components';
 import useStyles from './index.styles';
-import { DataTrackingType } from '../../../interfaces/types';
 type TabContent = {
     name: string;
     icon?: JSX.Element;

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

@@ -1,5 +1,11 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<"root" | "item" | "itemInner" | "label" | "icon">) => {
-    classes: Record<"root" | "item" | "itemInner" | "label" | "icon", string>;
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        item: string;
+        itemInner: string;
+        label: string;
+        icon: string;
+    };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };

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

@@ -1,7 +1,7 @@
 /// <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) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<({ variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, ...rest }: import("../../mantine").ButtonProps) => import("react").JSX.Element, any, {}, never>;
 export declare const StyledTHRGender: import("styled-components").StyledComponent<"div", 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 StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "size" | "type" | "onChange" | "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>;
 export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/{organisms/navigationV2 → navigationV2}/components/atoms/ItemNav/index.d.ts

@@ -5,4 +5,8 @@ export type Props = {
     menu: ReactNode;
 };
 declare const ItemMenu: ({ item, menu }: Props) => React.JSX.Element;
+export declare const NewWrapper: ({ isNew, children, }: {
+    isNew?: boolean;
+    children?: ReactNode;
+}) => React.JSX.Element;
 export { ItemMenu };

package/build/components/{organisms/navigationV2 → navigationV2}/components/molecules/Categories/index.d.ts

@@ -8,7 +8,7 @@ export type Props = {
         name?: string;
         thumbnail?: string;
         link?: string;
-        slug?: string;
+        isNew?: boolean;
     }[];
     headingTitle?: string;
 };

package/build/components/{organisms/navigationV2 → navigationV2}/components/molecules/menuCareList/Item/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Hospital } from "../../../../../../../care/interfaces/types";
+import { Hospital } from "../../../../../../care/interfaces/types";
 export type Props = {
     item?: Hospital;
     index?: number;

package/build/components/{organisms/navigationV2 → navigationV2}/components/molecules/menuCareList/careSpotlights.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Hospital } from "../../../../../../care/interfaces/types";
+import { Hospital } from "../../../../../care/interfaces/types";
 export type Props = {
     spotlights: Hospital[];
     hrefViewMore?: string;

package/build/components/{organisms/navigationV2 → navigationV2}/components/molecules/menuCareList/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Hospital } from "../../../../../../care/interfaces/types";
+import { Hospital } from "../../../../../care/interfaces/types";
 import { Specialty } from '../../../types';
 export type Props = {
     careSpecialties: Specialty[];