@hhgtech/hhg-components 1.28.91 → 1.29.1

package/build/{index-3fb3cc40.js → index-6216f560.js}

@@ -2,18 +2,19 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-6404c93f.js');
-var index_styles = require('./index.styles-115951e8.js');
-var index = require('./index-f788027e.js');
-var useScrollbarSize = require('./useScrollbarSize-923d487a.js');
+var utils = require('./utils-f00bdea3.js');
+var index_styles = require('./index.styles-aaffaede.js');
+var index = require('./index-3fce6344.js');
+var useScrollbarSize = require('./useScrollbarSize-dea95a20.js');
 var ReactDOM = require('react-dom');
-var styled = require('styled-components');
-var theme = require('./theme-8f20fc74.js');
+var styled = require('@emotion/styled');
+var utils$1 = require('./utils-74d7cf7a.js');
+var theme = require('./theme-222196ff.js');
 var other = require('@hhgtech/icons/other');
-var useTranslations = require('./useTranslations-fe55a872.js');
-var Subot = require('./Subot-0e90b908.js');
-var index$1 = require('./index-a1ebf9bd.js');
-var index$2 = require('./index-73fb1970.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
+var Subot = require('./Subot-4134f5c3.js');
+var index$1 = require('./index-14033fe4.js');
+var index$2 = require('./index-eb423771.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -83,38 +84,36 @@ const RadioImageGroup = ({ value, options, className, direction = 'horizontal',
                     : theme.theme.mbColors.midGray }, option.label)) : (React__default["default"].createElement(index$2.Text, { type: "bold", color: (value || check) === option.value ? '#2D87F3' : 'black', className: "radio-group-item-heading", size: "label1" }, option.label))))))))));
 };
 
-const _StyledModal = styled__default["default"].div `
-  position: relative;
-  z-index: 200;
-  background-color: ${theme.theme.colors.white};
-  border-radius: ${theme.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
-  &[data-site-type='marryBaby'] {
-    border-radius: 16px;
+const StyledModal = utils$1.setDefaultClass(styled__default["default"].div `
+    position: relative;
+    z-index: 200;
+    background-color: ${theme.theme.colors.white};
+    border-radius: ${theme.theme.borderRadius};
+    box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
+    &[data-site-type='marryBaby'] {
+      border-radius: 16px;
+      .hhg-modal__content {
+        position: relative;
+        z-index: 111;
+        height: 100%;
+
+        padding: 24px;
+      }
+    }
     .hhg-modal__content {
       position: relative;
       z-index: 111;
       height: 100%;
-
-      padding: 24px;
+      padding: 16px;
     }
-  }
-  .hhg-modal__content {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    padding: 16px;
-  }
-  .hhg-modal__video {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    background-color: none;
-    box-shadow: none;
-  }
-`;
-const StyledModalClass = 'hhgcomp-modal-modal';
-const StyledModal = index_styles.getDefaultClassWrapper(_StyledModal, StyledModalClass);
+    .hhg-modal__video {
+      position: relative;
+      z-index: 111;
+      height: 100%;
+      background-color: none;
+      box-shadow: none;
+    }
+  `, 'hhgcomp-modal-modal');
 const StyledModalWrapper = styled__default["default"].div `
   position: fixed;
   top: 0;
@@ -150,25 +149,25 @@ const StyledModalWrapper = styled__default["default"].div `
   }
 
   &.slideTop {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       transform: translate(0, -100vh);
       transition: all 0.5s ease;
     }
 
     &[data-open='true'] {
-      .${StyledModalClass} {
+      ${StyledModal.classSelector} {
         transform: translate(0);
       }
     }
   }
 
   &.scaleUp {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       transform: scale(0.9);
     }
 
     &[data-open='true'] {
-      .${StyledModalClass} {
+      ${StyledModal.classSelector} {
         transition: all 0.3s ease-out;
         transform: scale(1);
       }
@@ -177,7 +176,7 @@ const StyledModalWrapper = styled__default["default"].div `
 
   &[data-type='tail'] {
     justify-content: flex-end;
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 420px;
       height: 100%;
       border-radius: 0;
@@ -185,7 +184,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='form'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 496px;
       height: 548px;
       max-height: 100%;
@@ -196,7 +195,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='video'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       height: 100%;
       max-height: 539px;
       ${utils.MediaQueries.mbDown} {
@@ -209,7 +208,7 @@ const StyledModalWrapper = styled__default["default"].div `
     }
   }
   &[data-type='confirm'] {
-    .${StyledModalClass} {
+    ${StyledModal.classSelector} {
       width: 100%;
       max-width: 407px;
       ${utils.MediaQueries.mbDown} {

package/build/{index-95619121.js → index-627e5cc1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var index = require('./index-9aef26c3.js');
+var index = require('./index-5c601f08.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-12d92ef8.js → index-6d5faff0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var theme = require('./theme-8f20fc74.js');
-var utils = require('./utils-2565131e.js');
+var theme = require('./theme-222196ff.js');
+var utils = require('./utils-74d7cf7a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1f87c7f2.js → index-8102c009.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-12d92ef8.js');
-var useTranslations = require('./useTranslations-fe55a872.js');
+var index = require('./index-6d5faff0.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var styled = require('styled-components');
-var theme = require('./theme-8f20fc74.js');
+var styled = require('@emotion/styled');
+var theme = require('./theme-222196ff.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8fcc860a.js → index-8cda87a7.js}

@@ -1,68 +1,70 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-f788027e.js');
-var index_styles = require('./index.styles-115951e8.js');
-var utils = require('./utils-6404c93f.js');
-var index$3 = require('./index-9aef26c3.js');
-var index$4 = require('./index-73fb1970.js');
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
-var index$5 = require('./index-1840623c.js');
-var index$6 = require('./index-17ae2899.js');
-var theme = require('./theme-8f20fc74.js');
+var index$2 = require('./index-3fce6344.js');
+var index_styles = require('./index.styles-aaffaede.js');
+var utils = require('./utils-f00bdea3.js');
+var index$3 = require('./index-5c601f08.js');
+var index$4 = require('./index-eb423771.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
+var index$5 = require('./index-cdd4f091.js');
+var index$6 = require('./index-47c587bb.js');
+var theme = require('./theme-222196ff.js');
 var core = require('@mantine/core');
 var innertext = require('innertext');
 require('@mantine/dates');
-var index$b = require('./index-9bd23d0b.js');
-var Subot = require('./Subot-0e90b908.js');
-require('./translationsContext-a147c1d0.js');
+var index$b = require('./index-1071810d.js');
+var Subot = require('./Subot-4134f5c3.js');
+require('./useMantineLocale-0e980601.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-38356680.js');
-var styled = require('styled-components');
+var index$7 = require('./index-abd2cd3f.js');
+var styled = require('@emotion/styled');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-589173e9.js');
-var index$a = require('./index-95619121.js');
-var index$9 = require('./index-c63427df.js');
+var index$8 = require('./index-bbaa4482.js');
+var index$a = require('./index-627e5cc1.js');
+var index$9 = require('./index-291b75aa.js');
+var react = require('@emotion/react');
 var parse = require('html-react-parser');
-var isProduction = require('./isProduction-47f8d310.js');
-var useTranslations = require('./useTranslations-fe55a872.js');
+var isProduction = require('./isProduction-0fbb2780.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 var other = require('@hhgtech/icons/other');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
-var types = require('./types-9e90b08d.js');
-var utils$1 = require('./utils-2565131e.js');
-var index$d = require('./index-1f87c7f2.js');
-var index$e = require('./index-a1ebf9bd.js');
-var index$f = require('./index-23e5cb6a.js');
-var index$c = require('./index-67b20ed4.js');
-var index$g = require('./index-13d309d1.js');
+var types = require('./types-08ce3c52.js');
+var utils$1 = require('./utils-74d7cf7a.js');
+var index$d = require('./index-8102c009.js');
+var index$e = require('./index-14033fe4.js');
+var index$f = require('./index-cd84fbf2.js');
+var index$c = require('./index-41dd62e8.js');
+var index$g = require('./index-b663f389.js');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-a1016997.js');
+var useHealthToolCache = require('./useHealthToolCache-ffee7df6.js');
 var yup = require('@hookform/resolvers/yup');
-var index$h = require('./index-3fb3cc40.js');
-var constants = require('./constants-271d01dc.js');
-var index$i = require('./index-c94f10d9.js');
-require('./utils-b47071e1.js');
-require('./index.styled-100a6f0e.js');
-require('./index-d058ca0c.js');
-var useOutsideClick = require('./useOutsideClick-a31e602e.js');
+var index$h = require('./index-6216f560.js');
+var constants = require('./constants-e24320fc.js');
+var index$i = require('./index-54e27e70.js');
+require('./utils-8689f497.js');
+require('./index.styled-516fbbd9.js');
+require('./index-f4b32c12.js');
+var useOutsideClick = require('./useOutsideClick-f039cfaa.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 getSocialList = require('./getSocialList-689884d2.js');
+var getSocialList = require('./getSocialList-9cf5438b.js');
 var uuid = require('uuid');
-var routing = require('./routing-bb97885f.js');
+var routing = require('./routing-b4b3355b.js');
 var form = require('@mantine/form');
-var index$j = require('./index-12d92ef8.js');
+var index$j = require('./index-6d5faff0.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$k = require('./index-730e3477.js');
+var index$k = require('./index-38b6d467.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var cookieHelper = require('./cookieHelper-a1a89728.js');
-var normalizeLink = require('./normalizeLink-55f5e6d4.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
+var normalizeLink = require('./normalizeLink-dbf18e7c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -2714,7 +2716,7 @@ const CookieAcceptConfirm = ({ className, policiesUrl, onAcceptClick, translatio
             React__default["default"].createElement(StyledPoliciesButton, { href: policiesUrl }, translations.policiesButton))));
 };
 
-const slideInUp = styled.keyframes `
+const slideInUp = react.keyframes `
   from {
     transform: translateY(100%);
     visibility: visible;
@@ -2724,7 +2726,7 @@ const slideInUp = styled.keyframes `
     transform: translateY(0);
   }
 `;
-const slideOutDown = styled.keyframes `
+const slideOutDown = react.keyframes `
   from {
     transform: translate(0, 0);
   }
@@ -3035,25 +3037,23 @@ const SeoHead = ({ SEOData = {}, locale = 'vi-VN', routerPathname: pathname, rou
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
-const _StyledWrapper = styled__default["default"].div `
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: ${(props) => props.bgColor};
-  background-color: inherit;
+const StyledWrapper$1 = utils$1.setDefaultClass(styled__default["default"].div `
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: ${(props) => props.bgColor};
+    background-color: inherit;
 
-  &[data-site='marryBaby'] {
-    background-color: ${(props) => props['data-banner-color'] || '#5EC08F'};
-    background-image: none;
-    padding-bottom: 0;
-    &[data-is-embedded='true'] {
-      border-top-left-radius: 16px;
-      border-top-right-radius: 16px;
+    &[data-site='marryBaby'] {
+      background-color: ${(props) => props['data-banner-color'] || '#5EC08F'};
+      background-image: none;
+      padding-bottom: 0;
+      &[data-is-embedded='true'] {
+        border-top-left-radius: 16px;
+        border-top-right-radius: 16px;
+      }
     }
-  }
-`;
-const StyledWrapperClass = 'hhgcomp-toolbanner-wrapper';
-const StyledWrapper$1 = index_styles.getDefaultClassWrapper(_StyledWrapper, StyledWrapperClass);
+  `, 'hhgcomp-toolbanner-wrapper');
 const StyledContainer$4 = styled__default["default"].div `
   width: 100%;
   ${utils.MediaQueries.mbDown} {
@@ -3076,7 +3076,7 @@ const StyledContainer$4 = styled__default["default"].div `
 
   ${utils.MediaQueries.tdDown} {
     height: auto;
-    .${StyledWrapperClass} {
+    ${StyledWrapper$1.classSelector} {
       .${StyledInnerClass} {
         display: flex;
         align-items: center;
@@ -3245,7 +3245,7 @@ const StyledDropDown = styled__default["default"](index$c.Dropdown) `
   }
 
   ${(props) => props.groupedWithLabel &&
-    styled.css `
+    react.css `
       & > div:first-child {
         color: ${theme.theme.mbColors.midGray};
         font-size: 12px;
@@ -3800,96 +3800,94 @@ const DueDateCalculator = ({ onSubmitDueDate, locale, isSide, siteType, }) => {
         calculatorType === DueDateCalculatorType.IVF ? (React__default["default"].createElement(DueDateFormIVF, { locale: locale, onClick: onSubmitDueDate, isSide: isSide, siteType: siteType, pageUrl: currentUrl })) : null));
 };
 
-const _StyledContent = styled__default["default"].form `
-  margin: auto;
-  ${utils.MediaQueries.mbUp} {
-    width: 100%;
-    padding: 20px;
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-  }
-  ${utils.MediaQueries.mbDown} {
-    padding: 16px;
-  }
-  .due-date-calculate-button {
-    width: 100%;
-    margin: 12px auto 0;
+const StyledContent = utils$1.setDefaultClass(styled__default["default"].form `
+    margin: auto;
     ${utils.MediaQueries.mbUp} {
-      max-width: 200px;
+      width: 100%;
+      padding: 20px;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
     }
-  }
-  &[data-is-side='true'] {
-    ${utils.MediaQueries.mbUp} {
-      padding: 24px 40px 0px 40px;
+    ${utils.MediaQueries.mbDown} {
+      padding: 16px;
     }
-  }
-  .input-weight-form {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    padding: 0 16px;
-  }
-  .input-form {
-    display: flex;
-
-    ${utils.MediaQueries.mbUp} {
-      margin-bottom: 24px;
-      width: calc(50% - 8px);
+    .due-date-calculate-button {
+      width: 100%;
+      margin: 12px auto 0;
+      ${utils.MediaQueries.mbUp} {
+        max-width: 200px;
+      }
     }
     &[data-is-side='true'] {
       ${utils.MediaQueries.mbUp} {
-        margin-bottom: 8px;
-        width: 100%;
+        padding: 24px 40px 0px 40px;
       }
     }
-    ${utils.MediaQueries.mbDown} {
-      margin-bottom: 8px;
-    }
-    .label-text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      -webkit-line-clamp: 2;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
+    .input-weight-form {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 0 16px;
     }
-  }
-  .input-form-pwg {
-    display: flex;
-    width: calc(50% - 8px);
+    .input-form {
+      display: flex;
 
-    ${utils.MediaQueries.mbUp} {
-      margin-bottom: 24px;
-    }
-    &[data-is-side='true'] {
       ${utils.MediaQueries.mbUp} {
+        margin-bottom: 24px;
+        width: calc(50% - 8px);
+      }
+      &[data-is-side='true'] {
+        ${utils.MediaQueries.mbUp} {
+          margin-bottom: 8px;
+          width: 100%;
+        }
+      }
+      ${utils.MediaQueries.mbDown} {
         margin-bottom: 8px;
       }
+      .label-text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+      }
     }
-    ${utils.MediaQueries.mbDown} {
-      margin-bottom: 8px;
-      width: 100%;
-    }
-    .label-text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      -webkit-line-clamp: 2;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-    }
-  }
-  .day-slider {
-    width: 100%;
-    ${utils.MediaQueries.mbUp} {
+    .input-form-pwg {
+      display: flex;
       width: calc(50% - 8px);
+
+      ${utils.MediaQueries.mbUp} {
+        margin-bottom: 24px;
+      }
       &[data-is-side='true'] {
+        ${utils.MediaQueries.mbUp} {
+          margin-bottom: 8px;
+        }
+      }
+      ${utils.MediaQueries.mbDown} {
+        margin-bottom: 8px;
         width: 100%;
       }
+      .label-text {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+      }
     }
-  }
-`;
-const StyledContentClass = 'hhgcomp-embedtoolcard-content';
-const StyledContent = index_styles.getDefaultClassWrapper(_StyledContent, StyledContentClass);
+    .day-slider {
+      width: 100%;
+      ${utils.MediaQueries.mbUp} {
+        width: calc(50% - 8px);
+        &[data-is-side='true'] {
+          width: 100%;
+        }
+      }
+    }
+  `, 'hhgcomp-embedtoolcard-content');
 const StyledContainer$3 = styled__default["default"].div `
   padding: 0;
   background-color: white;
@@ -3901,7 +3899,7 @@ const StyledContainer$3 = styled__default["default"].div `
     border-radius: 16px;
   }
   .due-date-cal {
-    .${StyledContentClass} {
+    ${StyledContent.classSelector} {
       ${utils.MediaQueries.mbUp} {
         padding: 24px;
       }

package/build/{index-daf585d3.js → index-90427e42.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-8f20fc74.js');
+var theme = require('./theme-222196ff.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-154f8e66.js → index-98954e2f.js}

@@ -1,19 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-9aef26c3.js');
+var index$1 = require('./index-5c601f08.js');
 require('@mantine/dates');
-var index = require('./index-9bd23d0b.js');
-var Subot = require('./Subot-0e90b908.js');
-require('./index-1840623c.js');
-require('./index-f788027e.js');
-require('./theme-8f20fc74.js');
-var useTranslations = require('./useTranslations-fe55a872.js');
+var index = require('./index-1071810d.js');
+var Subot = require('./Subot-4134f5c3.js');
+require('./index-cdd4f091.js');
+require('./useMantineLocale-0e980601.js');
+require('./index-3fce6344.js');
+require('./theme-222196ff.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 require('@mantine/hooks');
-require('./utils-6404c93f.js');
-var utils = require('./utils-c72b610e.js');
+require('./utils-f00bdea3.js');
+var utils = require('./utils-acc65e18.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }