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

package/build/{index-514e4159.js → index-38e812da.js}

@@ -1,25 +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('@mantine/core');
 var form = require('@mantine/form');
-require('./index-871bf383.js');
-var index$3 = require('./index-5d53ab0d.js');
-require('./index-13cd06ea.js');
-require('./index-dbb1f91e.js');
-require('./index.styles-1627ae94.js');
-var index = require('./index-eca3fc01.js');
+require('./index-331f088e.js');
+var index$3 = require('./index-85733f81.js');
+require('./index-28b0e49e.js');
+require('./index-58a269be.js');
+require('./index.styles-fc5a7d1f.js');
+var index = require('./index-2fc8fa0a.js');
 require('@mantine/hooks');
-require('./useMantineLocale-41665618.js');
-require('./index-05199167.js');
-require('./index-fe50d571.js');
-require('./utils-f6f80ca7.js');
-require('./index-db76af5d.js');
-require('./other-0dadd1e0.js');
-require('./index-0c06baa2.js');
-var index$1 = require('./index-e029c70d.js');
-var index$2 = require('./index-b421ebe7.js');
+require('./index-83356d7b.js');
+require('./text-2e7a960a.js');
+require('./utils-e3bda41d.js');
+require('./index-3065f9f3.js');
+var index$1 = require('./index-fc82b51f.js');
+var index$2 = require('./index-b43d3509.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{useScreenSize-903a492c.js → index-404c632d.js}

@@ -1,32 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
 var React = require('react');
+var utils = require('./utils-e3bda41d.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f6f80ca7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const ImageWrap = (_a) => {
-    var { alt, backupSrc, src, placeholderSrc, style, ref } = _a, props = tslib_es6.__rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref"]);
-    const [hasError, setHasError] = React.useState(false);
-    return (React__default["default"].createElement(StyledImage, Object.assign({ loading: "lazy", alt: alt, onError: () => !hasError && setHasError(true), src: hasError ? backupSrc || src : src || backupSrc, style: Object.assign(Object.assign({}, (placeholderSrc
-            ? {
-                backgroundImage: `url(${placeholderSrc})`,
-            }
-            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
-};
-const StyledImage = styled__default["default"].img `
-  &[data-has-placeholder='true'] {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-`;
-
 const getIsMobile = () => {
     return (typeof window !== 'undefined' &&
         window.innerWidth < utils.Breakpoints.BREAK_POINT_MOBILE);
@@ -54,5 +37,22 @@ const useScreenSize = () => {
     return { isMobile, isLargeMobile };
 };
 
+const ImageWrap = (_a) => {
+    var { alt, backupSrc, src, placeholderSrc, style, ref } = _a, props = tslib_es6.__rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref"]);
+    const [hasError, setHasError] = React.useState(false);
+    return (React__default["default"].createElement(StyledImage, Object.assign({ loading: "lazy", alt: alt, onError: () => !hasError && setHasError(true), src: hasError ? backupSrc || src : src || backupSrc, style: Object.assign(Object.assign({}, (placeholderSrc
+            ? {
+                backgroundImage: `url(${placeholderSrc})`,
+            }
+            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
+};
+const StyledImage = styled__default["default"].img `
+  &[data-has-placeholder='true'] {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+`;
+
 exports.ImageWrap = ImageWrap;
 exports.useScreenSize = useScreenSize;

package/build/{index-01000f4b.js → index-4bd4e792.js}

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

package/build/index-50c75597.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
+var React = require('react');
+var core = require('@mantine/core');
+var index = require('./index-83356d7b.js');
+var text = require('./text-2e7a960a.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const MantineProvider = (_a) => {
+    var { children, locale, template = 'hb', customStyleType = text.CustomStylesType.NONE } = _a, props = tslib_es6.__rest(_a, ["children", "locale", "template", "customStyleType"]);
+    index.useMantineLocale(locale);
+    return (React__default["default"].createElement(core.MantineProvider, Object.assign({ theme: index.getMantineThemeOverride(locale, template, customStyleType) }, props),
+        children,
+        React__default["default"].createElement(index.NotificationsHandler, null)));
+};
+
+exports.MantineProvider = MantineProvider;

package/build/{index-ac11f7ce.js → index-5298048f.js}

@@ -1,27 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-dc226c20.js');
-var index = require('./index-eca3fc01.js');
-var index$5 = require('./index-fe50d571.js');
-var constants = require('./constants-0d7afde6.js');
-var index$2 = require('./index-b421ebe7.js');
-var index$4 = require('./index-871bf383.js');
-var index$3 = require('./index-5d53ab0d.js');
+var useHealthToolCache = require('./useHealthToolCache-07a0142b.js');
+var index = require('./index-2fc8fa0a.js');
+var index$5 = require('./index-4628f343.js');
+var constants = require('./constants-01aa0fc7.js');
+var index$2 = require('./index-b43d3509.js');
+var index$4 = require('./index-331f088e.js');
+var index$3 = require('./index-85733f81.js');
 require('@mantine/core');
-require('./index-13cd06ea.js');
-require('./index-dbb1f91e.js');
-require('./index.styles-1627ae94.js');
+require('./index-28b0e49e.js');
+require('./index-58a269be.js');
+require('./index.styles-fc5a7d1f.js');
 require('@mantine/hooks');
-require('./useMantineLocale-41665618.js');
-require('./index-05199167.js');
-require('./utils-f6f80ca7.js');
-require('./index-db76af5d.js');
-require('./other-0dadd1e0.js');
-require('./index-0c06baa2.js');
-var index$1 = require('./index-e029c70d.js');
+require('./index-83356d7b.js');
+require('./text-2e7a960a.js');
+require('./utils-e3bda41d.js');
+require('./index-3065f9f3.js');
+require('./index-6a84cc4f.js');
+var index$1 = require('./index-fc82b51f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a5edd727.js → index-55a60635.js}

@@ -1,50 +1,50 @@
 '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 index$8 = require('./index-e93bb180.js');
-var index = require('./index-eca3fc01.js');
+var index$8 = require('./index-f7b8f5e5.js');
+var index = require('./index-2fc8fa0a.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-871bf383.js');
+var index$5 = require('./index-331f088e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-db76af5d.js');
-require('./index-05199167.js');
-require('./index-fe50d571.js');
-require('./useMantineLocale-41665618.js');
-var index$2 = require('./index-13cd06ea.js');
-var index$1 = require('./index-dbb1f91e.js');
-require('./index.styles-1627ae94.js');
+require('./index-6a84cc4f.js');
+require('./index-60034148.js');
+require('./index-4628f343.js');
+require('./index-83356d7b.js');
+var index$2 = require('./index-28b0e49e.js');
+var index$1 = require('./index-58a269be.js');
+require('./index.styles-fc5a7d1f.js');
 require('@mantine/hooks');
-var utils = require('./utils-f6f80ca7.js');
-require('./other-0dadd1e0.js');
-require('./index-0c06baa2.js');
-var index$3 = require('./index-213df21d.js');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
+require('./text-2e7a960a.js');
+var utils = require('./utils-e3bda41d.js');
+require('./index-3065f9f3.js');
+var index$3 = require('./index-210f551c.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-ca295670.js');
-var constants = require('./constants-0d7afde6.js');
-var post = require('./post-ad9d4cd8.js');
-var togetherMoleculesCardAuthor = require('./index-256fe4f5.js');
-var togetherRichTextEditor = require('./editor-678d906b.js');
-var index$4 = require('./index-e1336821.js');
+var dataTransform = require('./dataTransform-b56cc416.js');
+var constants = require('./constants-01aa0fc7.js');
+var post = require('./post-48e56a26.js');
+var togetherMoleculesCardAuthor = require('./index-32d9ba8a.js');
+var togetherRichTextEditor = require('./editor-df72b9b7.js');
+var index$4 = require('./index-16d3efc7.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-01000f4b.js');
-var index$7 = require('./index-d7fdb813.js');
-var index$9 = require('./index-00ffa650.js');
-var Locale = require('./Locale-a20bc2bb.js');
+var index$6 = require('./index-4bd4e792.js');
+var index$7 = require('./index-01997157.js');
+var index$9 = require('./index-e2cd98ee.js');
+var Locale = require('./Locale-29d606c9.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-996f8d94.js');
-var togetherMoleculesPostImagePreview = require('./index-c5630247.js');
-var index$d = require('./index-becae264.js');
+var index$a = require('./index-fb120b91.js');
+var togetherMoleculesPostImagePreview = require('./index-03679b6a.js');
+var index$d = require('./index-6b2e9de1.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-9af8c712.js');
-var index$b = require('./index-83340a9a.js');
-var index$c = require('./index-aaf7d20f.js');
+var useUniqueId = require('./useUniqueId-6f2e21bc.js');
+var index$b = require('./index-5bfd2648.js');
+var index$c = require('./index-928dead2.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-dbb1f91e.js → index-58a269be.js}

@@ -1,20 +1,20 @@
 '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 shared = require('./shared-0b83724c.js');
+var text = require('./text-2e7a960a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const ANIMATION_DURATION = '100ms';
-
 var useStyles = core.createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, } = _params;
+    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -27,8 +27,9 @@ var useStyles = core.createStyles((_theme, _params) => {
     const hoverHexColor = isHexColor
         ? _theme.fn.darken(color, 0.05)
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
+    const isLeadgen = customStylesType === text.CustomStylesType.LEADGEN;
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${shared.ANIMATION_DURATION} ease-in-out`, '&:focus': {
                 outline: 'none',
             } }, (!children && {
             paddingLeft: '10px',
@@ -39,44 +40,25 @@ var useStyles = core.createStyles((_theme, _params) => {
         })), (() => {
             switch (size) {
                 case 'xl':
-                    return {
-                        height: 56,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
+                    return Object.assign({ height: 56, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'lg':
-                    return {
-                        height: 48,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
+                    return Object.assign({ height: 48, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'md':
-                    return {
-                        height: 40,
-                        fontWeight: 600,
-                        fontSize: '14px',
-                        lineHeight: '22px',
-                    };
+                    return Object.assign({ height: 40, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '13px' : '14px', lineHeight: isLeadgen ? '20px' : '22px' }, (isLeadgen && {
+                        letterSpacing: '-0.3px',
+                    }));
                 case 'sm':
-                    return {
-                        height: 32,
-                        fontWeight: 600,
-                        fontSize: isMb ? '12px' : '14px',
-                        lineHeight: '22px',
-                        paddingLeft: '16px',
-                        paddingRight: '16px',
-                    };
+                    return Object.assign(Object.assign({ height: 32, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : isMb ? '12px' : '14px', lineHeight: isLeadgen ? '16px' : '22px' }, (isLeadgen && {
+                        letterSpacing: '-0.2px',
+                    })), { paddingLeft: '16px', paddingRight: '16px' });
                 case 'xs':
-                    return {
-                        height: 24,
-                        fontWeight: 600,
-                        fontSize: '12px',
-                        lineHeight: '18px',
-                        paddingLeft: '8px',
-                        paddingRight: '8px',
-                    };
+                    return Object.assign({ height: 24, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : '12px', lineHeight: isLeadgen ? '16px' : '18px', paddingLeft: '8px', paddingRight: '8px' }, (isLeadgen && {
+                        letterSpacing: '-0.2px',
+                    }));
             }
         })()), (() => {
             switch (variant) {
@@ -195,6 +177,7 @@ const Button = React.forwardRef((props, ref) => {
         isSuccess: variant === 'success',
         children,
         theme: themeProp,
+        customStylesType: theme.other.customStyleType || text.CustomStylesType.NONE,
     });
     return (React__default["default"].createElement(core.Button, Object.assign({ className: cx(className, variant), classNames: {
             root: classes.root,
@@ -202,5 +185,4 @@ const Button = React.forwardRef((props, ref) => {
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));
 });
 
-exports.ANIMATION_DURATION = ANIMATION_DURATION;
 exports.Button = Button;

package/build/{index-83340a9a.js → index-5bfd2648.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-7ea786dd.js');
+var togetherComponentGlobalContext = require('./utils-029c5c8a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-05199167.js → index-60034148.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-a20bc2bb.js');
+var Locale = require('./Locale-29d606c9.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-db76af5d.js → index-6a84cc4f.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-05199167.js');
+require('./index-60034148.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-a20bc2bb.js');
+var Locale = require('./Locale-29d606c9.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-becae264.js → index-6b2e9de1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
-var index = require('./index-dbb1f91e.js');
+var index = require('./index-58a269be.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f17a3d3c.js → index-6d9a223f.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var useScreenSize = require('./useScreenSize-903a492c.js');
+var index = require('./index-404c632d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -95,7 +95,7 @@ const Avatar = ({ type = 'square', size, avatarImg, avatarUrl, firstLetter, back
     const shouldRenderLetter = ((!avatarUrl && !avatarImg) || isImageLoadingError) && firstLetter;
     return (React__default["default"].createElement(StyledAvatar, { style: Object.assign(Object.assign({}, style), { '--size': sizePx ? sizePx + 'px' : undefined, '--width-prop': width ? width + 'px' : undefined, '--height-prop': height ? height + 'px' : undefined, '--background-color': backgroundColor }), "data-has-max": !!(width && height), "data-avatar-type": type, onClick: onClick, className: className, avatarUrl: avatarUrl, "data-custom-size": !!size },
         avatarImg,
-        avatarUrl && !isImageLoadingError && (React__default["default"].createElement(useScreenSize.ImageWrap, { src: avatarUrl, alt: alt || 'avatar' })),
+        avatarUrl && !isImageLoadingError && (React__default["default"].createElement(index.ImageWrap, { src: avatarUrl, alt: alt || 'avatar' })),
         shouldRenderLetter && firstLetter));
 };
 

package/build/{index-5c730c6b.js → index-71816ea0.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-871bf383.js');
+var index$2 = require('./index-331f088e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-13cd06ea.js');
-var index$1 = require('./index-fe50d571.js');
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
-var index$7 = require('./index-db76af5d.js');
-var index$5 = require('./index-05199167.js');
+var index = require('./index-28b0e49e.js');
+var index$1 = require('./index-4628f343.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
+var index$7 = require('./index-6a84cc4f.js');
+var index$5 = require('./index-60034148.js');
 var core = require('@mantine/core');
-var number = require('./number-df5f349e.js');
-var index$3 = require('./index-eca3fc01.js');
+var number = require('./number-c6ff35d8.js');
+var index$3 = require('./index-2fc8fa0a.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-e787aa67.js');
-var index$6 = require('./index-a4ff28b4.js');
+var index$4 = require('./index-efc4b17a.js');
+var index$6 = require('./index-a610cb56.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-12cc92e9.js → index-80d1795a.js}

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