@hhgtech/hhg-components 1.29.529 → 1.29.531-beta-2

package/build/{transform-3290cdc9.js → transform-48175ddc.js}

@@ -1,56 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
-var index$4 = require('./index-7ab2566d.js');
+var index$4 = require('./index-87a8d36f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-a53f780c.js');
-require('./index-83dff660.js');
-var index$a = require('./index-2ae80422.js');
-require('./index-22716e8c.js');
-var index$2 = require('./index-52f6caec.js');
-var index$e = require('./index-785cbff4.js');
-require('./index-1ab48613.js');
-require('./index.styles-45a49aa7.js');
-require('./translationsContext-3fd98577.js');
+var index$6 = require('./index-fcdc6a3c.js');
+require('./index-002e9fed.js');
+var index$a = require('./index-f43c9bff.js');
+require('./index-b2eaf609.js');
+var index$2 = require('./index-7306c60c.js');
+var index$e = require('./index-1bf0e018.js');
+require('./index-9f4d9929.js');
+require('./index.styles-3f914ab2.js');
+require('./translationsContext-a4ddf24e.js');
 require('@mantine/hooks');
-var utils = require('./utils-1bdc7913.js');
-require('./index-d4b08a69.js');
-var SiteWideBanner = require('./SiteWideBanner-6f5828dd.js');
+var utils = require('./utils-d7caae82.js');
+require('./index-e819bc1e.js');
+var SiteWideBanner = require('./SiteWideBanner-45ee6256.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-8a481d36.js');
+var index$3 = require('./index-6ac2b388.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$5 = require('./index-eb2e5fda.js');
+var index$5 = require('./index-51ec6af6.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-53be606b.js');
+var useOutsideClick = require('./useOutsideClick-8f84b9b3.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-35211b73.js');
-var index$7 = require('./index-d2bd333a.js');
-var index$8 = require('./index-3876f3ec.js');
+var index$9 = require('./index-afcdf1d6.js');
+var index$7 = require('./index-42cb09f4.js');
+var index$8 = require('./index-c41a00bc.js');
 var classNames = require('classnames');
-var index$b = require('./index-7c27f961.js');
+var index$b = require('./index-4818bd87.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-134db9fe.js');
-var index$c = require('./index-d5924135.js');
+var index$d = require('./index-c1b30807.js');
+var index$c = require('./index-71f92d1f.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-e037603c.js');
+var Locale = require('./Locale-1adac20a.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$f = require('./index-507ed8f1.js');
-var index$g = require('./index-de28f501.js');
+var index$f = require('./index-ff503ec9.js');
+var index$g = require('./index-d4c80dda.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var Close = require('./Close-eef05a78.js');
+var Close = require('./Close-a91b5db8.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -5490,7 +5490,7 @@ const StyledImageCarousel = styled__default["default"](index$4.Carousel) `
 
   .mantine-Carousel-indicators {
     gap: 0.375rem;
-    bottom: 0.5rem;
+    bottom: ${({ isCarouselParallax }) => isCarouselParallax ? '38%' : '0.5rem'};
   }
 
   .mantine-Carousel-indicator {
@@ -5533,38 +5533,95 @@ const CarouselImageItem = styled__default["default"](index$3.ImageWrapV2) `
   height: 100%;
   object-fit: cover;
   object-position: center;
+`;
+const FixedHeroSection = styled__default["default"].div `
+  ${utils.MediaQueries.mbDown} {
+    position: fixed;
+    top: var(--header-height);
+    left: 0;
+    right: 0;
+    width: 100%;
+    aspect-ratio: 1;
+    z-index: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+`;
+const FixedHeroSpacer = styled__default["default"].div `
+  ${utils.MediaQueries.mbDown} {
+    width: 100%;
+    aspect-ratio: 1;
+  }
+`;
+const ContentOverlayWrapper = styled__default["default"].div `
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+`;
+const ContentOverlayWrapperParallax = styled__default["default"].div `
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+  border-radius: 1.375rem 1.375rem 0 0;
+  margin-top: calc(-0.33 * 100vw);
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
 `;
 
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, onCarouselImageClick, }) {
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, isCarouselParallax = false, onCarouselImageClick, }) {
     const { isMobile: isMobileFromHook } = index$7.useScreenSize();
+    const [hasReachedTop, setHasReachedTop] = React.useState(false);
+    const contentRef = React.useRef(null);
+    React.useEffect(() => {
+        const el = contentRef.current;
+        if (!el)
+            return;
+        const checkHasReachedTop = () => {
+            const { top } = el.getBoundingClientRect();
+            // true when any part of ContentWrapper is hidden above viewport top
+            setHasReachedTop(top < 0);
+        };
+        checkHasReachedTop();
+        window.addEventListener('scroll', checkHasReachedTop, { passive: true });
+        return () => window.removeEventListener('scroll', checkHasReachedTop);
+    }, []);
     // Use isMobile prop first, fallback to breakpoint detection (secondary priority)
     const isMobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileFromHook;
     const showCarousel = imageCarousel.length > 1;
     const showCarouselControls = imageCarousel.length > 4 && !isMobile;
     const showCarouselIndicators = imageCarousel.length > 1 && isMobile;
     const { imageCarousel: imageCarouselSlotProps, slide: carouselSlideSlotProps, imageItemWrapper: carouselImageItemWrapperSlotProps, imageItem: carouselImageItemSlotProps, } = carouselSlotProps !== null && carouselSlotProps !== void 0 ? carouselSlotProps : {};
+    const ContentWrapper = isMobile
+        ? isCarouselParallax
+            ? ContentOverlayWrapperParallax
+            : ContentOverlayWrapper
+        : 'div';
+    const heroContent = imagesSelect ? (imagesSelect) : isMobile ? (React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators, isCarouselParallax: isCarouselParallax }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+        React__namespace["default"].createElement(CarouselImageItemWrapperMobile, { style: { aspectRatio: isCarouselParallax ? '1' : undefined }, onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
+            React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+        React__namespace["default"].createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
+                (typeof generalInfo.name === 'string'
+                    ? generalInfo.name
+                    : 'product') }, bannerProps)),
+        showCarousel && (React__namespace["default"].createElement(ImageCarouselContainer, null,
+            React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+                React__namespace["default"].createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
+                        var _a;
+                        (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
+                        onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index);
+                    } }),
+                    React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))));
     return (React__namespace["default"].createElement(GeneralInfoContainer, { className: className },
-        React__namespace["default"].createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, isMobile ? (React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-            React__namespace["default"].createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
-                React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["default"].createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
-                    (typeof generalInfo.name === 'string'
-                        ? generalInfo.name
-                        : 'product') }, bannerProps)),
-            showCarousel && (React__namespace["default"].createElement(ImageCarouselContainer, null,
-                React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-                    React__namespace["default"].createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
-                            var _a;
-                            (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
-                            onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index);
-                        } }),
-                        React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))))))),
-        React__namespace["default"].createElement(ProductContent, { className: contentClassName },
-            React__namespace["default"].createElement("div", { className: "product-info" },
-                typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$2.Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
-                generalInfo.middleContent,
-                generalInfo.description && (React__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
-            children)));
+        isMobile ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, isCarouselParallax ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+            !hasReachedTop && (React__namespace["default"].createElement(FixedHeroSection, { "data-section": "FixedHeroSection" }, heroContent)),
+            React__namespace["default"].createElement(FixedHeroSpacer, null))) : (React__namespace["default"].createElement("div", { "data-section": "HeroContent" }, heroContent)))) : (React__namespace["default"].createElement("div", { "data-section": "HeroContent" }, heroContent)),
+        React__namespace["default"].createElement(ContentWrapper, { ref: contentRef },
+            React__namespace["default"].createElement(ProductContent, { className: contentClassName },
+                React__namespace["default"].createElement("div", { className: "product-info" },
+                    typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$2.Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
+                    generalInfo.middleContent,
+                    generalInfo.description && (React__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
+                children))));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;

package/build/{translationsProvider-e38e396d.js → translationsProvider-a5b158b5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-3fd98577.js');
+var translationsContext = require('./translationsContext-a4ddf24e.js');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');
 var i18nValues_idID = require('./i18n-values/id-ID.js');

package/build/{treePopoverMenu-6bf3247e.js → treePopoverMenu-fca9506c.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
-var index = require('./index-3876f3ec.js');
-var index$3 = require('./index-5ddd0abf.js');
-require('./index-7ab2566d.js');
+var index = require('./index-c41a00bc.js');
+var index$3 = require('./index-cf94f02f.js');
+require('./index-87a8d36f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-a53f780c.js');
-require('./index-83dff660.js');
-require('./index-2ae80422.js');
-require('./index-22716e8c.js');
-var index$2 = require('./index-52f6caec.js');
-require('./index-785cbff4.js');
+var index$4 = require('./index-fcdc6a3c.js');
+require('./index-002e9fed.js');
+require('./index-f43c9bff.js');
+require('./index-b2eaf609.js');
+var index$2 = require('./index-7306c60c.js');
+require('./index-1bf0e018.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-1ab48613.js');
-require('./index.styles-45a49aa7.js');
+require('./index-9f4d9929.js');
+require('./index.styles-3f914ab2.js');
 require('@mantine/hooks');
-var utils = require('./utils-1bdc7913.js');
-require('./index-d4b08a69.js');
-var index$1 = require('./index-d2bd333a.js');
-var togetherComponentGlobalContext = require('./utils-9eece90c.js');
+var utils = require('./utils-d7caae82.js');
+require('./index-e819bc1e.js');
+var index$1 = require('./index-42cb09f4.js');
+var togetherComponentGlobalContext = require('./utils-0344581f.js');
 var dateFns = require('date-fns');
-var Locale = require('./Locale-e037603c.js');
+var Locale = require('./Locale-1adac20a.js');
 var styled = require('@emotion/styled');
-var index$6 = require('./index-e8388cd0.js');
-var index$5 = require('./index-57ab8801.js');
+var index$6 = require('./index-c7c4397f.js');
+var index$5 = require('./index-5224b428.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/types.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-83dff660.js');
-var Locale = require('./Locale-e037603c.js');
+var index = require('./index-002e9fed.js');
+var Locale = require('./Locale-1adac20a.js');
 
 
 

package/build/{useCartCareService-d0cfd97e.js → useCartCareService-3abad098.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var index = require('./index-a53f780c.js');
+var index = require('./index-fcdc6a3c.js');
 
 const useIsInit = () => {
     const [isInit, setIsInit] = React.useState(true);

package/build/{useHealthToolCache-1d7b3d5c.js → useHealthToolCache-08348579.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 

package/build/{usePhoneValidator-58480759.js → usePhoneValidator-1dc81fce.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-a93fc94f.js');
-require('./index-83dff660.js');
-var index = require('./index-3876f3ec.js');
-var Locale = require('./Locale-e037603c.js');
+var useUniqueId = require('./useUniqueId-dd6a4a8d.js');
+require('./index-002e9fed.js');
+var index = require('./index-c41a00bc.js');
+var Locale = require('./Locale-1adac20a.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{usePlacesAutocomplete-7b28f0b4.js → usePlacesAutocomplete-c9eaf581.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/useTogetherAuthRequiredAction.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var store = require('./store-86e21011.js');
-var togetherComponentGlobalContext = require('./utils-9eece90c.js');
-var constants = require('./constants-3a21c7d8.js');
-require('./tslib.es6-22cfb2d1.js');
+var store = require('./store-4d67d273.js');
+var togetherComponentGlobalContext = require('./utils-0344581f.js');
+var constants = require('./constants-8ba2c2d9.js');
+require('./tslib.es6-05be08f5.js');
 require('zustand');
-require('./index-b2c81337.js');
+require('./index-6b3262a0.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-07a9d7be.js');
+require('./normalizeLink-82320e77.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e037603c.js');
-require('./index-a53f780c.js');
+require('./Locale-1adac20a.js');
+require('./index-fcdc6a3c.js');
 require('date-fns/locale');
-require('./index-83dff660.js');
+require('./index-002e9fed.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-65891508.js');
+require('./index-40cb70ce.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');

package/build/{utils-9eece90c.js → utils-0344581f.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
-var index = require('./index-65891508.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
+var index = require('./index-40cb70ce.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var slugify = require('slugify');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var formatString = require('string-format');
 var React = require('react');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-3a21c7d8.js');
+var constants = require('./constants-8ba2c2d9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-d20ab2ad.js → utils-09f5de76.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-83dff660.js');
-var Locale = require('./Locale-e037603c.js');
+require('./index-002e9fed.js');
+var Locale = require('./Locale-1adac20a.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/{utils-496193ed.js → utils-16bceda6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var constants = require('./constants-f2a6b105.js');
-require('./index-a53f780c.js');
-var index = require('./index-83dff660.js');
+var constants = require('./constants-829c91b8.js');
+require('./index-fcdc6a3c.js');
+var index = require('./index-002e9fed.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 

package/build/{utils-8330c5d1.js → utils-5110973d.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-a53f780c.js');
+var index = require('./index-fcdc6a3c.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1bdc7913.js');
+var utils = require('./utils-d7caae82.js');
 var Skeleton = require('react-loading-skeleton');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');

package/build/{utils-0b3fa7ad.js → utils-55dbe0c1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var healthTools = require('./healthTools-9fe9dfd9.js');
-var index = require('./index-b2c81337.js');
-var store = require('./store-86e21011.js');
-var index$1 = require('./index-83dff660.js');
-var Locale = require('./Locale-e037603c.js');
+var healthTools = require('./healthTools-7fc798ed.js');
+var index = require('./index-6b3262a0.js');
+var store = require('./store-4d67d273.js');
+var index$1 = require('./index-002e9fed.js');
+var Locale = require('./Locale-1adac20a.js');
 
 const isFeatureWhatsAppEnabled = [
     Locale.LOCALE.Indonesia,

package/build/vaccination.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-22cfb2d1.js');
+var tslib_es6 = require('./tslib.es6-05be08f5.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-7ab2566d.js');
+var index$5 = require('./index-87a8d36f.js');
 require('@mantine/dates');
-require('./index-a53f780c.js');
-var index$7 = require('./index-83dff660.js');
-require('./index-2ae80422.js');
-var index$3 = require('./index-22716e8c.js');
-var index$2 = require('./index-52f6caec.js');
-var index$1 = require('./index-785cbff4.js');
+require('./index-fcdc6a3c.js');
+var index$7 = require('./index-002e9fed.js');
+require('./index-f43c9bff.js');
+var index$3 = require('./index-b2eaf609.js');
+var index$2 = require('./index-7306c60c.js');
+var index$1 = require('./index-1bf0e018.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-1ab48613.js');
-require('./index.styles-45a49aa7.js');
-var index = require('./index-3876f3ec.js');
+require('./index-9f4d9929.js');
+require('./index.styles-3f914ab2.js');
+var index = require('./index-c41a00bc.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-1bdc7913.js');
-require('./index-d4b08a69.js');
+var utils = require('./utils-d7caae82.js');
+require('./index-e819bc1e.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-c0e3db0e.js');
-require('./translationsContext-3fd98577.js');
+var index$4 = require('./index-7ed64277.js');
+require('./translationsContext-a4ddf24e.js');
 var other = require('@hhgtech/icons/other');
-var index$6 = require('./index-d2bd333a.js');
-var index$8 = require('./index-b9297c0a.js');
+var index$6 = require('./index-42cb09f4.js');
+var index$8 = require('./index-c7dd8e57.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$a = require('./index-afd06067.js');
-var index$9 = require('./index-e8388cd0.js');
+var index$a = require('./index-125aaba9.js');
+var index$9 = require('./index-c7c4397f.js');
 require('@mantine/carousel');
-require('./shared-476b5033.js');
+require('./shared-9b1c0775.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-a93fc94f.js');
+require('./useUniqueId-dd6a4a8d.js');
 require('./constantsSite.js');
-require('./Locale-e037603c.js');
+require('./Locale-1adac20a.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('date-fns/locale');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.529",
+  "version": "1.29.531-beta-2",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/index-be7ac01b.js

@@ -1,31 +0,0 @@
-import React__default from 'react';
-import styled from '@emotion/styled';
-import { C as Container } from './index-fc6409b1.js';
-import { T as Text } from './index-273f9554.js';
-
-const StyledTextDivider = styled.div `
-  background-color: var(--neutral50);
-  padding: 12px 0;
-  box-shadow: inset 0px 1px 0px #e4e8ec;
-
-  > * {
-    display: grid;
-    grid-template-columns: 32px 1fr;
-    align-content: center;
-
-    p {
-      font-weight: 600;
-    }
-  }
-
-  .icon-wrapper {
-    display: flex;
-    align-items: center;
-  }
-`;
-const TextDivider = ({ children, icon, className, style }) => (React__default.createElement(StyledTextDivider, { style: style, className: className },
-    React__default.createElement(Container, null,
-        React__default.createElement("div", { className: "icon-wrapper" }, icon),
-        React__default.createElement(Text, { size: "c1", color: "var(--neutral800)" }, children))));
-
-export { TextDivider as T };

package/build/index-dabb369d.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('@emotion/styled');
-var index = require('./index-e1e5960a.js');
-var index$1 = require('./index-52f6caec.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledTextDivider = styled__default["default"].div `
-  background-color: var(--neutral50);
-  padding: 12px 0;
-  box-shadow: inset 0px 1px 0px #e4e8ec;
-
-  > * {
-    display: grid;
-    grid-template-columns: 32px 1fr;
-    align-content: center;
-
-    p {
-      font-weight: 600;
-    }
-  }
-
-  .icon-wrapper {
-    display: flex;
-    align-items: center;
-  }
-`;
-const TextDivider = ({ children, icon, className, style }) => (React__default["default"].createElement(StyledTextDivider, { style: style, className: className },
-    React__default["default"].createElement(index.Container, null,
-        React__default["default"].createElement("div", { className: "icon-wrapper" }, icon),
-        React__default["default"].createElement(index$1.Text, { size: "c1", color: "var(--neutral800)" }, children))));
-
-exports.TextDivider = TextDivider;