@hhgtech/hhg-components 1.29.434-beta-9 → 1.29.434-beta-10

package/build/{InputDate-5c5a886e.js → InputDate-835cc448.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-f043a2ed.js');
+var text = require('./text-45c2c90a.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-763697ad.js');
-var Locale = require('./Locale-aba625ef.js');
-var index$1 = require('./index-f029572e.js');
+var index = require('./index-bfac1afd.js');
+var Locale = require('./Locale-9af6e0a0.js');
+var index$1 = require('./index-690c93c9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-f6c00a55.js → LastPeriod-84281ebc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-bea1ec08.js → MobileBottomNavigationIcon-9f80764f.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
-var index = require('./index-f029572e.js');
+var index = require('./index-690c93c9.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-aa8dec86.js');
+var utils = require('./utils-0a22a6e1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-df602da2.js → RatingStarsInput-0e7244d5.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
-var index$5 = require('./index-21a3777a.js');
+var index$5 = require('./index-d965fa84.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-763697ad.js');
-require('./index-c567851e.js');
-var index$b = require('./index-b3caf7c4.js');
-require('./index-5762a1f9.js');
-var index$3 = require('./index-f029572e.js');
-var index$f = require('./index-0b3a95fd.js');
-require('./index.styles-221cd30d.js');
-require('./translationsContext-2fcb2127.js');
+var index$7 = require('./index-bfac1afd.js');
+require('./index-448d05b8.js');
+var index$b = require('./index-fc3ec839.js');
+require('./index-6a668144.js');
+var index$3 = require('./index-690c93c9.js');
+var index$f = require('./index-fa94e287.js');
+require('./index.styles-34fa7009.js');
+require('./translationsContext-92563ebf.js');
 require('@mantine/hooks');
-require('./text-f043a2ed.js');
-var utils = require('./utils-aa8dec86.js');
-require('./index-6d245ce7.js');
-var index$2 = require('./index-3f55e6c8.js');
+require('./text-45c2c90a.js');
+var utils = require('./utils-0a22a6e1.js');
+require('./index-cc66d5b9.js');
+var index$2 = require('./index-6831e600.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-a968c722.js');
+var index$4 = require('./index-69e9691b.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-9cc3c5a1.js');
+var index$6 = require('./index-4b0b1808.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-52406348.js');
+var useOutsideClick = require('./useOutsideClick-bd0445b3.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$a = require('./index-4baf4ddc.js');
-var index$8 = require('./index-6657e053.js');
-var index$9 = require('./index-3500465d.js');
-var index$c = require('./index-9042de40.js');
+var index$a = require('./index-2e64be96.js');
+var index$8 = require('./index-e786312a.js');
+var index$9 = require('./index-683b0c58.js');
+var index$c = require('./index-d8cadc42.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-64adc16d.js');
-var index$d = require('./index-e16c7e60.js');
+var index$e = require('./index-f5fa71da.js');
+var index$d = require('./index-ea0500a2.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-aba625ef.js');
+var Locale = require('./Locale-9af6e0a0.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-a8e78cf2.js');
-var index$h = require('./index-a7700885.js');
+var index$g = require('./index-e705e1e2.js');
+var index$h = require('./index-effe9c9f.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -2073,7 +2073,7 @@ const StyledTitleSection = styled__default["default"].p `
     }
   }
 `;
-const StyledDescription$3 = styled__default["default"].p `
+const StyledDescription$2 = styled__default["default"].p `
   margin-top: 2px;
   color: ${miscTheme.theme.colors.white};
   font-size: 12px;
@@ -2116,7 +2116,7 @@ const CookieAcceptConfirm = ({ className, policiesUrl, onAcceptClick, translatio
 }, title = '', description = '', theme = 'helloSites', isOpen = true, useDefaultPosition = true, trackingAttributes, }) => {
     return (React__namespace["default"].createElement(StyledAcceptCardContainer, { className: className, "data-theme": theme, "data-is-open": isOpen, "data-default-position": useDefaultPosition },
         React__namespace["default"].createElement(StyledTitleSection, { "data-has-content": !!title }, title),
-        React__namespace["default"].createElement(StyledDescription$3, { dangerouslySetInnerHTML: {
+        React__namespace["default"].createElement(StyledDescription$2, { dangerouslySetInnerHTML: {
                 __html: description,
             } }),
         React__namespace["default"].createElement(StyledButtonGroup, null,
@@ -4785,7 +4785,7 @@ const StyledTextContent = styled__default["default"].div `
   font-size: 0.9375rem;
   line-height: 1.5rem;
 `;
-const StyledTitle$3 = styled__default["default"].span `
+const StyledTitle$2 = styled__default["default"].span `
   font-weight: 600;
 `;
 const StyledSubTitle = styled__default["default"].span `
@@ -4817,7 +4817,7 @@ const HPVScreener = ({ onClick, className }) => {
                                 "1.2M ",
                                 t('detail.screened')))),
                     React__namespace["default"].createElement(StyledTextContent, null,
-                        React__namespace["default"].createElement(StyledTitle$3, null, t('detail.hpvScreenerTitle')),
+                        React__namespace["default"].createElement(StyledTitle$2, null, t('detail.hpvScreenerTitle')),
                         ' ',
                         React__namespace["default"].createElement(StyledSubTitle, null, t('detail.hpvScreenerSubtitle')))),
                 React__namespace["default"].createElement("div", { style: { alignSelf: 'flex-start' } },
@@ -4831,33 +4831,34 @@ const HPVScreener = ({ onClick, className }) => {
 const StyledHorizontalContainer = styled__default["default"].div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
-  column-gap: 10px;
+  column-gap: ${core.rem(16)};
 `;
 const StyledVerticalContainer = styled__default["default"].div `
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  row-gap: 1.5rem;
+  row-gap: ${core.rem(24)};
 
   .span-2 {
     grid-column: 1 / span 2;
   }
 `;
 const StyledVerticalContent = styled__default["default"].div `
-  position: relative;
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  justify-content: center;
+  gap: ${core.rem(2)};
   align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
 `;
-const StyledTitle$2 = styled__default["default"].div `
-  font-size: 15px;
+const StyledTitle$1 = styled__default["default"].div `
+  font-size: ${core.rem(15)};
   font-weight: 600;
+  color: #111111;
+  line-height: ${core.rem(24)};
 `;
-const StyledDescription$2 = styled__default["default"].div `
-  font-size: 13px;
-  font-weight: 400;
+const StyledDescription$1 = styled__default["default"].div `
   color: ${miscTheme.theme.colors.gray700};
+  font-weight: 400;
+  line-height: ${core.rem(20)};
+  font-size: ${core.rem(13)};
 `;
 
 const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
@@ -4874,11 +4875,11 @@ const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
         }
         return (React__namespace["default"].createElement(React__namespace["default"].Fragment, { key: item.id },
             React__namespace["default"].createElement(StyledVerticalContent, { layout: layout, className: item.cssItem },
-                React__namespace["default"].createElement(StyledTitle$2, null, item.title),
-                React__namespace["default"].createElement(StyledDescription$2, null, item.description)),
+                React__namespace["default"].createElement(StyledTitle$1, null, item.title),
+                React__namespace["default"].createElement(StyledDescription$1, null, item.description)),
             isHorizontalLayout && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
-                    height: '80%',
+                    height: '75%',
                     alignSelf: 'center',
                 }, orientation: "vertical" }))));
     })));
@@ -5216,7 +5217,7 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
     return (React__namespace["default"].createElement(StyleCardItem, { className: className },
         React__namespace["default"].createElement("div", { className: "info" },
             React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement("h5", { className: "title" }, title)),
+                React__namespace["default"].createElement(index$3.Text, { size: "title2", color: "#111111", weight: "semiBold" }, title)),
             typeof description === 'string' ? (React__namespace["default"].createElement(LinkComponent, { href: href },
                 React__namespace["default"].createElement("p", { className: "description" }, description))) : (description),
             contentInfo),
@@ -5329,20 +5330,16 @@ const StyledFlex = styled__default["default"].div `
   justify-content: space-between;
   height: 100%;
 `;
-const StyledTitle$1 = styled__default["default"].div `
+const StyledTitle = styled__default["default"](index$3.Text) `
   width: 100%;
-  font-size: 0.8125rem;
-  font-weight: 500;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 `;
-const StyledDescription$1 = styled__default["default"].div `
-  font-size: 0.6875rem;
-  font-weight: 500;
-  color: ${miscTheme.theme.colors.gray700};
+const StyledDescription = styled__default["default"](index$3.Text) `
+  font-size: ${core.rem(11)};
 `;
 const Center = styled__default["default"].div `
   display: flex;
@@ -5360,39 +5357,23 @@ const VoucherItem = ({ image, title, description, onClick, className, }) => {
                             width: '2.5rem',
                             height: '2.5rem',
                             borderRadius: '8px',
+                            objectFit: 'cover',
                         } }))),
             React__namespace["default"].createElement(core.Grid.Col, { span: "auto" },
                 React__namespace["default"].createElement(StyledFlex, null,
-                    React__namespace["default"].createElement(StyledTitle$1, null, title),
-                    React__namespace["default"].createElement(StyledDescription$1, null, description))))));
+                    React__namespace["default"].createElement(StyledTitle, { size: "p3", weight: "halfBold", color: "#111111" }, title),
+                    React__namespace["default"].createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description))))));
 };
 
 const StyledContainer = styled__default["default"].div `
   display: flex;
   flex-direction: column;
-  justify-content: centr;
   align-items: center;
   border-radius: 12px;
   background-color: ${miscTheme.theme.colors.neutral50};
   padding: 16px 8px;
   gap: 8px;
 `;
-const StyledTitle = styled__default["default"].div `
-  font-size: 13px;
-  font-weight: 600;
-  text-align: center;
-`;
-const StyledDescription = styled__default["default"].div `
-  font-size: 13px;
-  font-weight: 400;
-  color: ${miscTheme.theme.colors.gray700};
-  text-align: center;
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-`;
 const StyledTextContainer = styled__default["default"].div `
   display: flex;
   flex-direction: column;
@@ -5401,13 +5382,14 @@ const StyledTextContainer = styled__default["default"].div `
 
 const CertificateItem = ({ image, description, title, className, }) => {
     return (React__namespace["default"].createElement(StyledContainer, { className: className },
-        React__namespace["default"].createElement(core.Image, { src: image, style: {
-                width: '7.5rem',
-                height: '7.5rem',
+        React__namespace["default"].createElement(index$8.ImageWrap, { src: image, alt: title, style: {
+                width: core.rem(120),
+                height: core.rem(120),
+                objectFit: 'cover',
             } }),
         React__namespace["default"].createElement(StyledTextContainer, null,
-            React__namespace["default"].createElement(StyledTitle, null, title),
-            React__namespace["default"].createElement(StyledDescription, null, description))));
+            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold", color: "#111111", align: "center" }, title),
+            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "regular", align: "center" }, description))));
 };
 
 const MAX_RATING = 5;

package/build/{Spinner-fb107446.js → Spinner-d2fc427d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-83608b83.js → WhatsApp-cda58243.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6465097a.js');
+var tslib_es6 = require('./tslib.es6-60438036.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,43 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4baf4ddc.js');
-var index$1 = require('./index-169688df.js');
-var index$2 = require('./index-a6a28783.js');
-require('./tslib.es6-6465097a.js');
+var index = require('./index-2e64be96.js');
+var index$1 = require('./index-851e8665.js');
+var index$2 = require('./index-186b6028.js');
+require('./tslib.es6-60438036.js');
 require('react');
-require('./index-0b3a95fd.js');
+require('./index-fa94e287.js');
 require('@mantine/core');
-require('./shared-736c3b5b.js');
-require('./text-f043a2ed.js');
-require('./index-21a3777a.js');
+require('./shared-efb2cb84.js');
+require('./text-45c2c90a.js');
+require('./index-d965fa84.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-b3caf7c4.js');
+require('./index-fc3ec839.js');
 require('./constantsDomainLocales.js');
-require('./Locale-aba625ef.js');
+require('./Locale-9af6e0a0.js');
 require('./constantsIsProduction.js');
-require('./index-6657e053.js');
-require('./utils-aa8dec86.js');
+require('./index-e786312a.js');
+require('./utils-0a22a6e1.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-f029572e.js');
-require('./index-5762a1f9.js');
+require('./index-690c93c9.js');
+require('./index-6a668144.js');
 require('dayjs');
-require('./index-c567851e.js');
+require('./index-448d05b8.js');
 require('@mantine/notifications');
-require('./index-763697ad.js');
+require('./index-bfac1afd.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-0e466b02.js');
+require('uuid');
+require('./useUniqueId-3d98924f.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-221cd30d.js');
-require('./translationsContext-2fcb2127.js');
-require('./index-6d245ce7.js');
+require('./index.styles-34fa7009.js');
+require('./translationsContext-92563ebf.js');
+require('./index-cc66d5b9.js');