@hhgtech/hhg-components 1.29.417 → 1.29.418-beta-1

package/build/ssoV2.js

@@ -2,36 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-77611d97.js');
+var tslib_es6 = require('./tslib.es6-b12343bd.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$8 = require('./index-32b4734b.js');
-var index$7 = require('./index-97a427b9.js');
+var index$8 = require('./index-28bbbfcb.js');
+var index$7 = require('./index-6f1306bd.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-efdee7e0.js');
-var logoIcon = require('./logoIcon-62493c3e.js');
-var index$4 = require('./index-4f5231ab.js');
-var index$1 = require('./index-3f1411c6.js');
+var index$2 = require('./index-a2333a7c.js');
+var logoIcon = require('./logoIcon-2969864c.js');
+var index$4 = require('./index-ad243b92.js');
+var index$1 = require('./index-68c2a0a9.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-1ed83894.js');
-var index$6 = require('./index-479148db.js');
-var index$a = require('./index-ec936b1f.js');
-var index$3 = require('./index-1421020e.js');
-var index = require('./index-a234c228.js');
+require('./index-5f2466e4.js');
+var index$6 = require('./index-f273f473.js');
+var index$a = require('./index-64625ca6.js');
+var index$3 = require('./index-188d7d0b.js');
+var index = require('./index-2f19468e.js');
 require('@mantine/hooks');
-require('./text-2d269f79.js');
-require('./utils-d0544a49.js');
-require('./index-359cb049.js');
-var Locale = require('./Locale-a70f3018.js');
-var store = require('./store-01dd0c41.js');
-var index$5 = require('./index-d778b9e9.js');
-var Google = require('./Google-f55051be.js');
+require('./text-69b6c175.js');
+require('./utils-f8b481d2.js');
+require('./index-0c1c026c.js');
+var Locale = require('./Locale-7bc5a105.js');
+var store = require('./store-9eeea9d4.js');
+var index$5 = require('./index-4eaed35f.js');
+var Google = require('./Google-50e8aaca.js');
 var PhoneInputBase = require('react-phone-number-input');
-var utils = require('./utils-94885948.js');
-var index$9 = require('./index-edce8d6e.js');
+var utils = require('./utils-257a1d2c.js');
+var index$9 = require('./index-feb81494.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -40,24 +40,24 @@ var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
 var vaul = require('vaul');
-var utils$1 = require('./utils-ea678be2.js');
+var utils$1 = require('./utils-2128979a.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$b = require('./index-e33474fc.js');
+var index$b = require('./index-49d08e3e.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-230a0871.js');
+require('./useUniqueId-0fb4be92.js');
 require('./constantsSite.js');
-require('./normalizeLink-efc85ab4.js');
+require('./normalizeLink-0e9fec08.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./shared-357ef7eb.js');
-require('./index.styles-58f3d2e6.js');
+require('./shared-5d1ce612.js');
+require('./index.styles-f203e1a2.js');
 require('@mantine/notifications');
-require('./translationsContext-d7368ee5.js');
+require('./translationsContext-86f8978d.js');
 require('zustand');
-require('./healthTools-75fbc03c.js');
+require('./healthTools-77f90d40.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -89,7 +89,12 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
 // const fakeData = {
-const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+const getFeatureFlagCookieKey = (setupSource) => {
+    return setupSource === 'community'
+        ? 'abTestingCommunityFlow'
+        : 'abTestingFlow';
+};
+const fetchFeatureFlag = (site, setupSource) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     let data = null;
     try {
@@ -100,9 +105,11 @@ const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, f
         data = yield response.json();
     }
     catch (err) {
-        data = null;
+        data = {};
     }
-    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === 'SSO_V2_flag');
+    const flagKey = setupSource === 'community' ? 'SSO_V2_Together_flag' : 'SSO_V2_flag';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === flagKey);
 });
 
 const SSOStateContext = React.createContext({
@@ -2328,7 +2335,7 @@ function CountrySelectWithIcon(_a) {
                             height: 16,
                             borderRadius: 2,
                         } })),
-                    React__default["default"].createElement(index$3.Text, { size: "p2" }, selectedCallingCode))),
+                    React__default["default"].createElement(index$3.Text, { size: "p2", variant: "primary" }, selectedCallingCode))),
                 React__default["default"].createElement(Arrow, null))),
         open &&
             (isMobile ? (React__default["default"].createElement(vaul.Drawer.Root, { open: open, onOpenChange: (o) => setOpen(o) },
@@ -4574,7 +4581,7 @@ if (!String.prototype.capitalize) {
     };
 }
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
-    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = store.useSSOV2Store();
+    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, setupSource, } = store.useSSOV2Store();
     React.useEffect(() => {
         setMounted(true);
         return () => {
@@ -4594,8 +4601,9 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     }, [onCloseProps]);
     React.useEffect(() => {
         const site = constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[locale];
-        const previousABTestingFlow = miscCookieHelper.getCookie('abTestingFlow');
-        fetchFeatureFlag(site).then((data) => {
+        const key = getFeatureFlagCookieKey(setupSource);
+        const previousABTestingFlow = miscCookieHelper.getCookie(key);
+        fetchFeatureFlag(site, setupSource).then((data) => {
             if ((data === null || data === void 0 ? void 0 : data.is_enabled) && utils.isSupportProduct(data === null || data === void 0 ? void 0 : data.products)) {
                 if (previousABTestingFlow) {
                     setABTestFlow(previousABTestingFlow);
@@ -4604,24 +4612,28 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                     const randomBetween100Percent = Math.floor(Math.random() * 100 + 1);
                     const aFlow = data.a_percentage;
                     if (randomBetween100Percent <= aFlow) {
-                        miscCookieHelper.setCookie('abTestingFlow', 'A', {
+                        miscCookieHelper.setCookie(key, 'A', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('A');
                     }
                     else {
-                        miscCookieHelper.setCookie('abTestingFlow', 'B', {
+                        miscCookieHelper.setCookie(key, 'B', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('B');
                     }
                 }
             }
             else {
-                miscCookieHelper.deleteCookie('abTestingFlow');
+                miscCookieHelper.deleteCookie(key);
             }
         });
-    }, [locale]);
+    }, [locale, setupSource]);
     if (!isOpen) {
         return null;
     }

package/build/{store-01dd0c41.js → store-9eeea9d4.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77611d97.js');
+var tslib_es6 = require('./tslib.es6-b12343bd.js');
 var zustand = require('zustand');
-var index = require('./index-97a427b9.js');
-var index$1 = require('./index-efdee7e0.js');
+var index = require('./index-6f1306bd.js');
+var index$1 = require('./index-a2333a7c.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 
 exports.SSOStepTypeType = void 0;

package/build/subot.js

@@ -3,77 +3,77 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-1ed83894.js');
-var tslib_es6 = require('./tslib.es6-77611d97.js');
-var index$3 = require('./index-efdee7e0.js');
+var index$2 = require('./index-5f2466e4.js');
+var tslib_es6 = require('./tslib.es6-b12343bd.js');
+var index$3 = require('./index-a2333a7c.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-185d0253.js');
+var togetherComponentGlobalContext = require('./utils-a1253bc1.js');
 var formatString = require('string-format');
-var index$1 = require('./index-969847e3.js');
+var index$1 = require('./index-bb1acb32.js');
 var dayjs = require('dayjs');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$b = require('./index-7a5470ca.js');
-var index$a = require('./index-42de05a9.js');
+var index$b = require('./index-31dd9f6c.js');
+var index$a = require('./index-f409bbbf.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-d0544a49.js');
-var index$4 = require('./index-4f5231ab.js');
+var utils = require('./utils-f8b481d2.js');
+var index$4 = require('./index-ad243b92.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-479148db.js');
+var index$5 = require('./index-f273f473.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-b3db85a3.js');
+var constants = require('./constants-94bf3614.js');
 var uuid = require('uuid');
-var index$6 = require('./index-1421020e.js');
+var index$6 = require('./index-188d7d0b.js');
 var miscTheme = require('./miscTheme.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-32b4734b.js');
+var index$7 = require('./index-28bbbfcb.js');
 require('@mantine/dates');
-require('./index-ec936b1f.js');
-require('./index.styles-58f3d2e6.js');
-require('./translationsContext-d7368ee5.js');
+require('./index-64625ca6.js');
+require('./index.styles-f203e1a2.js');
+require('./translationsContext-86f8978d.js');
 require('@mantine/hooks');
-require('./text-2d269f79.js');
-require('./index-359cb049.js');
+require('./text-69b6c175.js');
+require('./index-0c1c026c.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-524152dc.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-e78b153d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-a70f3018.js');
-var InputDate = require('./InputDate-860085e2.js');
-var index$8 = require('./index-a7ff8e37.js');
-var index$9 = require('./index-9eb5924e.js');
-var store = require('./store-01dd0c41.js');
-var utils$1 = require('./utils-94885948.js');
+var Locale = require('./Locale-7bc5a105.js');
+var InputDate = require('./InputDate-5a4d6538.js');
+var index$8 = require('./index-4bc4d9ed.js');
+var index$9 = require('./index-8c514b5a.js');
+var store = require('./store-9eeea9d4.js');
+var utils$1 = require('./utils-257a1d2c.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-411ff63a.js');
+require('./index-245d6fd3.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-1a7fa305.js');
-require('./WhatsApp-ef2612f0.js');
-require('./Spinner-064d7887.js');
-require('./index-a234c228.js');
-require('./shared-357ef7eb.js');
-require('./index-d778b9e9.js');
+require('./index-fa9d5cbb.js');
+require('./WhatsApp-a1d21a62.js');
+require('./Spinner-7a5884e5.js');
+require('./index-2f19468e.js');
+require('./shared-5d1ce612.js');
+require('./index-4eaed35f.js');
 require('@mantine/carousel');
-require('./useUniqueId-230a0871.js');
+require('./useUniqueId-0fb4be92.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('@emotion/react');
 require('zustand');
-require('./index-97a427b9.js');
-require('./normalizeLink-efc85ab4.js');
-require('./healthTools-75fbc03c.js');
+require('./index-6f1306bd.js');
+require('./normalizeLink-0e9fec08.js');
+require('./healthTools-77f90d40.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/surveyOrPremiumBanner.js

@@ -4,65 +4,65 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-ba9cd1ca.js');
-require('./utils-185d0253.js');
-require('./index-a234c228.js');
-require('./index-479148db.js');
+var surveyOrPremiumBanner = require('./index-d547a664.js');
+require('./utils-a1253bc1.js');
+require('./index-2f19468e.js');
+require('./index-f273f473.js');
 require('./constantsDomainLocales.js');
-require('./Locale-a70f3018.js');
+require('./Locale-7bc5a105.js');
 require('./constantsIsProduction.js');
-require('./index-efdee7e0.js');
+require('./index-a2333a7c.js');
 require('date-fns/locale');
-require('./index-1ed83894.js');
+require('./index-5f2466e4.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./healthTools-75fbc03c.js');
-require('./tslib.es6-77611d97.js');
-require('./store-01dd0c41.js');
+require('./healthTools-77f90d40.js');
+require('./tslib.es6-b12343bd.js');
+require('./store-9eeea9d4.js');
 require('zustand');
-require('./index-97a427b9.js');
-require('./normalizeLink-efc85ab4.js');
+require('./index-6f1306bd.js');
+require('./normalizeLink-0e9fec08.js');
 require('./miscCookieHelper.js');
-require('./index-d778b9e9.js');
-require('./utils-d0544a49.js');
+require('./index-4eaed35f.js');
+require('./utils-f8b481d2.js');
 require('@emotion/styled');
 require('@mantine/form');
-require('./index-32b4734b.js');
+require('./index-28bbbfcb.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-1421020e.js');
-require('./text-2d269f79.js');
-require('./index-ec936b1f.js');
+require('./index-188d7d0b.js');
+require('./text-69b6c175.js');
+require('./index-64625ca6.js');
 require('dayjs');
 require('@mantine/notifications');
 require('./miscTheme.js');
-require('./shared-357ef7eb.js');
+require('./shared-5d1ce612.js');
 require('classnames');
-require('./useUniqueId-230a0871.js');
+require('./useUniqueId-0fb4be92.js');
 require('@hhgtech/icons/core');
-require('./index-4f5231ab.js');
+require('./index-ad243b92.js');
 require('@mantine/dates');
-require('./index.styles-58f3d2e6.js');
-require('./index-359cb049.js');
+require('./index.styles-f203e1a2.js');
+require('./index-0c1c026c.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-d7368ee5.js');
-require('./index-a4cd3f3a.js');
-require('./useHealthToolCache-6d09f7d7.js');
+require('./translationsContext-86f8978d.js');
+require('./index-35580834.js');
+require('./useHealthToolCache-4c460918.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-9c6dc08d.js');
-require('./index-1a7fa305.js');
-require('./WhatsApp-ef2612f0.js');
-require('./Spinner-064d7887.js');
-require('./index-4cf3425b.js');
-require('./index-3f1411c6.js');
+require('./core-f4d51607.js');
+require('./index-fa9d5cbb.js');
+require('./WhatsApp-a1d21a62.js');
+require('./Spinner-7a5884e5.js');
+require('./index-7e6aa6d3.js');
+require('./index-68c2a0a9.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-411ff63a.js');
+require('./index-245d6fd3.js');
 require('slugify');
 require('string-format');
-require('./constants-b3db85a3.js');
+require('./constants-94bf3614.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-5be8393b.js');
+var surveyThankyouCard = require('./surveyThankyouCard-9f74cdab.js');
 require('react');
-require('./index-a7ff8e37.js');
-require('./tslib.es6-77611d97.js');
-require('./index-4f5231ab.js');
+require('./index-4bc4d9ed.js');
+require('./tslib.es6-b12343bd.js');
+require('./index-ad243b92.js');
 require('@mantine/core');
-require('./shared-357ef7eb.js');
-require('./text-2d269f79.js');
-require('./index-1421020e.js');
-require('./index-a4cd3f3a.js');
-require('./index-c04c9aca.js');
+require('./shared-5d1ce612.js');
+require('./text-69b6c175.js');
+require('./index-188d7d0b.js');
+require('./index-35580834.js');
+require('./index-a6528458.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-d0544a49.js');
-require('./index-e8833c6f.js');
+require('./utils-f8b481d2.js');
+require('./index-c21ed3d7.js');
 
 
 

package/build/{surveyThankyouCard-5be8393b.js → surveyThankyouCard-9f74cdab.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-a7ff8e37.js');
-var index$1 = require('./index-1421020e.js');
-var index = require('./index-a4cd3f3a.js');
-var index$3 = require('./index-c04c9aca.js');
-var index$2 = require('./index-e8833c6f.js');
+var index$4 = require('./index-4bc4d9ed.js');
+var index$1 = require('./index-188d7d0b.js');
+var index = require('./index-35580834.js');
+var index$3 = require('./index-a6528458.js');
+var index$2 = require('./index-c21ed3d7.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{text-2d269f79.js → text-69b6c175.js}

@@ -118,9 +118,9 @@ const GlobalTextStyle = {
             s3: [core.rem(16), core.rem(14)],
             s4: [core.rem(14), core.rem(12)],
             s5: [core.rem(12), core.rem(12)],
-            p1: [core.rem(17), core.rem(16)],
+            p1: [core.rem(17), core.rem(17)],
             p2: [core.rem(15), core.rem(15)],
-            p3: [core.rem(13), core.rem(14)],
+            p3: [core.rem(13), core.rem(13)],
             p4: [core.rem(14), core.rem(12)],
             p5: [core.rem(12), core.rem(12)],
             c1: [core.rem(12), core.rem(12)],
@@ -131,9 +131,11 @@ const GlobalTextStyle = {
             h1: [core.rem(40), core.rem(26)],
             h2: [core.rem(32), core.rem(24)],
             h3: [core.rem(26), core.rem(20)],
-            h4: [core.rem(20), core.rem(18)],
+            h4: [core.rem(20), core.rem(17)],
             h5: [core.rem(18), core.rem(16)],
             h6: [core.rem(16), core.rem(14)],
+            title1: [core.rem(17), core.rem(17)],
+            title2: [core.rem(15), core.rem(15)],
         },
         lineHeight: {
             base: [core.rem(24), core.rem(24)],
@@ -148,7 +150,7 @@ const GlobalTextStyle = {
             s5: [core.rem(18), core.rem(18)],
             p1: [core.rem(28), core.rem(28)],
             p2: [core.rem(24), core.rem(24)],
-            p3: [core.rem(24), core.rem(20)],
+            p3: [core.rem(20), core.rem(20)],
             p4: [core.rem(22), core.rem(18)],
             c1: [core.rem(16), core.rem(16)],
             c2: [core.rem(22), core.rem(18)],
@@ -158,9 +160,11 @@ const GlobalTextStyle = {
             h1: [core.rem(48), core.rem(34)],
             h2: [core.rem(40), core.rem(32)],
             h3: [core.rem(32), core.rem(26)],
-            h4: [core.rem(28), core.rem(26)],
+            h4: [core.rem(28), core.rem(24)],
             h5: [core.rem(28), core.rem(24)],
             h6: [core.rem(24), core.rem(22)],
+            title1: [core.rem(24), core.rem(24)],
+            title2: [core.rem(24), core.rem(24)],
         },
         letterSpacing: {
             lg: [-0.2, 0],
@@ -170,9 +174,9 @@ const GlobalTextStyle = {
             s2: [-0.4, -0.2],
             s3: [0, -0.2],
             s4: [0, -0.2],
-            p1: [-0.4, -0.2],
+            p1: [-0.4, -0.4],
             p2: [-0.3, -0.3],
-            p3: [-0.2, -0.2],
+            p3: [-0.3, -0.3],
             p4: [-0.2, 0],
             c1: [-0.2, -0.2],
             c2: [-0.2, -0.2],
@@ -180,10 +184,12 @@ const GlobalTextStyle = {
             h1: [-1.2, -0.9],
             h2: [-1, -0.8],
             h3: [-0.6, -0.7],
-            h4: [-0.4, -0.6],
+            h4: [-0.4, -0.4],
             h5: [-0.2, -0.2],
             h6: [0, -0.2],
             n1: [-0.2, -0.2],
+            title1: [-0.4, -0.4],
+            title2: [-0.3, -0.3],
         },
         fontWeightBySize: {
             s1: exports.FontWeight.semiBold,
@@ -199,6 +205,51 @@ const GlobalTextStyle = {
         },
         fontWeight: exports.FontWeight,
     },
-};
+};
+const GlobalTextStyleNew = (theme) => ({
+    [exports.CustomStylesType.LEADGEN]: {
+        h1: {
+            fontSize: core.rem(40),
+            lineHeight: core.rem(48),
+            letterSpacing: '-1.2px',
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: core.rem(26),
+                lineHeight: core.rem(32),
+                letterSpacing: '-0.6px',
+            },
+        },
+        h2: {
+            fontSize: core.rem(32),
+            lineHeight: core.rem(40),
+            letterSpacing: '-1px',
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: core.rem(20),
+                lineHeight: core.rem(28),
+                letterSpacing: '-0.4px',
+            },
+        },
+        h3: {
+            fontSize: core.rem(26),
+            lineHeight: core.rem(32),
+            letterSpacing: '-0.6px',
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: core.rem(20),
+                lineHeight: core.rem(28),
+                letterSpacing: '-0.4px',
+            },
+        },
+        p1: {
+            fontSize: core.rem(17),
+            lineHeight: core.rem(28),
+            letterSpacing: '-0.4px',
+        },
+        p2: {
+            fontSize: core.rem(15),
+            lineHeight: core.rem(24),
+            letterSpacing: '-0.3px',
+        },
+    },
+});
 
 exports.GlobalTextStyle = GlobalTextStyle;
+exports.GlobalTextStyleNew = GlobalTextStyleNew;