@hhgtech/hhg-components 1.29.0 → 1.29.1

package/build/{index-604be5a9.js → index-1dbbd36d.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-e4200206.js');
-var index = require('./index-31aefbbb.js');
+var index$2 = require('./index-627e5cc1.js');
+var index = require('./index-b663f389.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-2522521c.js');
-var theme = require('./theme-8f3eba82.js');
-require('./index-91363ba0.js');
+var index$3 = require('./index-1071810d.js');
+var theme = require('./theme-222196ff.js');
+require('./index-5c601f08.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./Subot-ee808a83.js');
-require('./index-f60d0cbf.js');
-require('./useMantineLocale-d09b55c5.js');
-var index$1 = require('./index-d0f305cc.js');
-var useTranslations = require('./useTranslations-cd50ad36.js');
+require('./Subot-4134f5c3.js');
+require('./index-cdd4f091.js');
+require('./useMantineLocale-0e980601.js');
+var index$1 = require('./index-3fce6344.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
 require('@mantine/hooks');
-require('./utils-2531ee99.js');
-var index$5 = require('./index-b789b363.js');
-var index$4 = require('./index-7541115a.js');
-require('./translationsContext-2fd3cf64.js');
+require('./utils-f00bdea3.js');
+var index$5 = require('./index-bbaa4482.js');
+var index$4 = require('./index-14033fe4.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7471b9a3.js → index-291b75aa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var constants = require('./constants-250b719a.js');
+var constants = require('./constants-e24320fc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e934833c.js → index-38b6d467.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-f60d0cbf.js');
-var index = require('./index-91363ba0.js');
-var index$1 = require('./index-d0f305cc.js');
+var index$2 = require('./index-cdd4f091.js');
+var index = require('./index-5c601f08.js');
+var index$1 = require('./index-3fce6344.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d0f305cc.js → index-3fce6344.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-2531ee99.js');
+var utils = require('./utils-f00bdea3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-55bf7fbc.js → index-41dd62e8.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
+var theme = require('./theme-222196ff.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1c00b6e4.js → index-47c587bb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-d0f305cc.js');
+var index = require('./index-3fce6344.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7a2ed315.js → index-54e27e70.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-2531ee99.js');
-var theme = require('./theme-8f3eba82.js');
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
-var utils$1 = require('./utils-7bb4dfac.js');
+var utils = require('./utils-f00bdea3.js');
+var theme = require('./theme-222196ff.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
+var utils$1 = require('./utils-74d7cf7a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-91363ba0.js → index-5c601f08.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-f60d0cbf.js');
-var utils = require('./utils-2531ee99.js');
+var index$1 = require('./index-cdd4f091.js');
+var utils = require('./utils-f00bdea3.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$2 = require('./index-d0f305cc.js');
-var Subot = require('./Subot-ee808a83.js');
-var theme = require('./theme-8f3eba82.js');
-var useMantineLocale = require('./useMantineLocale-d09b55c5.js');
-var index = require('./index-2522521c.js');
+var index$2 = require('./index-3fce6344.js');
+var Subot = require('./Subot-4134f5c3.js');
+var theme = require('./theme-222196ff.js');
+var useMantineLocale = require('./useMantineLocale-0e980601.js');
+var index = require('./index-1071810d.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-e48ff5bb.js');
+var useUniqueId = require('./useUniqueId-89244ce8.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7006256c.js → index-6216f560.js}

@@ -2,18 +2,19 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-2531ee99.js');
-var index_styles = require('./index.styles-51873031.js');
-var index = require('./index-d0f305cc.js');
-var useScrollbarSize = require('./useScrollbarSize-79d114eb.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('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
+var utils$1 = require('./utils-74d7cf7a.js');
+var theme = require('./theme-222196ff.js');
 var other = require('@hhgtech/icons/other');
-var useTranslations = require('./useTranslations-cd50ad36.js');
-var Subot = require('./Subot-ee808a83.js');
-var index$1 = require('./index-7541115a.js');
-var index$2 = require('./index-f772c6e6.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-e4200206.js → index-627e5cc1.js}

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

package/build/{index-493eb2ad.js → index-6d5faff0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-abc4f50e.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var theme = require('./theme-8f3eba82.js');
-var utils = require('./utils-7bb4dfac.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-5961db10.js → index-8102c009.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-493eb2ad.js');
-var useTranslations = require('./useTranslations-cd50ad36.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('@emotion/styled');
-var theme = require('./theme-8f3eba82.js');
+var theme = require('./theme-222196ff.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }