@hhgtech/hhg-components 1.29.412-beta-3 → 1.29.412-beta-4

package/build/care.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var types = require('./types-c1891a51.js');
-var constants = require('./constants-4039401d.js');
-require('./tslib.es6-6b040188.js');
+var types = require('./types-c6a9b0c0.js');
+var constants = require('./constants-e622a57c.js');
+require('./tslib.es6-427aff2e.js');
 require('react');
 require('@emotion/react');
-require('./utils-5e6a178d.js');
-require('./index-b7ea5712.js');
+require('./utils-3f01db0b.js');
+require('./index-6a84cc4f.js');
 require('date-fns/locale');
-require('./index-31f6b28e.js');
-require('./Locale-b34a7c99.js');
+require('./index-60034148.js');
+require('./Locale-29d606c9.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -21,22 +21,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-f79c16ef.js');
+require('./utils-e3bda41d.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-6f3b99ef.js');
-require('./translationsContext-62e3146d.js');
+require('./index-2fc8fa0a.js');
+require('./translationsContext-c1155171.js');
 require('lodash/debounce');
-require('./index-f55867ec.js');
+require('./index-16d3efc7.js');
 require('@mantine/core');
-require('./index-5e887aac.js');
-require('./other-64c2fb07.js');
+require('./index-28b0e49e.js');
+require('./text-2e7a960a.js');
 require('lodash/shuffle');
-require('./useOutsideClick-903e364b.js');
-require('./paths-992a9d4b.js');
-require('./index-d06bd4be.js');
+require('./useOutsideClick-3ffa2142.js');
+require('./paths-219a6e9a.js');
+require('./index-3e0ab905.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-28365500.js');
+require('./ChevronDown-f2da6873.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6b040188.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-5e6a178d.js');
-var index$1 = require('./index-6f3b99ef.js');
+var utils = require('./utils-3f01db0b.js');
+var index$1 = require('./index-2fc8fa0a.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-4039401d.js');
+var constants = require('./constants-e622a57c.js');
 var styled = require('@emotion/styled');
-var index = require('./index-f55867ec.js');
-var index$2 = require('./index-5e887aac.js');
+var index = require('./index-16d3efc7.js');
+var index$2 = require('./index-28b0e49e.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-903e364b.js');
-var utils$1 = require('./utils-f79c16ef.js');
+var useOutsideClick = require('./useOutsideClick-3ffa2142.js');
+var utils$1 = require('./utils-e3bda41d.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-992a9d4b.js');
-require('./index-b7ea5712.js');
+var paths = require('./paths-219a6e9a.js');
+require('./index-6a84cc4f.js');
 require('date-fns/locale');
-require('./index-31f6b28e.js');
-require('./Locale-b34a7c99.js');
+require('./index-60034148.js');
+require('./Locale-29d606c9.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-62e3146d.js');
+require('./translationsContext-c1155171.js');
 require('@mantine/core');
-require('./other-64c2fb07.js');
+require('./text-2e7a960a.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-5e6a178d.js');
-var useOutsideClick = require('./useOutsideClick-903e364b.js');
-var index$1 = require('./index-6f3b99ef.js');
+var utils$1 = require('./utils-3f01db0b.js');
+var useOutsideClick = require('./useOutsideClick-3ffa2142.js');
+var index$1 = require('./index-2fc8fa0a.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-4039401d.js');
+var constants = require('./constants-e622a57c.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f79c16ef.js');
-var index = require('./index-d06bd4be.js');
+var utils = require('./utils-e3bda41d.js');
+var index = require('./index-3e0ab905.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-5e887aac.js');
-var ChevronDown = require('./ChevronDown-28365500.js');
-var paths = require('./paths-992a9d4b.js');
-require('./index-b7ea5712.js');
+var index$2 = require('./index-28b0e49e.js');
+var ChevronDown = require('./ChevronDown-f2da6873.js');
+var paths = require('./paths-219a6e9a.js');
+require('./index-6a84cc4f.js');
 require('date-fns/locale');
-require('./index-31f6b28e.js');
-require('./Locale-b34a7c99.js');
+require('./index-60034148.js');
+require('./Locale-29d606c9.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-62e3146d.js');
-require('./tslib.es6-6b040188.js');
-require('./other-64c2fb07.js');
+require('./translationsContext-c1155171.js');
+require('./tslib.es6-427aff2e.js');
+require('./text-2e7a960a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/icons/CheckboxWithState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from "./";
+declare const CheckboxWithState: React.FC<IconProps>;
+export default CheckboxWithState;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CustomStylesType } from "../../../mantine";
 export interface ButtonStyles {
     color?: string;
     size?: string;
@@ -8,6 +9,7 @@ export interface ButtonStyles {
     isSuccess?: boolean;
     children?: ReactNode;
     theme?: 'helloSites' | 'marryBaby';
+    customStylesType?: CustomStylesType;
 }
 declare const _default: (params: ButtonStyles, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {

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

@@ -0,0 +1,16 @@
+import { CustomStylesType } from "../../../mantine";
+export interface ParamsStyles {
+    color?: string;
+    customStylesType?: CustomStylesType;
+}
+declare const _default: (params: ParamsStyles, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        input: string;
+        label: string;
+        body: string;
+        inner: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -43,9 +43,10 @@ export type { SwitchProps } from "./switch";
 export type { MantineProviderProps } from "./provider";
 export { MantineProvider } from "./provider";
 export { emotionCache } from "./helpers";
-export { getMantineThemeOverride, themeColors, TextSize } from "./theme";
+export { getMantineThemeOverride, themeColors } from "./theme";
+export { TextSize, FontWeight } from "./theme/text";
+export { CustomStylesType } from "./theme/types";
 export { getHeadingStyles } from "./theme/heading";
-export { OTHER_THEME_CONFIG } from "./theme/other";
 export { MAPPED_LOCALE, useMantineLocale } from "./useMantineLocale";
 export { OTP } from "./otp";
 export type { OTPProps } from "./otp";

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

@@ -1,9 +1,11 @@
 import React from 'react';
 import { MantineProviderProps as _MantineProviderProps } from '@mantine/core';
 import { LOCALE } from "../../../interfaces/types";
+import { CustomStylesType } from "../theme/types";
 export type MantineProviderProps = {
     children: React.ReactNode;
     locale: LOCALE;
     template?: 'hb' | 'mb';
+    customStyleType?: CustomStylesType;
 } & _MantineProviderProps;
-export declare const MantineProvider: ({ children, locale, template, ...props }: MantineProviderProps) => React.JSX.Element;
+export declare const MantineProvider: ({ children, locale, template, customStyleType, ...props }: MantineProviderProps) => React.JSX.Element;

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

@@ -1,14 +1,15 @@
 import React, { HTMLAttributes } from 'react';
 import { DefaultProps, Selectors, TextProps as MantineTextProps } from '@mantine/core';
 import { DataTrackingType } from "../../../interfaces/types";
+import { TextSize } from "../../../mantine";
 import useStyles from "./index.styles";
-import { TextSize } from "../theme";
 export type TextProps<T = HTMLParagraphElement> = {
     size?: TextSize;
     weight?: 'regular' | 'semiBold' | 'bold' | 'caption' | 'halfBold';
     as?: any;
     wordWrap?: 'none' | 'break-word' | 'break-all';
     isUppercase?: boolean;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'green';
 } & Omit<HTMLAttributes<T>, 'size'> & Omit<MantineTextProps, 'size' | 'weight' | 'component'> & DefaultProps<Selectors<typeof useStyles>> & DataTrackingType;
-declare const Text: <T>({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, ...rest }: TextProps<T>) => React.JSX.Element;
+declare const Text: <T>({ size, color, weight, as, styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant, ...rest }: TextProps<T>) => React.JSX.Element;
 export { Text };

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

@@ -1,7 +1,9 @@
+import { CustomStylesType } from "../theme/types";
 export interface StylesParams {
     size?: string;
     weight?: string;
     as?: any;
+    customStylesType: CustomStylesType;
 }
 declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {

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

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

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

@@ -0,0 +1,34 @@
+export declare const themeColors: {
+    none: {
+        hb: string[];
+        mb: string[];
+        blue: string[];
+        gray: string[];
+        delftGray: string[];
+        neutral: string[];
+        green: string[];
+        pink: string[];
+        violet: string[];
+        yellow: string[];
+        teal: string[];
+        indigol: string[];
+        red: string[];
+        redViolet: string[];
+    };
+    leadgen: {
+        hb: string[];
+        mb: string[];
+        blue: string[];
+        gray: string[];
+        delftGray: string[];
+        neutral: string[];
+        green: string[];
+        pink: string[];
+        violet: string[];
+        yellow: string[];
+        teal: string[];
+        indigol: string[];
+        red: string[];
+        redViolet: string[];
+    };
+};

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

@@ -1,15 +1,16 @@
-export declare const getHeadingStyles: (mbDown?: boolean) => {
-    [k: string]: {
-        fontSize: string;
-        lineHeight: string;
-        letterSpacing: string | number;
-    };
+import { FontWeight } from "./text";
+import { CustomStylesType } from "./types";
+export declare const getHeadingStyles: (options?: {
+    version?: CustomStylesType;
+    mbDown?: boolean;
+}) => {
+    [k: string]: any;
 };
-export declare const GlobalHeadingStyle: {
+export declare const GlobalHeadingStyle: (version?: CustomStylesType) => {
     Title: {
         styles: {
             root: {
-                fontWeight: number;
+                fontWeight: FontWeight;
             };
         };
     };

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

@@ -1,6 +1,6 @@
 import { MantineThemeOverride } from '@mantine/core';
 import { LOCALE } from "../../../interfaces/types";
-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';
+import { CustomStylesType } from "./types";
 export declare const themeColors: {
     hb: string[];
     mb: string[];
@@ -17,4 +17,4 @@ export declare const themeColors: {
     red: string[];
     redViolet: string[];
 };
-export declare const getMantineThemeOverride: (locale: LOCALE, template?: 'hb' | 'mb') => MantineThemeOverride;
+export declare const getMantineThemeOverride: (locale: LOCALE, template?: 'hb' | 'mb', version?: CustomStylesType) => MantineThemeOverride;

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

@@ -1,3 +1,4 @@
+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';
 export declare enum FontWeight {
     regular = 400,
     halfBold = 500,
@@ -5,92 +6,187 @@ export declare enum FontWeight {
     bold = 700
 }
 export declare const GlobalTextStyle: {
-    fontSize: {
-        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[];
-        p5: string[];
-        c1: string[];
-        c2: string[];
-        n1: string[];
-        label1: string[];
-        label2: string[];
-        h1: string[];
-        h2: string[];
-        h3: string[];
-        h4: string[];
-        h5: string[];
-        h6: string[];
+    none: {
+        fontSize: {
+            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[];
+            p5: string[];
+            c1: string[];
+            c2: string[];
+            n1: string[];
+            label1: string[];
+            label2: string[];
+            h1: string[];
+            h2: string[];
+            h3: string[];
+            h4: string[];
+            h5: string[];
+            h6: string[];
+        };
+        lineHeight: {
+            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[];
+            h1: string[];
+            h2: string[];
+            h3: string[];
+            h4: string[];
+            h5: string[];
+            h6: string[];
+        };
+        letterSpacing: {
+            lg: number[];
+            md: number[];
+            sm: number[];
+            s1: number[];
+            s2: number[];
+            s3: number[];
+            s4: number[];
+            p1: number[];
+            p2: number[];
+            p3: number[];
+            p4: number[];
+            label1: number[];
+            h1: number[];
+            h2: number[];
+            h3: number[];
+            h4: number[];
+            h5: number[];
+            h6: number[];
+        };
+        fontWeightBySize: {
+            s1: FontWeight;
+            s2: FontWeight;
+            s3: FontWeight;
+            s4: FontWeight;
+            h1: FontWeight;
+            h2: FontWeight;
+            h3: FontWeight;
+            h4: FontWeight;
+            h5: FontWeight;
+            h6: FontWeight;
+        };
+        fontWeight: typeof FontWeight;
     };
-    lineHeight: {
-        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[];
-        h1: string[];
-        h2: string[];
-        h3: string[];
-        h4: string[];
-        h5: string[];
-        h6: string[];
+    leadgen: {
+        fontSize: {
+            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[];
+            p5: string[];
+            c1: string[];
+            c2: string[];
+            n1: string[];
+            label1: string[];
+            label2: string[];
+            h1: string[];
+            h2: string[];
+            h3: string[];
+            h4: string[];
+            h5: string[];
+            h6: string[];
+        };
+        lineHeight: {
+            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[];
+            h1: string[];
+            h2: string[];
+            h3: string[];
+            h4: string[];
+            h5: string[];
+            h6: string[];
+        };
+        letterSpacing: {
+            lg: number[];
+            md: number[];
+            sm: number[];
+            s1: number[];
+            s2: number[];
+            s3: number[];
+            s4: number[];
+            p1: number[];
+            p2: number[];
+            p3: number[];
+            p4: number[];
+            c1: number[];
+            c2: number[];
+            label1: number[];
+            h1: number[];
+            h2: number[];
+            h3: number[];
+            h4: number[];
+            h5: number[];
+            h6: number[];
+            n1: number[];
+        };
+        fontWeightBySize: {
+            s1: FontWeight;
+            s2: FontWeight;
+            s3: FontWeight;
+            s4: FontWeight;
+            h1: FontWeight;
+            h2: FontWeight;
+            h3: FontWeight;
+            h4: FontWeight;
+            h5: FontWeight;
+            h6: FontWeight;
+        };
+        fontWeight: typeof FontWeight;
     };
-    letterSpacing: {
-        lg: number[];
-        md: number[];
-        sm: number[];
-        s1: number[];
-        s2: number[];
-        s3: number[];
-        s4: number[];
-        p1: number[];
-        p2: number[];
-        p3: number[];
-        p4: number[];
-        label1: number[];
-        h1: number[];
-        h2: number[];
-        h3: number[];
-        h4: number[];
-        h5: number[];
-        h6: number[];
-    };
-    fontWeightBySize: {
-        s1: FontWeight;
-        s2: FontWeight;
-        s3: FontWeight;
-        s4: FontWeight;
-        h1: FontWeight;
-        h2: FontWeight;
-        h3: FontWeight;
-        h4: FontWeight;
-        h5: FontWeight;
-        h6: FontWeight;
-    };
-    fontWeight: typeof FontWeight;
 };

package/build/components/mantine/theme/{other.d.ts → types.d.ts}

@@ -1,6 +1,9 @@
-import { TextSize } from "./";
-import { FontWeight } from "./text";
-export declare const OTHER_THEME_CONFIG: {
+import { FontWeight, TextSize } from "./text";
+export declare enum CustomStylesType {
+    LEADGEN = "leadgen",
+    NONE = "none"
+}
+export type OverideTextType = {
     fontSize?: Partial<Record<TextSize, Array<string>>>;
     lineHeight?: Partial<Record<TextSize, Array<string>>>;
     letterSpacing?: Partial<Record<TextSize, Array<number>>>;

package/build/components/molecules/sidemenu/menuLink.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { TextProps } from "../../mantine/text";
-import { TextSize } from "../../mantine/theme";
+import { TextSize } from "../../../mantine";
 type Props = {
     icon: JSX.Element;
     children: ReactNode;

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

@@ -1,8 +1,8 @@
 import React, { CSSProperties } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { TextProps } from "../../mantine/text";
-import { TextSize } from "../../mantine/theme";
 import { DataTrackingType } from "../../../interfaces/types";
+import { TextSize } from "../../../mantine";
 import useStyles from "./index.styles";
 type TabContent = {
     name: string;