@hhgtech/hhg-components 1.29.412 → 1.29.414

package/build/esm/{index-8a9332e6.js → index-6af0e302.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5c2f3910.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-e36bd2db.js';
-import { H as Heading } from './index-f5d76578.js';
-import { u as useTranslations } from './index-36afd739.js';
+import { B as Button } from './index-c0f27429.js';
+import { H as Heading } from './index-2953a674.js';
+import { u as useTranslations } from './index-1215bc9f.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-ea331c39.js';
-import { C as CommonGAssets } from './index-575e6549.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-d5cbd662.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-18cf2cbc.js';
+import { C as CommonGAssets } from './index-461f72c9.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-19687a3a.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-6c603afa.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-7dd4bd02.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-88e98fd0.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-0ff56700.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5612bf85.js';
+import { M as MediaQueries } from './utils-50ee2849.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-5210bfbf.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-7a8ce18a.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-a2c172d5.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-63c03aa6.js';
-import { a as ProfileDetail, P as PostContent } from './index-5e194d86.js';
-import { a as PostImagePreview } from './index-44c542f0.js';
-import { S as SocialLinkPreview } from './index-8d84d37f.js';
-import { D as Divider } from './index-67c24a8e.js';
-import './index-001a6be5.js';
+import { C as CardLink } from './index-9220423b.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-4afdc75d.js';
+import { a as ProfileDetail, P as PostContent } from './index-8b39751d.js';
+import { a as PostImagePreview } from './index-80f8dfd1.js';
+import { S as SocialLinkPreview } from './index-664a450d.js';
+import { D as Divider } from './index-75a8e1d9.js';
+import './index-e053201b.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-9f64f09d.js';
-import { T as Text } from './index-afa0d541.js';
-import { L as Loading } from './index-87d45976.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-411d1ae6.js';
+import { I as Input } from './index-cc3edb30.js';
+import { T as Text } from './index-a5768260.js';
+import { L as Loading } from './index-0a6fc41a.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-8db8cf91.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-8d61d08b.js → index-6c6bf90f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-afa0d541.js';
-import { u as useTranslations } from './index-36afd739.js';
+import { T as Text } from './index-a5768260.js';
+import { u as useTranslations } from './index-1215bc9f.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-db040d60.js → index-6e8d7d0b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-107c23d7.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-af4dac52.js';
-import { a as Avatar } from './index-a7522c77.js';
-import { B as Button } from './index-fef96a07.js';
-import { T as Text } from './index-afa0d541.js';
-import { u as useTranslations } from './index-36afd739.js';
-import { C as CommonGAssets } from './index-575e6549.js';
+import { S as Spinner } from './Spinner-bb8cf11c.js';
+import { a as Avatar } from './index-2a289da8.js';
+import { B as Button } from './index-92ed0334.js';
+import { T as Text } from './index-a5768260.js';
+import { u as useTranslations } from './index-1215bc9f.js';
+import { C as CommonGAssets } from './index-461f72c9.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5612bf85.js';
+import { M as MediaQueries } from './utils-50ee2849.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-001a6be5.js';
-import { i as domainLocalesMarryBaby } from './utils-6c603afa.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-411d1ae6.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-e053201b.js';
+import { i as domainLocalesMarryBaby } from './utils-88e98fd0.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-8db8cf91.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-e0c4aadd.js → index-71de2bcc.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-07fe24ae.js → index-76e673c7.js}

@@ -1,52 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-107c23d7.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-015e9122.js';
-import { L as Loading } from './index-bd62f124.js';
-import './index-33967b7e.js';
-import { g as formatArticle } from './dataTransform-5210bfbf.js';
+import { T as Tabs } from './index-7f1ed00b.js';
+import { L as Loading } from './index-233138ba.js';
+import './index-6482e49b.js';
+import { g as formatArticle } from './dataTransform-7a8ce18a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6c603afa.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-88e98fd0.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-63c03aa6.js';
-import { L as LOCALE } from './Locale-ab51c731.js';
+import { C as CardAuthor } from './index-4afdc75d.js';
+import { L as LOCALE } from './Locale-f790f969.js';
 import '@hhgtech/icons/other';
-import './index-fef96a07.js';
-import './index-afa0d541.js';
-import './other-41d99308.js';
-import './index-36afd739.js';
-import './translationsContext-9561c738.js';
-import './index-e36bd2db.js';
-import './index-a2c3a47f.js';
+import './index-92ed0334.js';
+import './shared-887e5430.js';
+import './text-48aef61b.js';
+import './index-a5768260.js';
+import './index-1215bc9f.js';
+import './translationsContext-40d5537d.js';
+import './index-c0f27429.js';
+import './index-bbd26363.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-d5cbd662.js';
+import './constants-19687a3a.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-5612bf85.js';
-import './index-2089b25f.js';
-import './paths-34c7bcde.js';
-import './constants-a1d9e6b2.js';
-import './index-001a6be5.js';
+import './utils-50ee2849.js';
+import './index-1ba37571.js';
+import './paths-9e2e6286.js';
+import './constants-e83c4835.js';
+import './index-e053201b.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-601b8341.js';
+import './index-77532f63.js';
 import './miscTheme.js';
-import './WhatsApp-fa0aca07.js';
-import './Spinner-af4dac52.js';
-import './index-faef15c4.js';
+import './WhatsApp-2b1acb81.js';
+import './Spinner-bb8cf11c.js';
+import './index-42f52871.js';
 import '@emotion/styled';
-import './useScreenSize-eed7f4a5.js';
-import './index-575e6549.js';
-import './index-87d45976.js';
+import './index-f880dc21.js';
+import './index-461f72c9.js';
+import './index-0a6fc41a.js';
 import '@emotion/react';
-import './index-f5d76578.js';
-import './index-b7f10e2c.js';
-import './index.styles-6168003e.js';
+import './index-2953a674.js';
+import './index-d6ec7353.js';
+import './index.styles-05fc133d.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-601b8341.js → index-77532f63.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-fa0aca07.js';
-import { S as Spinner } from './Spinner-af4dac52.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-2b1acb81.js';
+import { S as Spinner } from './Spinner-bb8cf11c.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-8504cfa5.js → index-799489a8.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-e36bd2db.js';
-import { T as TogetherComponentGlobalContext } from './utils-6c603afa.js';
+import { B as Button } from './index-c0f27429.js';
+import { T as TogetherComponentGlobalContext } from './utils-88e98fd0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-015e9122.js → index-7f1ed00b.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-fef96a07.js';
-import { T as Text } from './index-afa0d541.js';
+import { B as Button } from './index-92ed0334.js';
+import { T as Text } from './index-a5768260.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-44c542f0.js → index-80f8dfd1.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-f5d76578.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-5612bf85.js';
-import { u as useTranslations } from './index-36afd739.js';
-import { T as TogetherComponentGlobalContext } from './utils-6c603afa.js';
+import { H as Heading } from './index-2953a674.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-50ee2849.js';
+import { u as useTranslations } from './index-1215bc9f.js';
+import { T as TogetherComponentGlobalContext } from './utils-88e98fd0.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-afa0d541.js';
+import { T as Text } from './index-a5768260.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-cbe4e020.js → index-871dee36.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5612bf85.js';
+import { M as MediaQueries } from './utils-50ee2849.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-9f64f09d.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-cc3edb30.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-5e194d86.js → index-8b39751d.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-107c23d7.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-015e9122.js';
-import { L as Loading } from './index-bd62f124.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-5210bfbf.js';
+import { T as Tabs } from './index-7f1ed00b.js';
+import { L as Loading } from './index-233138ba.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-7a8ce18a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-6c603afa.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-88e98fd0.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-575e6549.js';
-import { I as ImageWrap } from './useScreenSize-eed7f4a5.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-63c03aa6.js';
-import { S as SocialType } from './index-33967b7e.js';
-import { u as useTranslations } from './index-36afd739.js';
+import { C as CommonGAssets } from './index-461f72c9.js';
+import { I as ImageWrap } from './index-f880dc21.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-4afdc75d.js';
+import { S as SocialType } from './index-6482e49b.js';
+import { u as useTranslations } from './index-1215bc9f.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-a7522c77.js';
+import { A as Anchor$1 } from './index-2a289da8.js';
 import '@mantine/dates';
-import './index-001a6be5.js';
-import './useMantineLocale-8b661839.js';
-import { T as Text } from './index-afa0d541.js';
-import { B as Button } from './index-fef96a07.js';
-import './index.styles-6168003e.js';
+import './index-e053201b.js';
+import './index-6ae951d5.js';
+import { T as Text } from './index-a5768260.js';
+import { B as Button } from './index-92ed0334.js';
+import './index.styles-05fc133d.js';
 import '@mantine/hooks';
-import './utils-5612bf85.js';
-import './other-41d99308.js';
+import './text-48aef61b.js';
+import './utils-50ee2849.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-dff7287c.js';
-import { B as Button$1 } from './index-e36bd2db.js';
-import './translationsContext-9561c738.js';
+import { d as decodeMention, b as decodePostUrl } from './post-e546d5d4.js';
+import { B as Button$1 } from './index-c0f27429.js';
+import './translationsContext-40d5537d.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;
@@ -87,6 +87,26 @@ const StyledPostContent = styled.div `
         text-decoration: underline;
       }
     }
+
+    .markdown {
+      white-space: normal;
+      p,
+      ul,
+      ol {
+        margin-top: 1em;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+      li {
+        margin-top: 0.5em;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+    }
   }
 `;
 const StyledPostContentLimitLine = styled.span `

package/build/esm/{index-fca2ef66.js → index-908c9e0d.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-eed7f4a5.js';
+import { I as ImageWrap } from './index-f880dc21.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-a2c172d5.js → index-9220423b.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-5c2f3910.js';
+import { a as __awaiter } from './tslib.es6-107c23d7.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-f5d76578.js';
-import { T as Text } from './index-afa0d541.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6c603afa.js';
+import { H as Heading } from './index-2953a674.js';
+import { T as Text } from './index-a5768260.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-88e98fd0.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-d5cbd662.js';
+import { D as DEFAULT_IMG } from './constants-19687a3a.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-fef96a07.js → index-92ed0334.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-
-const ANIMATION_DURATION = '100ms';
+import { A as ANIMATION_DURATION } from './shared-887e5430.js';
+import { C as CustomStylesType, F as FontWeight } from './text-48aef61b.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, } = _params;
+    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -21,6 +21,7 @@ var useStyles = createStyles((_theme, _params) => {
     const hoverHexColor = isHexColor
         ? _theme.fn.darken(color, 0.05)
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
+    const isLeadgen = customStylesType === CustomStylesType.LEADGEN;
     return {
         root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
                 outline: 'none',
@@ -33,44 +34,25 @@ var useStyles = createStyles((_theme, _params) => {
         })), (() => {
             switch (size) {
                 case 'xl':
-                    return {
-                        height: 56,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
+                    return Object.assign({ height: 56, fontWeight: isLeadgen ? FontWeight.halfBold : FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'lg':
-                    return {
-                        height: 48,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
+                    return Object.assign({ height: 48, fontWeight: isLeadgen ? FontWeight.halfBold : FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'md':
-                    return {
-                        height: 40,
-                        fontWeight: 600,
-                        fontSize: '14px',
-                        lineHeight: '22px',
-                    };
+                    return Object.assign({ height: 40, fontWeight: isLeadgen ? FontWeight.halfBold : FontWeight.semiBold, fontSize: isLeadgen ? '13px' : '14px', lineHeight: isLeadgen ? '20px' : '22px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'sm':
-                    return {
-                        height: 32,
-                        fontWeight: 600,
-                        fontSize: isMb ? '12px' : '14px',
-                        lineHeight: '22px',
-                        paddingLeft: '16px',
-                        paddingRight: '16px',
-                    };
+                    return Object.assign(Object.assign({ height: 32, fontWeight: isLeadgen ? FontWeight.halfBold : FontWeight.semiBold, fontSize: isLeadgen ? '11px' : isMb ? '12px' : '14px', lineHeight: isLeadgen ? '16px' : '22px' }, (isLeadgen && {
+                        letterSpacing: '-0.2px',
+                    })), { paddingLeft: '16px', paddingRight: '16px' });
                 case 'xs':
-                    return {
-                        height: 24,
-                        fontWeight: 600,
-                        fontSize: '12px',
-                        lineHeight: '18px',
-                        paddingLeft: '8px',
-                        paddingRight: '8px',
-                    };
+                    return Object.assign({ height: 24, fontWeight: isLeadgen ? FontWeight.halfBold : FontWeight.semiBold, fontSize: isLeadgen ? '11px' : '12px', lineHeight: isLeadgen ? '16px' : '18px', paddingLeft: '8px', paddingRight: '8px' }, (isLeadgen && {
+                        letterSpacing: '-0.2px',
+                    }));
             }
         })()), (() => {
             switch (variant) {
@@ -189,6 +171,7 @@ const Button = forwardRef((props, ref) => {
         isSuccess: variant === 'success',
         children,
         theme: themeProp,
+        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
     });
     return (React__default.createElement(Button$1, Object.assign({ className: cx(className, variant), classNames: {
             root: classes.root,
@@ -196,4 +179,4 @@ const Button = forwardRef((props, ref) => {
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));
 });
 
-export { ANIMATION_DURATION as A, Button as B };
+export { Button as B };

package/build/esm/{index-b9defebb.js → index-95bec2a3.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-5612bf85.js';
+import { t as toggleNoScroll } from './utils-50ee2849.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-1ef80641.js';
-import { T as Text } from './index-afa0d541.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-6525a8ba.js';
+import { T as Text } from './index-a5768260.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-39c83479.js → index-a0a5a00b.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-c40ac7a6.js → index-a3514fcc.js}

@@ -1,25 +1,22 @@
-import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-a7522c77.js';
-import { D as DatePicker } from './index-35fdd8ae.js';
-import { T as Text } from './index-afa0d541.js';
-import './index-fef96a07.js';
-import './index.styles-6168003e.js';
-import { u as useTranslations } from './index-36afd739.js';
+import { I as Input } from './index-2a289da8.js';
+import { D as DatePicker } from './index-ee39db81.js';
+import { T as Text } from './index-a5768260.js';
+import './index-92ed0334.js';
+import './index.styles-05fc133d.js';
+import { u as useTranslations } from './index-1215bc9f.js';
 import '@mantine/hooks';
-import './useMantineLocale-8b661839.js';
-import './index-33967b7e.js';
-import './index-575e6549.js';
-import './utils-5612bf85.js';
-import './index-001a6be5.js';
-import './other-41d99308.js';
-import './index-015e9122.js';
-import { I as INPUT_RANGE } from './constants-285c23dc.js';
-import { H as HealthToolFormWrapper } from './index-d01cc3c0.js';
-import { G as GenderOptionControl } from './index-72704f59.js';
-import { L as LOCALE } from './Locale-ab51c731.js';
+import './index-6ae951d5.js';
+import './text-48aef61b.js';
+import './utils-50ee2849.js';
+import './index-7f1ed00b.js';
+import { I as INPUT_RANGE } from './constants-a1998f96.js';
+import { H as HealthToolFormWrapper } from './index-2cbb6421.js';
+import { G as GenderOptionControl } from './index-ade3e4b4.js';
+import { L as LOCALE } from './Locale-f790f969.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-0fdd7bb2.js → index-a3e2216d.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5c2f3910.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-107c23d7.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-a7522c77.js';
+import { I as Input, S as Select } from './index-2a289da8.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-001a6be5.js';
-import './index-33967b7e.js';
-import './index-575e6549.js';
-import './useMantineLocale-8b661839.js';
-import './index-afa0d541.js';
-import './index-fef96a07.js';
-import './index.styles-6168003e.js';
-import { u as useTranslations } from './index-36afd739.js';
+import { C as CDN_ADDRESS } from './index-e053201b.js';
+import './index-6482e49b.js';
+import './index-461f72c9.js';
+import './index-6ae951d5.js';
+import './index-a5768260.js';
+import './index-92ed0334.js';
+import './index.styles-05fc133d.js';
+import { u as useTranslations } from './index-1215bc9f.js';
 import '@mantine/hooks';
-import './utils-5612bf85.js';
-import './other-41d99308.js';
-import './index-015e9122.js';
-import { M as MAPPED_LOCALE } from './utils-3508f6c6.js';
-import { L as LOCALE } from './Locale-ab51c731.js';
+import './text-48aef61b.js';
+import './utils-50ee2849.js';
+import './index-7f1ed00b.js';
+import { M as MAPPED_LOCALE } from './utils-ff9d08dd.js';
+import { L as LOCALE } from './Locale-f790f969.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;