npm - @hhgtech/hhg-components - Versions diffs - 1.29.412-beta-2 → 1.29.412-beta-4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (531) hide show

package/build/{index-d7fdb813.js → index-01997157.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-ec6df9a6.js');
-var index = require('./index-13cd06ea.js');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
+var index$1 = require('./index-1315e684.js');
+var index = require('./index-28b0e49e.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-0d7afde6.js');
+var constants = require('./constants-01aa0fc7.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-8a2f123e.js → index-0291fc0e.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-f5a31cb7.js');
-var index = require('./index-db76af5d.js');
+var normalizeLink = require('./normalizeLink-453446dc.js');
+var index = require('./index-6a84cc4f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-a20bc2bb.js');
+var Locale = require('./Locale-29d606c9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 const SSO_V2_PATHS = {

package/build/{index-c5630247.js → index-03679b6a.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
 var React = require('react');
-var index$2 = require('./index-ec6df9a6.js');
-var utils = require('./utils-f6f80ca7.js');
-var index = require('./index-eca3fc01.js');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
+var index$2 = require('./index-1315e684.js');
+var utils = require('./utils-e3bda41d.js');
+var index = require('./index-2fc8fa0a.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-13cd06ea.js');
+var index$1 = require('./index-28b0e49e.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');

package/build/{index-b41934c6.js → index-0691c539.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
-require('./index-05199167.js');
+require('./index-60034148.js');
 var styled = require('@emotion/styled');
-var index = require('./index-fe50d571.js');
+var index$1 = require('./index-4628f343.js');
 var miscTheme = require('./miscTheme.js');
-var useScreenSize = require('./useScreenSize-903a492c.js');
-var index$1 = require('./index-c957b7d7.js');
-var Locale = require('./Locale-a20bc2bb.js');
-var index$2 = require('./index-871bf383.js');
+var index = require('./index-404c632d.js');
+var index$2 = require('./index-85e25ecf.js');
+var Locale = require('./Locale-29d606c9.js');
+var index$3 = require('./index-331f088e.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -65,10 +65,10 @@ const Pill = (_a) => {
             ? 'week-pill'.concat(' non-pointer-event-child ', className)
             : 'week-pill non-pointer-event-child', "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, rest),
         React__default["default"].createElement(StyledIconContainer, { size: 64, iconSize: 40, backgroundColor: miscTheme.theme.colors.white },
-            React__default["default"].createElement(useScreenSize.ImageWrap, { src: icon || index.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
-        isSelected ? (React__default["default"].createElement(index$1.Text, Object.assign({ type: "semiBold", size: "n1", color: miscTheme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
+            React__default["default"].createElement(index.ImageWrap, { src: icon || index$1.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
+        isSelected ? (React__default["default"].createElement(index$2.Text, Object.assign({ type: "semiBold", size: "n1", color: miscTheme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
-        })), name)) : (React__default["default"].createElement(index$1.Text, Object.assign({ size: "n1", color: miscTheme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
+        })), name)) : (React__default["default"].createElement(index$2.Text, Object.assign({ size: "n1", color: miscTheme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
         })), name))));
 };
@@ -76,13 +76,13 @@ const Pill = (_a) => {
 const StyledPill = styled__default["default"](Pill) `
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
 `;
-const StyledSlide = styled__default["default"](index$2.CentralCarousel.Slide) `
+const StyledSlide = styled__default["default"](index$3.CentralCarousel.Slide) `
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
 `;
-const StyledCarousel = styled__default["default"](index$2.CentralCarousel) `
+const StyledCarousel = styled__default["default"](index$3.CentralCarousel) `
   .centerred-pill-wrapper {
     padding: 16px 0;
   }

package/build/{index-c750e792.js → index-102f9112.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-ec6df9a6.js → index-1315e684.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-13cd06ea.js');
+var index = require('./index-28b0e49e.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e1336821.js → index-16d3efc7.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f6f80ca7.js');
+var utils = require('./utils-e3bda41d.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0e2e9008.js → index-18f1f6e7.js} RENAMED Viewed

@@ -1,29 +1,29 @@
 'use strict';
 var React = require('react');
-var index = require('./index-d6720486.js');
+var index$1 = require('./index-3e0ab905.js');
 var dayjs = require('dayjs');
-require('./index-db76af5d.js');
-require('./index-871bf383.js');
+require('./index-6a84cc4f.js');
+require('./index-331f088e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-05199167.js');
-require('./index-fe50d571.js');
-require('./useMantineLocale-41665618.js');
-var index$1 = require('./index-13cd06ea.js');
-require('./index-dbb1f91e.js');
-require('./index.styles-1627ae94.js');
-require('./translationsContext-b427e34a.js');
+require('./index-60034148.js');
+require('./index-4628f343.js');
+require('./index-83356d7b.js');
+var index$2 = require('./index-28b0e49e.js');
+require('./index-58a269be.js');
+require('./index.styles-fc5a7d1f.js');
+require('./translationsContext-c1155171.js');
 require('@mantine/hooks');
-var utils = require('./utils-f6f80ca7.js');
-require('./other-0dadd1e0.js');
-require('./index-0c06baa2.js');
-var useScreenSize = require('./useScreenSize-903a492c.js');
+require('./text-2e7a960a.js');
+var utils = require('./utils-e3bda41d.js');
+require('./index-3065f9f3.js');
+var index = require('./index-404c632d.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$3 = require('./index-609cb1a5.js');
-var index$2 = require('./index-c750e792.js');
+var index$4 = require('./index-2aaef34f.js');
+var index$3 = require('./index-102f9112.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -239,34 +239,34 @@ const StyledFlag = styled__default["default"].img `
 const Flag = ({ url, dataEventCategory, dataEventAction, dataEventLabel, }) => {
     return (React__default["default"].createElement(StyledFlag, { loading: "lazy", className: "country-flag", src: url, alt: "Country Flag", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-content-label": dataEventLabel }));
 };
-const FooterMenuColumn = ({ title, items, locale, index, }) => {
-    const { isMobile } = useScreenSize.useScreenSize();
+const FooterMenuColumn = ({ title, items, locale, index: index$1, }) => {
+    const { isMobile } = index.useScreenSize();
     return (React__default["default"].createElement("div", { className: "footer-menu-column" },
-        title ? (React__default["default"].createElement(index$1.Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
-        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$1.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${constantsDomainLocales.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link",
+        title ? (React__default["default"].createElement(index$2.Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
+        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${constantsDomainLocales.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link",
             // @ts-ignore
-            href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
+            href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index$1 === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
 };
 const DiscoverFooter = ({ className, footerInfo, locale }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index.useScreenSize();
     const footerMenu = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu;
     const verifiedIcons = ((_b = (_a = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _a === void 0 ? void 0 : _a.verified) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
     return (React__default["default"].createElement(StyledFooter$1, { className: className },
-        React__default["default"].createElement(index.Container, null,
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement("div", { className: "inner" },
                 React__default["default"].createElement("a", { href: "/" },
                     React__default["default"].createElement("img", { loading: "lazy", className: "footer-logo", src: (_c = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _c === void 0 ? void 0 : _c.logo, alt: "Logo", "data-is-sehat": locale === 'id-ID' })),
                 React__default["default"].createElement("div", { className: "columns" },
                     React__default["default"].createElement("div", { className: "newsletter" },
-                        React__default["default"].createElement(index$1.Text, { size: isMobile ? 's3' : 's4', weight: "semiBold", color: "neutral.0" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
+                        React__default["default"].createElement(index$2.Text, { size: isMobile ? 's3' : 's4', weight: "semiBold", color: "neutral.0" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
                         React__default["default"].createElement("div", { className: "social" },
-                            React__default["default"].createElement(index$1.Text, { size: "p4", color: "neutral.6" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
+                            React__default["default"].createElement(index$2.Text, { size: "p4", color: "neutral.6" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
                             React__default["default"].createElement("div", { className: "icons" }, (_g = (_f = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _f === void 0 ? void 0 : _f.socials) === null || _g === void 0 ? void 0 : _g.map((social, idx) => (React__default["default"].createElement("a", { key: idx, "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, href: social.url },
                                 React__default["default"].createElement("img", { loading: "lazy", "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, src: social.icon, alt: "Logo Social", className: "social-icon", width: "24", height: "24" }))))))),
                     React__default["default"].createElement("div", { className: "footer-menu" }, footerMenu && (React__default["default"].createElement(React__default["default"].Fragment, null, footerMenu === null || footerMenu === void 0 ? void 0 : footerMenu.map((menu, idx) => (React__default["default"].createElement(FooterMenuColumn, { title: menu.menu_title, items: menu.items, locale: locale, key: idx, index: idx }))))))),
                 React__default["default"].createElement("div", { className: "otherSites" },
-                    React__default["default"].createElement(index$1.Text, { size: "p4", className: "linkTitle", color: "neutral.6", weight: "regular" }, (_h = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _h === void 0 ? void 0 : _h.title),
+                    React__default["default"].createElement(index$2.Text, { size: "p4", className: "linkTitle", color: "neutral.6", weight: "regular" }, (_h = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _h === void 0 ? void 0 : _h.title),
                     React__default["default"].createElement("div", { className: "flags" }, (_k = (_j = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.map((flagLink, idx) => (React__default["default"].createElement("a", { href: flagLink.url, key: idx, "data-event-category": "Footer", "data-event-action": flagLink.name, "data-event-label": flagLink.url },
                         React__default["default"].createElement(Flag, { url: flagLink.flag, dataEventCategory: "Footer", dataEventAction: flagLink.name, dataEventLabel: flagLink.url })))))),
                 React__default["default"].createElement("div", { className: "copyright" },
@@ -274,7 +274,7 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
                         ? verifiedIcons.map((verify, index) => (React__default["default"].createElement("a", { href: verify.url, key: index, className: "copyright-image" },
                             React__default["default"].createElement("img", { loading: "lazy", src: verify.image, alt: "DMCA Icon" }))))
                         : null),
-                    React__default["default"].createElement(index$1.Text, { size: 'n1', className: "copyright-content", as: "div", color: "neutral.6", weight: "regular" },
+                    React__default["default"].createElement(index$2.Text, { size: 'n1', className: "copyright-content", as: "div", color: "neutral.6", weight: "regular" },
                         React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                 __html: (_l = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _l === void 0 ? void 0 : _l.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
                             } })))))));
@@ -391,13 +391,13 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
     return (React__default["default"].createElement(StyledFooter, { style: {
             backgroundColor: background ? background : 'none',
         } },
-        React__default["default"].createElement(index.Container, null,
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement(StyledMenuContainer, null, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default["default"].createElement(StyledWrapMenuItem, { key: `mbf${idx}` },
-                React__default["default"].createElement(index$2.MarryBabyText, { className: "title", type: "subtitle-1", color: miscTheme.theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
+                React__default["default"].createElement(index$3.MarryBabyText, { className: "title", type: "subtitle-1", color: miscTheme.theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
                 items.map(({ title, url }, id) => (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": "Click", "data-event-label": `${url}`, className: "link", href: url, key: `footer-links-${id}` },
                     React__default["default"].createElement(StyledWrapItems, { key: `mbitem${id}` },
-                        React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-2", color: miscTheme.theme.mbColors.gray }, title)))))))))),
-        React__default["default"].createElement(index.Container, null,
+                        React__default["default"].createElement(index$3.MarryBabyText, { type: "bodytext-2", color: miscTheme.theme.mbColors.gray }, title)))))))))),
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement(StyledWrapInfo, null,
                 React__default["default"].createElement(core.Flex, { gap: '24px', sx: (theme) => ({
                         [theme.fn.largerThan('sm')]: {
@@ -411,22 +411,22 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
                         },
                     }) },
                     React__default["default"].createElement(core.Stack, { spacing: '24px', className: "info-item" },
-                        React__default["default"].createElement(index$3.Logo, { className: "logo", type: logoType }),
-                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                        React__default["default"].createElement(index$4.Logo, { className: "logo", type: logoType }),
+                        React__default["default"].createElement(index$2.Text, { size: "p4", as: "div" },
                             React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.content,
                                 } })),
                         React__default["default"].createElement(StyledSocialLink, null, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default["default"].createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
                             React__default["default"].createElement("img", { className: "social-logo", loading: "lazy", src: icon, alt: name })))))),
                     React__default["default"].createElement(core.Box, { className: "info-item", sx: { paddingTop: '7px' } },
-                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                        React__default["default"].createElement(index$2.Text, { size: "p4", as: "div" },
                             React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.information,
                                 } })))))),
         React__default["default"].createElement(StyledWrapCopyRight, null,
-            React__default["default"].createElement(index.Container, null,
+            React__default["default"].createElement(index$1.Container, null,
                 React__default["default"].createElement("div", { className: "content" },
-                    React__default["default"].createElement(index$1.Text, { size: "p5", color: "#fff", as: "div" },
+                    React__default["default"].createElement(index$2.Text, { size: "p5", color: "#fff", as: "div" },
                         React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                 __html: general === null || general === void 0 ? void 0 : general.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
                             } })),

package/build/{index-dc5ced87.js → index-1ab10778.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var index = require('./index-eca3fc01.js');
-var index$1 = require('./index-becae264.js');
+var index = require('./index-2fc8fa0a.js');
+var index$1 = require('./index-6b2e9de1.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-213df21d.js → index-210f551c.js} RENAMED Viewed

@@ -1,29 +1,29 @@
 'use strict';
 var React = require('react');
-var index$3 = require('./index-becae264.js');
-var index$1 = require('./index-ec6df9a6.js');
-var index$2 = require('./index-13cd06ea.js');
-var utils = require('./utils-f6f80ca7.js');
+var index$3 = require('./index-6b2e9de1.js');
+var index$1 = require('./index-1315e684.js');
+var index$2 = require('./index-28b0e49e.js');
+var utils = require('./utils-e3bda41d.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
-var index$6 = require('./index-e1336821.js');
-var index$4 = require('./index-eca3fc01.js');
-var dataTransform = require('./dataTransform-ca295670.js');
-var constants = require('./constants-0d7afde6.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
+var index$6 = require('./index-16d3efc7.js');
+var index$4 = require('./index-2fc8fa0a.js');
+var dataTransform = require('./dataTransform-b56cc416.js');
+var constants = require('./constants-01aa0fc7.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-ad9d4cd8.js');
-var index$8 = require('./index-d7fdb813.js');
-var index$7 = require('./index-996f8d94.js');
-var index$5 = require('./index-83340a9a.js');
-var togetherRichTextEditor = require('./editor-678d906b.js');
+var post = require('./post-48e56a26.js');
+var index$8 = require('./index-01997157.js');
+var index$7 = require('./index-fb120b91.js');
+var index$5 = require('./index-5bfd2648.js');
+var togetherRichTextEditor = require('./editor-df72b9b7.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-12cc92e9.js');
-var togetherMoleculesPostImagePreview = require('./index-c5630247.js');
+var index = require('./index-80d1795a.js');
+var togetherMoleculesPostImagePreview = require('./index-03679b6a.js');
 var togetherShareBox = require('./togetherShareBox.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-57c64d51.js → index-281913b0.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
 var React = require('react');
-var index = require('./index-eca3fc01.js');
+var index = require('./index-2fc8fa0a.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-fe50d571.js');
-var normalizeLink = require('./normalizeLink-f5a31cb7.js');
+var index$2 = require('./index-4628f343.js');
+var normalizeLink = require('./normalizeLink-453446dc.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-f17a3d3c.js');
-var index$3 = require('./index-e9125e2f.js');
-var index$4 = require('./index-becae264.js');
+var index$1 = require('./index-6d9a223f.js');
+var index$3 = require('./index-e77f4425.js');
+var index$4 = require('./index-6b2e9de1.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-13cd06ea.js → index-28b0e49e.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var core = require('@mantine/core');
-var other = require('./other-0dadd1e0.js');
+var text = require('./text-2e7a960a.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -11,7 +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 = Object.assign({}, other.OTHER_THEME_CONFIG);
+    const TextConfig = text.GlobalTextStyle[_params === null || _params === void 0 ? void 0 : _params.customStylesType] ||
+        text.GlobalTextStyle[text.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;
@@ -21,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'
-                ? other.FontWeight.semiBold
+                ? text.FontWeight.semiBold
                 : TextConfig.fontWeight[_params.weight] ||
                     TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
-                    'regular',
+                    text.FontWeight.regular,
             fontSize: `${getFontSize}`,
             lineHeight: `${getLineHeight}`,
             letterSpacing: getLetterSpacing,
@@ -39,15 +40,37 @@ var useStyles = core.createStyles((theme, _params) => {
 const Text = (_a) => {
     var _b;
-    var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel"]);
-    const { theme, classes, cx } = useStyles({ size, weight: weight === 'caption' ? 'bold' : weight, as }, { name: 'Text', styles });
+    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 { classes, cx } = useStyles({
+        size,
+        weight: weight === 'caption' ? 'bold' : weight,
+        as,
+        customStylesType: theme.other.customStyleType || text.CustomStylesType.NONE,
+    }, {
+        name: 'Text',
+        styles,
+    });
     const colorValue = typeof theme.colors[color] === 'string' ? theme.colors[color] : color;
     return (React__default["default"].createElement(core.Text, Object.assign({ className: cx(classes.root, className), color: colorValue ||
             (as === 'label'
                 ? theme.colors.gray[6]
                 : ((_b = theme === null || theme === void 0 ? void 0 : theme.other) === null || _b === void 0 ? void 0 : _b.template) === 'mb'
                     ? theme.colors.delftGray[7]
-                    : theme.colors.gray[7]), component: as, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, classNames: {
+                    : undefined) ||
+            (variant === 'primary'
+                ? theme.colors.gray[9]
+                : variant === 'secondary'
+                    ? theme.colors.gray[6]
+                    : variant === 'tertiary'
+                        ? theme.colors.gray[4]
+                        : variant === 'disabled'
+                            ? theme.colors.gray[3]
+                            : variant === 'error'
+                                ? theme.colors.red[6]
+                                : variant === 'green'
+                                    ? theme.colors.green[6]
+                                    : undefined), component: as, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, classNames: {
             root: Object.assign(Object.assign({}, (rest.wordWrap ? { 'word-wrap': rest.wordWrap } : undefined)), (rest.isUppercase || weight === 'caption'
                 ? { 'text-transform': 'uppercase' }
                 : undefined)),

package/build/{index-609cb1a5.js → index-2aaef34f.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 'use strict';
 var React = require('react');
-var Locale = require('./Locale-a20bc2bb.js');
-var index = require('./index-fe50d571.js');
+var Locale = require('./Locale-29d606c9.js');
+var index$1 = require('./index-4628f343.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f6f80ca7.js');
-var logoIcon = require('./logoIcon-839ec647.js');
-require('./index-05199167.js');
-var useScreenSize = require('./useScreenSize-903a492c.js');
+var utils = require('./utils-e3bda41d.js');
+var logoIcon = require('./logoIcon-c6d44c77.js');
+require('./index-60034148.js');
+var index = require('./index-404c632d.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -392,23 +392,23 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
                                         ? 'vn-independent-day'
                                         : undefined, "data-type": type },
         seasonalChecks.isChristmas ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left xmas logo", src: index.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right xmas logo", src: index.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left new year logo", src: index.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right new year logo", src: index.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
+            React__default["default"].createElement(index.ImageWrap, { alt: "left xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
+            React__default["default"].createElement(index.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
         React__default["default"].createElement(logoIcon.LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
-        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));
 };

package/build/{index-7c8d88f3.js → index-2c2b5fc3.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-e1336821.js');
+var index = require('./index-16d3efc7.js');
 var miscTheme = require('./miscTheme.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-768587ff.js → index-2e20a3d9.js} RENAMED Viewed

@@ -1,22 +1,22 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-0a0906dc.js');
-var index$3 = require('./index-871bf383.js');
-var index$2 = require('./index-dbb1f91e.js');
-var index$5 = require('./index-13cd06ea.js');
-var index$1 = require('./index-eca3fc01.js');
-var index$4 = require('./index-fe50d571.js');
+var Spinner = require('./Spinner-a6ff7295.js');
+var index$3 = require('./index-331f088e.js');
+var index$2 = require('./index-58a269be.js');
+var index$5 = require('./index-28b0e49e.js');
+var index$1 = require('./index-2fc8fa0a.js');
+var index$4 = require('./index-4628f343.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f6f80ca7.js');
+var utils = require('./utils-e3bda41d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-db76af5d.js');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
-var normalizeLink = require('./normalizeLink-f5a31cb7.js');
+var index = require('./index-6a84cc4f.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
+var normalizeLink = require('./normalizeLink-453446dc.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-eca3fc01.js → index-2fc8fa0a.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var React = require('react');
-var translationsContext = require('./translationsContext-b427e34a.js');
+var translationsContext = require('./translationsContext-c1155171.js');
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-0c06baa2.js → index-3065f9f3.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-dbb1f91e.js');
-var index$1 = require('./index-13cd06ea.js');
+var index = require('./index-58a269be.js');
+var index$1 = require('./index-28b0e49e.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }