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

package/build/{InputDate-dd1565d3.js → InputDate-66e08914.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-452e882a.js');
+var tslib_es6 = require('./tslib.es6-90857dd6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-5d3b6f10.js');
+var text = require('./text-066aa8f5.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-7e80f652.js');
-var Locale = require('./Locale-6555a786.js');
-var index$1 = require('./index-0522023c.js');
+var index = require('./index-086271d7.js');
+var Locale = require('./Locale-03948a2d.js');
+var index$1 = require('./index-53b03945.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-29620760.js → LastPeriod-d3f062b1.js}

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

package/build/{MobileBottomNavigationIcon-80d54bb1.js → MobileBottomNavigationIcon-d70c89ed.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-452e882a.js');
+var tslib_es6 = require('./tslib.es6-90857dd6.js');
 var React = require('react');
-var index = require('./index-0522023c.js');
+var index = require('./index-53b03945.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-c4a414e8.js');
+var utils = require('./utils-9dc47a9c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-94b1b84a.js → RatingStarsInput-20b9c4c1.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-452e882a.js');
+var tslib_es6 = require('./tslib.es6-90857dd6.js');
 var React = require('react');
-var index$5 = require('./index-30a96c27.js');
+var index$5 = require('./index-d7426527.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-7e80f652.js');
-require('./index-a7c130e5.js');
-var index$b = require('./index-2f38f3ff.js');
-require('./index-145be436.js');
-var index$3 = require('./index-0522023c.js');
-var index$f = require('./index-d7ce710d.js');
-require('./index.styles-cd23aaff.js');
-require('./translationsContext-4b727402.js');
+var index$7 = require('./index-086271d7.js');
+require('./index-11a16580.js');
+var index$b = require('./index-941840c8.js');
+require('./index-c83e6966.js');
+var index$3 = require('./index-53b03945.js');
+var index$f = require('./index-b9206404.js');
+require('./index.styles-292cdcbd.js');
+require('./translationsContext-b850e426.js');
 require('@mantine/hooks');
-require('./text-5d3b6f10.js');
-var utils = require('./utils-c4a414e8.js');
-require('./index-6a361ec5.js');
-var index$2 = require('./index-4b7a3ca4.js');
+require('./text-066aa8f5.js');
+var utils = require('./utils-9dc47a9c.js');
+require('./index-9e8f364b.js');
+var index$2 = require('./index-e096cddb.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-5c1488d2.js');
+var index$4 = require('./index-44bf702e.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-7065a2a9.js');
+var index$6 = require('./index-e2201f2f.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-5d0e4455.js');
+var useOutsideClick = require('./useOutsideClick-d61e2464.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-877dbfc3.js');
-var index$8 = require('./index-e0fdfbe2.js');
-var index$9 = require('./index-269f4240.js');
-var index$c = require('./index-3ba62951.js');
+var index$a = require('./index-2f87cb5d.js');
+var index$8 = require('./index-d6eef9a9.js');
+var index$9 = require('./index-33530898.js');
+var index$c = require('./index-9727933b.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-134e87b2.js');
-var index$d = require('./index-67850ff9.js');
+var index$e = require('./index-0fdb98d6.js');
+var index$d = require('./index-8e1642a8.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-6555a786.js');
+var Locale = require('./Locale-03948a2d.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-cdde6b2b.js');
-var index$h = require('./index-97904590.js');
+var index$g = require('./index-99167ec9.js');
+var index$h = require('./index-367fbd4e.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$1 = 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$1, { 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$1 = 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$1, 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,26 @@ 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 `
+styled__default["default"].div `
   font-size: 15px;
   font-weight: 600;
-`;
-const StyledDescription$2 = styled__default["default"].div `
-  font-size: 13px;
-  font-weight: 400;
-  color: ${miscTheme.theme.colors.gray700};
 `;
 
 const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
@@ -4874,11 +4867,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(index$3.Text, { size: "p2", weight: "semiBold", color: "#111111" }, item.title),
+                React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "regular", align: isHorizontalLayout ? 'center' : 'left', color: "#111111" }, item.description)),
             isHorizontalLayout && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
-                    height: '80%',
+                    height: '75%',
                     alignSelf: 'center',
                 }, orientation: "vertical" }))));
     })));
@@ -5211,7 +5204,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),
@@ -5324,20 +5317,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;
@@ -5358,36 +5347,19 @@ const VoucherItem = ({ image, title, description, onClick, className, }) => {
                         } }))),
             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;
@@ -5397,12 +5369,12 @@ 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',
+                width: core.rem(120),
+                height: core.rem(120),
             } }),
         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-02c9ed5e.js → Spinner-d821dd7a.js}

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

package/build/{WhatsApp-d1946369.js → WhatsApp-4f32e3d1.js}

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

package/build/adapters.js

@@ -2,44 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-877dbfc3.js');
-var index$1 = require('./index-d833d500.js');
-var index$2 = require('./index-af64e6f0.js');
-require('./tslib.es6-452e882a.js');
+var index = require('./index-2f87cb5d.js');
+var index$1 = require('./index-c67122cf.js');
+var index$2 = require('./index-62d6f422.js');
+require('./tslib.es6-90857dd6.js');
 require('react');
-require('./index-d7ce710d.js');
+require('./index-b9206404.js');
 require('@mantine/core');
-require('./shared-a5aa040b.js');
-require('./text-5d3b6f10.js');
-require('./index-30a96c27.js');
+require('./shared-a1eaffb7.js');
+require('./text-066aa8f5.js');
+require('./index-d7426527.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-2f38f3ff.js');
+require('./index-941840c8.js');
 require('./constantsDomainLocales.js');
-require('./Locale-6555a786.js');
+require('./Locale-03948a2d.js');
 require('./constantsIsProduction.js');
-require('./index-e0fdfbe2.js');
-require('./utils-c4a414e8.js');
+require('./index-d6eef9a9.js');
+require('./utils-9dc47a9c.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-0522023c.js');
-require('./index-145be436.js');
+require('./index-53b03945.js');
+require('./index-c83e6966.js');
 require('dayjs');
-require('./index-a7c130e5.js');
+require('./index-11a16580.js');
 require('@mantine/notifications');
-require('./index-7e80f652.js');
+require('./index-086271d7.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-ee697dc2.js');
+require('./useUniqueId-4178224c.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-cd23aaff.js');
-require('./translationsContext-4b727402.js');
-require('./index-6a361ec5.js');
+require('./index.styles-292cdcbd.js');
+require('./translationsContext-b850e426.js');
+require('./index-9e8f364b.js');
 
 
 

package/build/atoms.js

@@ -2,81 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-7e7dabc0.js');
-var index$1 = require('./index-43623716.js');
-var index$2 = require('./index-877dbfc3.js');
-var index$3 = require('./index-5c1488d2.js');
-var index$4 = require('./index-5c0dcdd9.js');
-var index$5 = require('./index-c42eb999.js');
-var index$6 = require('./index-67850ff9.js');
-var index$7 = require('./index-30a96c27.js');
-var index$8 = require('./index-af64e6f0.js');
-var index$9 = require('./index-db62e4f2.js');
-var index$a = require('./index-134e87b2.js');
-var index$b = require('./index-7065a2a9.js');
-var index$c = require('./index-0c17ef4f.js');
-var index$d = require('./index-d833d500.js');
-var index$e = require('./index-109b16a7.js');
-var index$f = require('./index-bc9bdb02.js');
-var index$g = require('./index-26a8bfcc.js');
-var index$h = require('./index-d12c39a4.js');
-var index$i = require('./index-e0fdfbe2.js');
-var logoIcon = require('./logoIcon-74c47347.js');
-var index$j = require('./index-c7d189b9.js');
-var index$k = require('./index-97904590.js');
-var index$l = require('./index-abdcbf4b.js');
-var InputDate = require('./InputDate-dd1565d3.js');
+var index = require('./index-1ab3bf0b.js');
+var index$1 = require('./index-2a5e6955.js');
+var index$2 = require('./index-2f87cb5d.js');
+var index$3 = require('./index-44bf702e.js');
+var index$4 = require('./index-084499e2.js');
+var index$5 = require('./index-531cf859.js');
+var index$6 = require('./index-8e1642a8.js');
+var index$7 = require('./index-d7426527.js');
+var index$8 = require('./index-62d6f422.js');
+var index$9 = require('./index-6b8fe5bd.js');
+var index$a = require('./index-0fdb98d6.js');
+var index$b = require('./index-e2201f2f.js');
+var index$c = require('./index-91996184.js');
+var index$d = require('./index-c67122cf.js');
+var index$e = require('./index-fdc4c228.js');
+var index$f = require('./index-bb8eab21.js');
+var index$g = require('./index-9cebf773.js');
+var index$h = require('./index-5b68d8d9.js');
+var index$i = require('./index-d6eef9a9.js');
+var logoIcon = require('./logoIcon-a5e139c7.js');
+var index$j = require('./index-b50848bb.js');
+var index$k = require('./index-367fbd4e.js');
+var index$l = require('./index-7ddc109a.js');
+var InputDate = require('./InputDate-66e08914.js');
 require('react');
-require('./index-0522023c.js');
-require('./tslib.es6-452e882a.js');
+require('./index-53b03945.js');
+require('./tslib.es6-90857dd6.js');
 require('@mantine/core');
-require('./text-5d3b6f10.js');
+require('./text-066aa8f5.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-c4a414e8.js');
+require('./utils-9dc47a9c.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-ea59d10a.js');
+require('./Close-d78dceb2.js');
 require('@mantine/carousel');
-require('./index-d7ce710d.js');
-require('./shared-a5aa040b.js');
+require('./index-b9206404.js');
+require('./shared-a1eaffb7.js');
 require('@mantine/dates');
-require('./index-7e80f652.js');
+require('./index-086271d7.js');
 require('date-fns/locale');
-require('./index-a7c130e5.js');
-require('./Locale-6555a786.js');
+require('./index-11a16580.js');
+require('./Locale-03948a2d.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-2f38f3ff.js');
-require('./index-145be436.js');
+require('./index-941840c8.js');
+require('./index-c83e6966.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-cd23aaff.js');
-require('./translationsContext-4b727402.js');
-require('./index-6a361ec5.js');
+require('./index.styles-292cdcbd.js');
+require('./translationsContext-b850e426.js');
+require('./index-9e8f364b.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-d7177870.js');
+require('./animation-dd23afec.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-ee697dc2.js');
+require('./useUniqueId-4178224c.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-d1946369.js');
-require('./Spinner-02c9ed5e.js');
-require('./index-24374876.js');
-require('./index-269f4240.js');
-require('./paths-6cbe23b1.js');
-require('./constants-d18241e9.js');
-require('./utils-efe1dd62.js');
-require('./index-89702ae1.js');
+require('./WhatsApp-4f32e3d1.js');
+require('./Spinner-d821dd7a.js');
+require('./index-d7345e4b.js');
+require('./index-33530898.js');
+require('./paths-9a088e2c.js');
+require('./constants-f2b14f7b.js');
+require('./utils-526bb804.js');
+require('./index-4dfa2531.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ad3e38c7.js');
+require('./constants-b076ca63.js');
 require('vaul');