@hhgtech/hhg-components 1.29.434-beta-1 → 1.29.434-beta-3

package/build/{InputDate-96f28dfa.js → InputDate-b291d052.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-755dd1f1.js');
+var tslib_es6 = require('./tslib.es6-19e1fdb1.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-ffd15fb4.js');
+var text = require('./text-d8bea1e8.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-f23be775.js');
-var Locale = require('./Locale-aaa9ad58.js');
-var index$1 = require('./index-42379a29.js');
+var index = require('./index-81c95fcd.js');
+var Locale = require('./Locale-576232f1.js');
+var index$1 = require('./index-aa9a6c9e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-1e365520.js → LastPeriod-1908675e.js}

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

package/build/{MobileBottomNavigationIcon-2385096c.js → MobileBottomNavigationIcon-de1c7078.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-755dd1f1.js');
+var tslib_es6 = require('./tslib.es6-19e1fdb1.js');
 var React = require('react');
-var index = require('./index-42379a29.js');
+var index = require('./index-aa9a6c9e.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-47e28d56.js');
+var utils = require('./utils-35ead6b9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-b8dbbc5c.js → RatingStarsInput-4fc749f0.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-755dd1f1.js');
+var tslib_es6 = require('./tslib.es6-19e1fdb1.js');
 var React = require('react');
-var index$5 = require('./index-c0027950.js');
+var index$5 = require('./index-86703943.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-f23be775.js');
-require('./index-08ca7a9e.js');
-var index$b = require('./index-c1b13532.js');
-require('./index-04b9dca7.js');
-var index$3 = require('./index-42379a29.js');
-var index$f = require('./index-f5f3dce1.js');
-require('./index.styles-6aa4a871.js');
-require('./translationsContext-edca5f7a.js');
+var index$7 = require('./index-81c95fcd.js');
+require('./index-fc67dc88.js');
+var index$b = require('./index-45f89c36.js');
+require('./index-b56c0e25.js');
+var index$3 = require('./index-aa9a6c9e.js');
+var index$f = require('./index-79d0667b.js');
+require('./index.styles-66247ee1.js');
+require('./translationsContext-9cb6cd6c.js');
 require('@mantine/hooks');
-require('./text-ffd15fb4.js');
-var utils = require('./utils-47e28d56.js');
-require('./index-b266a06b.js');
-var index$2 = require('./index-b01e7074.js');
+require('./text-d8bea1e8.js');
+var utils = require('./utils-35ead6b9.js');
+require('./index-1d03042f.js');
+var index$2 = require('./index-cade6912.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-4f2df693.js');
+var index$4 = require('./index-691931a0.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-1a452eba.js');
+var index$6 = require('./index-382f5628.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-e99be79d.js');
+var useOutsideClick = require('./useOutsideClick-971d2906.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-dfd9b888.js');
-var index$8 = require('./index-688042b3.js');
-var index$9 = require('./index-ee8ccd13.js');
-var index$c = require('./index-f5e9314a.js');
+var index$a = require('./index-939246de.js');
+var index$8 = require('./index-a0068f1b.js');
+var index$9 = require('./index-d9d72508.js');
+var index$c = require('./index-80b57e84.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-a159160c.js');
-var index$d = require('./index-2c10d148.js');
+var index$e = require('./index-7ad32837.js');
+var index$d = require('./index-a3a05b74.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-aaa9ad58.js');
+var Locale = require('./Locale-576232f1.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-686c4060.js');
-var index$h = require('./index-a849bb1a.js');
+var index$g = require('./index-db038724.js');
+var index$h = require('./index-f3f1095f.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-b1f804f1.js → Spinner-04e8e900.js}

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

package/build/{WhatsApp-9626e906.js → WhatsApp-3b1c9225.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-755dd1f1.js');
+var tslib_es6 = require('./tslib.es6-19e1fdb1.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-dfd9b888.js');
-var index$1 = require('./index-5e673e06.js');
-var index$2 = require('./index-ec151596.js');
-require('./tslib.es6-755dd1f1.js');
+var index = require('./index-939246de.js');
+var index$1 = require('./index-dd072c07.js');
+var index$2 = require('./index-87752a9b.js');
+require('./tslib.es6-19e1fdb1.js');
 require('react');
-require('./index-f5f3dce1.js');
+require('./index-79d0667b.js');
 require('@mantine/core');
-require('./shared-1f8abc1a.js');
-require('./text-ffd15fb4.js');
-require('./index-c0027950.js');
+require('./shared-c1a7c781.js');
+require('./text-d8bea1e8.js');
+require('./index-86703943.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-c1b13532.js');
+require('./index-45f89c36.js');
 require('./constantsDomainLocales.js');
-require('./Locale-aaa9ad58.js');
+require('./Locale-576232f1.js');
 require('./constantsIsProduction.js');
-require('./index-688042b3.js');
-require('./utils-47e28d56.js');
+require('./index-a0068f1b.js');
+require('./utils-35ead6b9.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-42379a29.js');
-require('./index-04b9dca7.js');
+require('./index-aa9a6c9e.js');
+require('./index-b56c0e25.js');
 require('dayjs');
-require('./index-08ca7a9e.js');
+require('./index-fc67dc88.js');
 require('@mantine/notifications');
-require('./index-f23be775.js');
+require('./index-81c95fcd.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-3514bff4.js');
+require('./useUniqueId-a58955f0.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-6aa4a871.js');
-require('./translationsContext-edca5f7a.js');
-require('./index-b266a06b.js');
+require('./index.styles-66247ee1.js');
+require('./translationsContext-9cb6cd6c.js');
+require('./index-1d03042f.js');
 
 
 

package/build/atoms.js

@@ -2,81 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-5f80b5fe.js');
-var index$1 = require('./index-6f22eb00.js');
-var index$2 = require('./index-dfd9b888.js');
-var index$3 = require('./index-4f2df693.js');
-var index$4 = require('./index-ca397212.js');
-var index$5 = require('./index-d7bcb47a.js');
-var index$6 = require('./index-2c10d148.js');
-var index$7 = require('./index-c0027950.js');
-var index$8 = require('./index-ec151596.js');
-var index$9 = require('./index-57a2d833.js');
-var index$a = require('./index-a159160c.js');
-var index$b = require('./index-1a452eba.js');
-var index$c = require('./index-23af0aa8.js');
-var index$d = require('./index-5e673e06.js');
-var index$e = require('./index-8b8b8e4c.js');
-var index$f = require('./index-0d34789c.js');
-var index$g = require('./index-31fdb8e4.js');
-var index$h = require('./index-22bbd55a.js');
-var index$i = require('./index-688042b3.js');
-var logoIcon = require('./logoIcon-11c444bb.js');
-var index$j = require('./index-61d1dc71.js');
-var index$k = require('./index-a849bb1a.js');
-var index$l = require('./index-bc0d9785.js');
-var InputDate = require('./InputDate-96f28dfa.js');
+var index = require('./index-a735d1b5.js');
+var index$1 = require('./index-1bf65b3e.js');
+var index$2 = require('./index-939246de.js');
+var index$3 = require('./index-691931a0.js');
+var index$4 = require('./index-d354bdb8.js');
+var index$5 = require('./index-d013d849.js');
+var index$6 = require('./index-a3a05b74.js');
+var index$7 = require('./index-86703943.js');
+var index$8 = require('./index-87752a9b.js');
+var index$9 = require('./index-47a41266.js');
+var index$a = require('./index-7ad32837.js');
+var index$b = require('./index-382f5628.js');
+var index$c = require('./index-c01a61c0.js');
+var index$d = require('./index-dd072c07.js');
+var index$e = require('./index-5a17d36c.js');
+var index$f = require('./index-9cf6f3ae.js');
+var index$g = require('./index-60ebaf79.js');
+var index$h = require('./index-c508b8b4.js');
+var index$i = require('./index-a0068f1b.js');
+var logoIcon = require('./logoIcon-7da9622d.js');
+var index$j = require('./index-2b1502b1.js');
+var index$k = require('./index-f3f1095f.js');
+var index$l = require('./index-ac409cc0.js');
+var InputDate = require('./InputDate-b291d052.js');
 require('react');
-require('./index-42379a29.js');
-require('./tslib.es6-755dd1f1.js');
+require('./index-aa9a6c9e.js');
+require('./tslib.es6-19e1fdb1.js');
 require('@mantine/core');
-require('./text-ffd15fb4.js');
+require('./text-d8bea1e8.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-47e28d56.js');
+require('./utils-35ead6b9.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-d067cea1.js');
+require('./Close-2a84885b.js');
 require('@mantine/carousel');
-require('./index-f5f3dce1.js');
-require('./shared-1f8abc1a.js');
+require('./index-79d0667b.js');
+require('./shared-c1a7c781.js');
 require('@mantine/dates');
-require('./index-f23be775.js');
+require('./index-81c95fcd.js');
 require('date-fns/locale');
-require('./index-08ca7a9e.js');
-require('./Locale-aaa9ad58.js');
+require('./index-fc67dc88.js');
+require('./Locale-576232f1.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-c1b13532.js');
-require('./index-04b9dca7.js');
+require('./index-45f89c36.js');
+require('./index-b56c0e25.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-6aa4a871.js');
-require('./translationsContext-edca5f7a.js');
-require('./index-b266a06b.js');
+require('./index.styles-66247ee1.js');
+require('./translationsContext-9cb6cd6c.js');
+require('./index-1d03042f.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-b545013b.js');
+require('./animation-df257a7c.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-3514bff4.js');
+require('./useUniqueId-a58955f0.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-9626e906.js');
-require('./Spinner-b1f804f1.js');
-require('./index-ef13995c.js');
-require('./index-ee8ccd13.js');
-require('./paths-99cbd7d7.js');
-require('./constants-754e8693.js');
-require('./utils-37a21a88.js');
-require('./index-dcc7b3df.js');
+require('./WhatsApp-3b1c9225.js');
+require('./Spinner-04e8e900.js');
+require('./index-b71d1e86.js');
+require('./index-d9d72508.js');
+require('./paths-df773924.js');
+require('./constants-2d90a0a4.js');
+require('./utils-a529e0d8.js');
+require('./index-0994ced9.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-ad41d615.js');
+require('./constants-af81f124.js');
 require('vaul');