@hhgtech/hhg-components 1.29.449 → 1.29.450-beta-2

package/build/{index-51a99dac.js → index-37f6418a.js}

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-2f23d479.js');
+var index = require('./index-d4d86d05.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-d7818ca5.js');
-var normalizeLink = require('./normalizeLink-86036e79.js');
+var index$2 = require('./index-d1695010.js');
+var normalizeLink = require('./normalizeLink-c02a1a65.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-557bf598.js');
-var index$3 = require('./index-683bbe3d.js');
-var index$4 = require('./index-6e1934a1.js');
-var types = require('./types-627b716a.js');
+var index$1 = require('./index-d3f39e03.js');
+var index$3 = require('./index-eab71b6f.js');
+var index$4 = require('./index-f95e1f56.js');
+var types = require('./types-6b94d661.js');
 var styled = require('@emotion/styled');
 var api = require('@react-google-maps/api');
 var cn = require('classnames');
-var index$5 = require('./index-2d74352f.js');
-var constants = require('./constants-ffa1b205.js');
-var index$6 = require('./index-f8f65dcd.js');
-var localizeNumberFormat = require('./localizeNumberFormat-1a60edc3.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var index$5 = require('./index-16103686.js');
+var constants = require('./constants-0e4d3c20.js');
+var index$6 = require('./index-c919f0a9.js');
+var localizeNumberFormat = require('./localizeNumberFormat-53d1d534.js');
+var tslib_es6 = require('./tslib.es6-5419417c.js');
 var hooks = require('@mantine/hooks');
 var core = require('@mantine/core');
-var index$9 = require('./index-07e631b9.js');
+var index$9 = require('./index-565ce347.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$8 = require('./index-7481f662.js');
-var text = require('./text-92a095cb.js');
-var index$7 = require('./index-ce0a7efa.js');
-var index$b = require('./index-18acca73.js');
-var index$a = require('./index-caaf6cac.js');
-var index$c = require('./index-f8305dc1.js');
-var index$d = require('./index-39206395.js');
+var index$8 = require('./index-17b21000.js');
+var index$b = require('./index-f190e9ee.js');
+var index$7 = require('./index-f104c324.js');
+var index$c = require('./index-43f96b80.js');
+var index$a = require('./index-564f1a13.js');
+var index$d = require('./index-ead33f03.js');
+var index$e = require('./index-6e0091c5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1000,9 +1000,9 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
                         React__namespace["default"].createElement(index$8.ErrorIcon, { size: 12 }),
                         React__namespace["default"].createElement(index$a.Text, { size: "c1", variant: "error" }, errorMessage))) },
                     React__namespace["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2), { fontWeight: text.FontWeight.halfBold }),
+                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$b.GlobalTextStyleNew(theme)[index$b.CustomStylesType.LEADGEN].p2), { fontWeight: index$b.FontWeight.halfBold }),
                         }) },
-                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$b.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
+                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$c.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
         React__namespace["default"].createElement("div", { className: "action actionBox" },
             React__namespace["default"].createElement(StyledButton, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading },
                 React__namespace["default"].createElement("div", null, t('collectPhoneNumber.action')),
@@ -1106,7 +1106,7 @@ const StyledHospitalInfo = styled__default["default"].div `
     flex: 1 1 0%;
   }
 `;
-const StyledImageWrap = styled__default["default"](index$c.ImageWrap) `
+const StyledImageWrap = styled__default["default"](index$d.ImageWrap) `
   /* object-contain object-center aspect-square  */
   width: 44px;
   height: 44px;
@@ -1209,7 +1209,7 @@ const StyledInsuranceContainer = styled__default["default"].div `
     padding: 1rem 0;
   }
 `;
-const StyledInsuranceList = styled__default["default"](index$d.InsuranceList) `
+const StyledInsuranceList = styled__default["default"](index$e.InsuranceList) `
   gap: 8px;
   margin-top: 1rem;
   & .insuranceItem > .insuranceLogo {
@@ -1233,7 +1233,7 @@ function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
             React__namespace["default"].createElement(StyledInsuranceList, { insurances: hospitalInfo.insurances, isName: false })),
         isSupportPayment && (React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement("h3", { className: "txt-body-2" }, t('common.paymentMethods')),
-            React__namespace["default"].createElement(index$d.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
+            React__namespace["default"].createElement(index$e.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
 }
 
 /* eslint-disable prettier/prettier */
@@ -1317,7 +1317,7 @@ const StyledPositionOfButton = styled__default["default"].div `
   display: flex;
   justify-content: flex-end;
 `;
-const StyledArrowRightBlue = styled__default["default"](index$d.ArrowRightBlue) `
+const StyledArrowRightBlue = styled__default["default"](index$e.ArrowRightBlue) `
   width: 0.65rem;
   height: 0.65rem;
   & > path {
@@ -1335,11 +1335,11 @@ const DoctorExpertise = (props) => {
         isShowReadMoreButton;
     return (React__namespace["default"].createElement(DoctorExpertiseProvider, { value: doctorInformation },
         React__namespace["default"].createElement(StyledCard, { className: className, style: style },
-            React__namespace["default"].createElement(index$d.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
+            React__namespace["default"].createElement(index$e.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
             isShowBodySection && (React__namespace["default"].createElement(StyledBodySection, { className: "body-section" },
                 React__namespace["default"].createElement("div", { className: "flex-item-doctor-info" },
-                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$d.Clinic, title: t('common.clinicHospital') })),
-                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
+                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$e.Clinic, title: t('common.clinicHospital') })),
+                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
                     children),
                 isShowReadMoreButton && (React__namespace["default"].createElement(StyledPositionOfButton, null,
                     React__namespace["default"].createElement(StyledReadMore, { onClick: onClickReadMore },
@@ -1351,14 +1351,14 @@ DoctorExpertise.Expertise = () => {
     const { t } = index.useTranslations();
     if (!expertise)
         return null;
-    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
+    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
 };
 DoctorExpertise.OtherHighlights = () => {
     const { otherHighlights } = React.useContext(DoctorExpertiseContext);
     const { t } = index.useTranslations();
     if (!otherHighlights)
         return null;
-    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
+    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
 const ArticleCardStyled = styled__default["default"].div `
@@ -1391,7 +1391,7 @@ const ArticleDetailCard = (props) => {
     const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
     const { t } = index.useTranslations();
     return (React__namespace["default"].createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
-        React__namespace["default"].createElement(index$c.ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
+        React__namespace["default"].createElement(index$d.ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
                 width: '100%',
                 height: core.rem(143.5),
                 objectFit: 'cover',
@@ -1402,7 +1402,7 @@ const ArticleDetailCard = (props) => {
                 React__namespace["default"].createElement(index$a.Text, { color: articleTypeColor || miscTheme.theme.colors.green600, size: "c1", weight: "halfBold" }, articleType),
                 React__namespace["default"].createElement(index$a.Text, { size: "p2", weight: "semiBold", color: miscTheme.theme.colors.gray800, lineClamp: 2 }, articleTitle)),
             React__namespace["default"].createElement(ArticleDoctorStyled, null,
-                React__namespace["default"].createElement(index$c.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                React__namespace["default"].createElement(index$d.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
                         width: core.rem(20),
                         height: core.rem(20),
                         borderRadius: '50%',

package/build/{index-b115e4ec.js → index-41fabdce.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-559ff17c.js');
+var useScrollbarSize = require('./useScrollbarSize-f0b5feb1.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7bc80898.js');
+var utils = require('./utils-f7084704.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-18acca73.js → index-43f96b80.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-5419417c.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-fd836996.js');
-var Locale = require('./Locale-21703205.js');
+require('./index-1b62cb12.js');
+var Locale = require('./Locale-12794e6d.js');
 var notifications = require('@mantine/notifications');
-var index = require('./index-2d74352f.js');
+var index$1 = require('./index-16103686.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-d7818ca5.js');
+var index$2 = require('./index-d1695010.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-7bc80898.js');
-var text = require('./text-92a095cb.js');
-var shared = require('./shared-8aee16d5.js');
+var utils = require('./utils-f7084704.js');
+var index = require('./index-f190e9ee.js');
+var shared = require('./shared-df514938.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -80,16 +80,17 @@ const useMantineLocale = (locale) => {
     };
 };
 
-const GlobalButtonStyle = (version = text.CustomStylesType.NONE) => ({
+const GlobalButtonStyle = () => ({
     Button: {
-        defaultProps: Object.assign({ variant: 'primary', size: 'md' }, (version === text.CustomStylesType.LEADGEN && {
-            radius: 12,
-        })),
+        defaultProps: {
+            variant: 'primary',
+            size: 'md',
+        },
     },
 });
 
 const themeColors$1 = {
-    [text.CustomStylesType.NONE]: {
+    [index.CustomStylesType.NONE]: {
         hb: [
             '#e3f2ff',
             '#bcdeff',
@@ -259,7 +260,7 @@ const themeColors$1 = {
             '#8C2F39',
         ],
     },
-    [text.CustomStylesType.LEADGEN]: {
+    [index.CustomStylesType.LEADGEN]: {
         hb: [
             '#e3f2ff',
             '#bcdeff',
@@ -444,7 +445,7 @@ const WarningIcon = () => (React__default["default"].createElement("svg", { widt
     React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 1.66666C5.4 1.66666 1.66667 5.39999 1.66667 9.99999C1.66667 14.6 5.4 18.3333 10 18.3333C14.6 18.3333 18.3333 14.6 18.3333 9.99999C18.3333 5.39999 14.6 1.66666 10 1.66666ZM10 10.8333C9.54167 10.8333 9.16667 10.4583 9.16667 9.99999V6.66666C9.16667 6.20832 9.54167 5.83332 10 5.83332C10.4583 5.83332 10.8333 6.20832 10.8333 6.66666V9.99999C10.8333 10.4583 10.4583 10.8333 10 10.8333ZM9.16667 12.5V14.1667H10.8333V12.5H9.16667Z", fill: "#FE921D" })));
 
 function NotificationsHandler() {
-    return (React__default["default"].createElement(notifications.Notifications, { position: "top-right", zIndex: index.ZINDEX_SSO + 5, autoClose: 5000 }));
+    return (React__default["default"].createElement(notifications.Notifications, { position: "top-right", zIndex: index$1.ZINDEX_SSO + 5, autoClose: 5000 }));
 }
 const MappingColor = {
     success: 'green',
@@ -539,7 +540,7 @@ const headingStyles = {
     },
 };
 const getHeadingStyles = (options) => {
-    const { version = text.CustomStylesType.NONE, mbDown } = options || {};
+    const { version = index.CustomStylesType.NONE, mbDown } = options || {};
     const currentStyles = headingStyles[version] || {};
     return Object.fromEntries((currentStyles[mbDown ? 'mbDown' : 'default'] || []).map((style, index) => [
         `h${index + 1}`,
@@ -550,11 +551,11 @@ const getHeadingStyles = (options) => {
         },
     ]));
 };
-const GlobalHeadingStyle = (version = text.CustomStylesType.NONE) => {
+const GlobalHeadingStyle = (version = index.CustomStylesType.NONE) => {
     return {
         Title: {
             styles: {
-                root: Object.assign(Object.assign({ fontWeight: text.FontWeight.bold }, getHeadingStyles({
+                root: Object.assign(Object.assign({ fontWeight: index.FontWeight.bold }, getHeadingStyles({
                     version,
                 })), { [`&${utils.MediaQueries.mbDown}`]: Object.assign({}, getHeadingStyles({
                         version,
@@ -570,7 +571,7 @@ const GlobalInputStyle = (locale, version) => {
     return ({
         InputWrapper: {
             styles: {
-                label: Object.assign({ display: 'inline-flex', gap: 4, marginBottom: '0.25rem' }, (version === text.CustomStylesType.NONE && {
+                label: Object.assign({ display: 'inline-flex', gap: 4, marginBottom: '0.25rem' }, (version === index.CustomStylesType.NONE && {
                     fontWeight: 600,
                     fontSize: '14px',
                     lineHeight: '22px',
@@ -590,7 +591,7 @@ const GlobalInputStyle = (locale, version) => {
         },
         NumberInput: {
             defaultProps: {
-                decimalSeparator: (_a = index.ISO_FORMAT[locale]) === null || _a === void 0 ? void 0 : _a.separator,
+                decimalSeparator: (_a = index$1.ISO_FORMAT[locale]) === null || _a === void 0 ? void 0 : _a.separator,
             },
         },
         Input: {
@@ -601,17 +602,17 @@ const GlobalInputStyle = (locale, version) => {
                     ['&:not(.mantine-Textarea-input)']: Object.assign({}, (() => {
                         switch (size) {
                             case 'lg':
-                                return Object.assign({ height: 48, minHeight: 'unset' }, (version === text.CustomStylesType.NONE && {
+                                return Object.assign({ height: 48, minHeight: 'unset' }, (version === index.CustomStylesType.NONE && {
                                     fontSize: 16,
                                     lineHeight: '24px',
                                 }));
                             case 'md':
-                                return Object.assign({ height: 40, minHeight: 'unset' }, (version === text.CustomStylesType.NONE && {
+                                return Object.assign({ height: 40, minHeight: 'unset' }, (version === index.CustomStylesType.NONE && {
                                     fontSize: 14,
                                     lineHeight: '22px',
                                 }));
                             case 'sm':
-                                return Object.assign({ height: 32, minHeight: 'unset' }, (version === text.CustomStylesType.NONE && {
+                                return Object.assign({ height: 32, minHeight: 'unset' }, (version === index.CustomStylesType.NONE && {
                                     fontSize: 14,
                                     lineHeight: '22px',
                                 }));
@@ -651,13 +652,13 @@ const getGlobalRadioStyle = {
     },
 };
 
-const themeColors = themeColors$1[text.CustomStylesType.NONE];
+const themeColors = themeColors$1[index.CustomStylesType.NONE];
 const getMantineThemeOverride = (locale, template = 'hb', version) => {
     var _a;
     return {
         defaultRadius: template === 'hb' ? 8 : 16,
         cursorType: 'pointer',
-        colors: Object.assign(Object.assign(Object.assign({}, ((_a = themeColors$1[version]) !== null && _a !== void 0 ? _a : themeColors$1[text.CustomStylesType.NONE])), miscTheme.theme.colors), { toneYellow: '#fff9eb', toneGreen: '#f2fcf7', toneBlue: '#e0e9fb', tonePink: '#ffeaf1' }),
+        colors: Object.assign(Object.assign(Object.assign({}, ((_a = themeColors$1[version]) !== null && _a !== void 0 ? _a : themeColors$1[index.CustomStylesType.NONE])), miscTheme.theme.colors), { toneYellow: '#fff9eb', toneGreen: '#f2fcf7', toneBlue: '#e0e9fb', tonePink: '#ffeaf1' }),
         primaryColor: template,
         primaryShade: 6,
         fontFamily: (locale === Locale.LOCALE.Cambodia
@@ -673,11 +674,11 @@ const getMantineThemeOverride = (locale, template = 'hb', version) => {
             lg: core.em(utils.Breakpoints.BREAK_POINT_PC),
             xl: core.em(utils.Breakpoints.BREAK_POINT_LGPC),
         },
-        components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, GlobalInputStyle(locale, version)), getGlobalRadioStyle), GlobalButtonStyle(version)), GlobalHeadingStyle(version)), GlobalContainerStyle),
+        components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, GlobalInputStyle(locale, version)), getGlobalRadioStyle), GlobalButtonStyle()), GlobalHeadingStyle(version)), GlobalContainerStyle),
         other: {
             template,
             customStyleType: version,
-            defaultImage: index$1.CommonGAssets.getAssetPath(template === 'mb' ? 'default-image-mb.jpg' : 'default-image.jpg'),
+            defaultImage: index$2.CommonGAssets.getAssetPath(template === 'mb' ? 'default-image-mb.jpg' : 'default-image.jpg'),
         },
     };
 };

package/build/{index-5423ff4c.js → index-4a723412.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-5419417c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-2d74352f.js');
+var index = require('./index-16103686.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d1263a2e.js → index-53b33fa9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-6e1934a1.js');
-var index = require('./index-2f23d479.js');
+var index$1 = require('./index-f95e1f56.js');
+var index = require('./index-d4d86d05.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-caaf6cac.js → index-564f1a13.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var tslib_es6 = require('./tslib.es6-5419417c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var text = require('./text-92a095cb.js');
+var index = require('./index-f190e9ee.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 var useStyles = core.createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const TextConfig = text.GlobalTextStyle[_params === null || _params === void 0 ? void 0 : _params.customStylesType] ||
-        text.GlobalTextStyle[text.CustomStylesType.NONE];
+    const TextConfig = index.GlobalTextStyle[_params === null || _params === void 0 ? void 0 : _params.customStylesType] ||
+        index.GlobalTextStyle[index.CustomStylesType.NONE];
     const getFontSize = (_a = TextConfig.fontSize[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _a === void 0 ? void 0 : _a[0];
     const getLineHeight = (_b = TextConfig.lineHeight[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _b === void 0 ? void 0 : _b[0];
     const getLetterSpacing = (_e = (_d = (_c = TextConfig.letterSpacing) === null || _c === void 0 ? void 0 : _c[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : 0;
@@ -22,10 +22,10 @@ var useStyles = core.createStyles((theme, _params) => {
     return {
         root: Object.assign({}, ((_params === null || _params === void 0 ? void 0 : _params.size) && {
             fontWeight: (_params === null || _params === void 0 ? void 0 : _params.as) === 'label'
-                ? text.FontWeight.semiBold
+                ? index.FontWeight.semiBold
                 : TextConfig.fontWeight[_params.weight] ||
                     TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
-                    text.FontWeight.regular,
+                    index.FontWeight.regular,
             fontSize: `${getFontSize}`,
             lineHeight: `${getLineHeight}`,
             letterSpacing: getLetterSpacing,
@@ -42,11 +42,12 @@ const Text = React.forwardRef((_a, ref) => {
     var _b;
     var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "variant"]);
     const theme = core.useMantineTheme();
+    const variantStyle = index.useTemplateVariant();
     const { classes, cx } = useStyles({
         size,
         weight: weight === 'caption' ? 'bold' : weight,
         as,
-        customStylesType: theme.other.customStyleType || text.CustomStylesType.NONE,
+        customStylesType: variantStyle,
     }, {
         name: 'Text',
         styles,

package/build/{index-07e631b9.js → index-565ce347.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var text = require('./text-92a095cb.js');
-var tslib_es6 = require('./tslib.es6-acd80713.js');
+var index$1 = require('./index-f190e9ee.js');
+var tslib_es6 = require('./tslib.es6-5419417c.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 var useTextStyles = core.createStyles((theme) => {
-    return text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN];
+    return index$1.GlobalTextStyleNew(theme)[index$1.CustomStylesType.LEADGEN];
 });
 
 const TextFieldContext = React.createContext({});