@hhgtech/hhg-components 1.29.385-beta-1 → 1.29.385-beta-2

package/build/esm/lead.js

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9295634c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-05c349ca.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback, forwardRef, useImperativeHandle, memo } from 'react';
 import { createStyles, Box, Button as Button$1, Input as Input$1, clsx, Autocomplete, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
 import dayjs from 'dayjs';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
-import { B as BEARER_TOKEN_COOKIE } from './index-9f9bc1f4.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-500c206c.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-919022ba.js';
-import { T as TranslationsContext } from './translationsContext-0d00aedf.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-883db47a.js';
-import { T as Text } from './index-c1dba657.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-8de3c40b.js';
-import { D as DatePicker } from './index-b0222efb.js';
-import { B as Button } from './index-f08bdd95.js';
-import './index.styles-0476f1c3.js';
+import { u as useTranslations } from './index-52fde715.js';
+import { T as TranslationsContext } from './translationsContext-473de50c.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-dd7fd1e1.js';
+import { T as Text } from './index-7a862378.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-30db7ff8.js';
+import { D as DatePicker } from './index-8a59678d.js';
+import { B as Button } from './index-b58c1e53.js';
+import './index.styles-3ee3306b.js';
 import { useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-ea80a745.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-6745e8c3.js';
-import './index-80bd7053.js';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-499a3156.js';
-import './other-51874ac6.js';
-import './index-df1ebaf4.js';
-import { M as MAPPED_LOCALE } from './utils-13c56bf9.js';
+import './useMantineLocale-3f7fd7e3.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-cef6c1a5.js';
+import './index-65650b89.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-cb88d103.js';
+import './other-99faceb6.js';
+import './index-c6203f42.js';
+import { M as MAPPED_LOCALE } from './utils-97912485.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-d7ac2382.js';
-import { H as Heading$1 } from './index-08a07d2e.js';
-import { t as translationsMap$1 } from './translationsProvider-31c340b5.js';
-import { L as LOCALE } from './Locale-cfdbce7d.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-d67562fe.js';
+import { H as Heading$1 } from './index-1db78784.js';
+import { t as translationsMap$1 } from './translationsProvider-0ea4e26d.js';
+import { L as LOCALE } from './Locale-aff7ac41.js';
 import { v1 } from 'uuid';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-86287551.js';
-import { i as isVideo } from './index-69ba3c8e.js';
-import { u as useScreenSize } from './useScreenSize-32881d09.js';
+import { T as TogetherComponentGlobalContext } from './utils-6e32bdb3.js';
+import { i as isVideo } from './index-edda63a4.js';
+import { u as useScreenSize } from './useScreenSize-334a92a5.js';
 import { createPortal } from 'react-dom';
-import { B as Button$2 } from './index-0f78d206.js';
-import { I as InputDate } from './InputDate-307d2ca8.js';
-import { D as DrawerComponent } from './index-b5aa3579.js';
-import { C as Close } from './Close-4163620e.js';
+import { B as Button$2 } from './index-06e943b8.js';
+import { I as InputDate } from './InputDate-5a82b120.js';
+import { D as DrawerComponent } from './index-fe188c02.js';
+import { C as Close } from './Close-04f81b2b.js';
 import './constantsIsProduction.js';
-import './normalizeLink-6c860953.js';
+import './normalizeLink-714c9699.js';
 import './constantsDomainLocales.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-e0f03da7.js';
+import './useUniqueId-fc85fc7e.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
@@ -63,11 +63,11 @@ import './i18n-values/tl-PH.js';
 import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-TW.js';
-import './index-4520d12e.js';
+import './index-8ce7b5fb.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-1b1b9adc.js';
+import './constants-0e936013.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -2503,10 +2503,11 @@ const StyledLeadGenFormInner = styled.div `
 
 const cssInputNotShrink$1 = css `
   height: 100% !important;
-  min-height: calc(var(--container-height, 56px) * 22 / 56);
+  min-height: calc(var(--container-height, 56px) * 24 / 56);
   color: ${theme.colors.gray800};
-  font-size: var(--input, 16px);
-  line-height: calc(var(--container-height, 56px) * 22 / 56);
+  font-size: var(--input, 15px);
+  line-height: calc(var(--container-height, 56px) * 24 / 56);
+  letter-spacing: -0.3px;
   border: none !important;
   border-radius: 0 !important;
   outline: none !important;
@@ -2530,7 +2531,7 @@ const cssLabelNotShrink$1 = css `
   top: calc(var(--container-height) / 2);
   left: var(--space-x, 16px);
   color: ${theme.colors.gray400};
-  font-size: var(--label-not-shrink, 16px);
+  font-size: var(--label-not-shrink, 15px);
   font-weight: 400;
   line-height: calc(var(--container-height, 56px) * 18 / 56);
   margin: 0;
@@ -2541,7 +2542,6 @@ const cssLabelNotShrink$1 = css `
 `;
 const cssLabelShrink$1 = css `
   color: ${theme.colors.gray600};
-  font-weight: 600;
   font-size: var(--label-shrink, 12px);
   top: calc(var(--container-height) * 7 / 56);
   transform: none;
@@ -2585,12 +2585,12 @@ const cssInputWrapperError$1 = css `
 `;
 const StyledTextFieldContainer$1 = styled.div `
   --space-x: 16px;
-  --space-y-not-shrink: 16px;
+  --space-y-not-shrink: 15px;
   --space-y-shrink: 7px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
-  --input: 16px;
+  --input: 15px;
 
   position: relative;
   min-width: 100px;
@@ -2615,10 +2615,6 @@ const StyledTextFieldContainer$1 = styled.div `
         border-color: ${theme.colors.red400};
       }
     }
-
-    .mantine-InputWrapper-error {
-      font-size: 12px !important;
-    }
   }
 
   .mantine-InputWrapper-label {
@@ -2673,6 +2669,14 @@ const StyledTextFieldContainer$1 = styled.div `
     }
   }
 
+  &:focus-within {
+    .mantine-Input-wrapper {
+      transition: 0.25s linear border;
+      border-color: ${theme.colors.primary600};
+      box-shadow: 0 0 4px ${theme.colors.primary200};
+    }
+  }
+
   .PhoneInput {
     --phone-select: 75px;
     --phone-input-space-x: 8px;
@@ -2722,9 +2726,6 @@ const StyledChoiceFieldContainer$1 = styled.div `
 
   .mantine-InputWrapper-root {
     display: block;
-    .mantine-InputWrapper-error {
-      font-size: 12px !important;
-    }
   }
 
   .mantine-InputWrapper-label {
@@ -2754,9 +2755,6 @@ const StyledChoiceFieldContainer$1 = styled.div `
       input[type='radio'],
       input[type='checkbox'] {
         border-color: ${theme.colors.primary600};
-        + svg {
-          color: ${theme.colors.primary600};
-        }
       }
 
       input[type='radio'] {
@@ -3468,10 +3466,11 @@ const SubtitleBlock = ({ children, align, }) => (React__default.createElement("p
 
 const cssInputNotShrink = css `
   height: 100% !important;
-  min-height: calc(var(--container-height, 56px) * 22 / 56);
+  min-height: calc(var(--container-height, 56px) * 24 / 56);
   color: ${theme.colors.gray800};
-  font-size: var(--input, 16px);
-  line-height: calc(var(--container-height, 56px) * 22 / 56);
+  font-size: var(--input, 15px);
+  line-height: calc(var(--container-height, 56px) * 24 / 56);
+  letter-spacing: -0.3px;
   border: none !important;
   border-radius: 0 !important;
   outline: none !important;
@@ -3495,7 +3494,7 @@ const cssLabelNotShrink = css `
   top: calc(var(--container-height) / 2);
   left: var(--space-x, 16px);
   color: ${theme.colors.gray400};
-  font-size: var(--label-not-shrink, 16px);
+  font-size: var(--label-not-shrink, 15px);
   font-weight: 400;
   line-height: calc(var(--container-height, 56px) * 18 / 56);
   margin: 0;
@@ -3506,7 +3505,6 @@ const cssLabelNotShrink = css `
 `;
 const cssLabelShrink = css `
   color: ${theme.colors.gray600};
-  font-weight: 600;
   font-size: var(--label-shrink, 12px);
   top: calc(var(--container-height) * 7 / 56);
   transform: none;
@@ -3550,12 +3548,12 @@ const cssInputWrapperError = css `
 `;
 const StyledTextFieldContainer = styled.div `
   --space-x: 16px;
-  --space-y-not-shrink: 16px;
+  --space-y-not-shrink: 15px;
   --space-y-shrink: 7px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
-  --input: 16px;
+  --input: 15px;
 
   position: relative;
   min-width: 100px;

package/build/esm/{logoIcon-5f3e7fc5.js → logoIcon-835da84f.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-80bd7053.js';
-import { I as ImageWrap } from './useScreenSize-32881d09.js';
+import { C as CommonGAssets } from './index-65650b89.js';
+import { I as ImageWrap } from './useScreenSize-334a92a5.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,43 +1,43 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-8de3c40b.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-8de3c40b.js';
-export { D as DatePicker } from './index-b0222efb.js';
-export { T as Text } from './index-c1dba657.js';
-import { B as Button } from './index-f08bdd95.js';
-export { B as Button } from './index-f08bdd95.js';
-export { I as Indicator } from './index-ca4fb821.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-30db7ff8.js';
+export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-30db7ff8.js';
+export { D as DatePicker } from './index-8a59678d.js';
+export { T as Text } from './index-7a862378.js';
+import { B as Button } from './index-b58c1e53.js';
+export { B as Button } from './index-b58c1e53.js';
+export { I as Indicator } from './index-f9a6f93b.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-1071d1b2.js';
-import { _ as __rest } from './tslib.es6-9295634c.js';
+export { M as Modal } from './index-c0033b07.js';
+import { _ as __rest } from './tslib.es6-05c349ca.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-0aa5c4c1.js';
+export { S as Spoiler } from './index-d1d83190.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-6a75d9a1.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-ea80a745.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-ea80a745.js';
-export { O as OTHER_THEME_CONFIG } from './other-51874ac6.js';
-export { T as Tabs } from './index-df1ebaf4.js';
+export { S as Switch } from './index-13856a9e.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-3f7fd7e3.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-3f7fd7e3.js';
+export { O as OTHER_THEME_CONFIG } from './other-99faceb6.js';
+export { T as Tabs } from './index-c6203f42.js';
 import '@hhgtech/icons/other';
-import './index-80bd7053.js';
+import './index-65650b89.js';
 import './constantsDomainLocales.js';
-import './Locale-cfdbce7d.js';
+import './Locale-aff7ac41.js';
 import './constantsIsProduction.js';
-import './useScreenSize-32881d09.js';
+import './useScreenSize-334a92a5.js';
 import '@emotion/styled';
-import './utils-883db47a.js';
+import './utils-dd7fd1e1.js';
 import '@mantine/carousel';
-import './index-6745e8c3.js';
-import './index-499a3156.js';
+import './index-cef6c1a5.js';
+import './index-cb88d103.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-e0f03da7.js';
+import './useUniqueId-fc85fc7e.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-0476f1c3.js';
-import './index-919022ba.js';
-import './translationsContext-0d00aedf.js';
+import './index.styles-3ee3306b.js';
+import './index-52fde715.js';
+import './translationsContext-473de50c.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,35 +1,35 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-7d75a6e3.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-0605aa21.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-00f4685d.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-1c0af554.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-ea80a745.js';
-import './index-6745e8c3.js';
-import './index-80bd7053.js';
+import './useMantineLocale-3f7fd7e3.js';
+import './index-cef6c1a5.js';
+import './index-65650b89.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-883db47a.js';
-import './index-499a3156.js';
-export { a as abbreviateNumber } from './number-55577128.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-6c860953.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-dd7fd1e1.js';
+import './index-cb88d103.js';
+export { a as abbreviateNumber } from './number-644e3457.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-714c9699.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-7cdb03af.js';
+export { f as formatPill } from './dataTransform-b3c75610.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-9295634c.js';
+import './tslib.es6-05c349ca.js';
 import '@mantine/notifications';
-import './other-51874ac6.js';
-import './Locale-cfdbce7d.js';
+import './other-99faceb6.js';
+import './Locale-aff7ac41.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-605cdb3c.js';
-import './WhatsApp-ee858d35.js';
-import './index-19b16189.js';
-import './index-4520d12e.js';
+import './core-3f5cf20a.js';
+import './WhatsApp-53c4b1c4.js';
+import './index-d3c6214f.js';
+import './index-8ce7b5fb.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-9295634c.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-6c860953.js';
-import { g as getDataWithCache } from './core-605cdb3c.js';
+import { a as __awaiter } from './tslib.es6-05c349ca.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-714c9699.js';
+import { g as getDataWithCache } from './core-3f5cf20a.js';
 import './constantsDomainLocales.js';
-import './Locale-cfdbce7d.js';
+import './Locale-aff7ac41.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {

package/build/esm/miscGetSocialList.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-9295634c.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-ee858d35.js';
-import { S as SocialType } from './index-6745e8c3.js';
-import { g as getHelloSitesUrl } from './index-19b16189.js';
-import { C as CommonGAssets } from './index-80bd7053.js';
-import { L as LOCALE } from './Locale-cfdbce7d.js';
-import './index-4520d12e.js';
-import './index-499a3156.js';
+import { _ as __rest } from './tslib.es6-05c349ca.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-53c4b1c4.js';
+import { S as SocialType } from './index-cef6c1a5.js';
+import { g as getHelloSitesUrl } from './index-d3c6214f.js';
+import { C as CommonGAssets } from './index-65650b89.js';
+import { L as LOCALE } from './Locale-aff7ac41.js';
+import './index-8ce7b5fb.js';
+import './index-cb88d103.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';

package/build/esm/miscScreenSizeContext.js

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-883db47a.js';
+import { B as Breakpoints } from './utils-dd7fd1e1.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-9295634c.js';
+import { _ as __rest } from './tslib.es6-05c349ca.js';
 import React__default from 'react';
-import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-b3a0b4e6.js';
-import './index-c1dba657.js';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-effb9cde.js';
+import './index-7a862378.js';
 import '@mantine/core';
-import './other-51874ac6.js';
+import './other-99faceb6.js';
 import './miscTheme.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-883db47a.js';
+import './utils-dd7fd1e1.js';
 
 const MobileBottomNavigationWrapper = (_a) => {
     var { children, isCollapsed = false, template = 'homepage', refObject } = _a, rest = __rest(_a, ["children", "isCollapsed", "template", "refObject"]);

package/build/esm/mobileBottomNavigationIcon.js

@@ -1,10 +1,10 @@
-import './tslib.es6-9295634c.js';
+import './tslib.es6-05c349ca.js';
 import 'react';
-import './index-c1dba657.js';
+import './index-7a862378.js';
 import './miscTheme.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-b3a0b4e6.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-effb9cde.js';
 import '@mantine/core';
-import './other-51874ac6.js';
+import './other-99faceb6.js';
 import '@emotion/react';
 import '@emotion/styled';
-import './utils-883db47a.js';
+import './utils-dd7fd1e1.js';