@hhgtech/hhg-components 1.29.499 → 1.29.500-beta-2

package/build/{index-d74881d7.js → index-05e659c9.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-91b32ad7.js');
-var index = require('./index-dde6d0e2.js');
-var index$5 = require('./index-bca13d95.js');
-var constants = require('./constants-06843b44.js');
-var index$2 = require('./index-7f33513d.js');
-var index$4 = require('./index-0cf05697.js');
-var index$3 = require('./index-3b584311.js');
-require('./index-0781219e.js');
-require('./index-b0cf70f2.js');
+var useHealthToolCache = require('./useHealthToolCache-40fdbc7b.js');
+var index = require('./index-d1305da5.js');
+var index$6 = require('./index-5ee77f91.js');
+var constants = require('./constants-792bf5e4.js');
+var index$2 = require('./index-da14bf5c.js');
+var index$5 = require('./index-f5e9b364.js');
+var index$3 = require('./index-d30344b5.js');
+var index$4 = require('./index-3de9f044.js');
+require('./index-a736619d.js');
 require('@mantine/core');
-require('./index-358695c8.js');
-require('./index.styles-afd04f10.js');
+require('./index-488dd0de.js');
+require('./index.styles-07e6d846.js');
 require('@mantine/hooks');
-require('./index-68040d4f.js');
-require('./utils-53bab473.js');
-require('./index-f2faadcf.js');
-require('./index-65a18ef8.js');
-var context = require('./context-a40dc8d5.js');
-var index$1 = require('./index-9edd3345.js');
+require('./index-140f88aa.js');
+require('./utils-2f9950c1.js');
+require('./index-6a76ef06.js');
+require('./index-7b72c56d.js');
+var context = require('./context-efec0d4a.js');
+var index$1 = require('./index-3142ba95.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -42,9 +42,9 @@ const DefaultForm = (_a) => {
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
-                }, label: t('targetHeartRate.ageInput'), maxDate: new Date() }))),
+                }, label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.ageInput')), maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Number, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.heartRateInput')), placeholder: t('tools.inputPlaceholder', {
                     content: '60',
                 }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
                     rightSection: {
@@ -52,7 +52,7 @@ const DefaultForm = (_a) => {
                     },
                 }) }))),
         isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+            React__default["default"].createElement(index$5.Select, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('targetHeartRate.selectActive')), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                     value: option.value,
                     label: option.label,
                 })), styles: {
@@ -85,7 +85,7 @@ const InlineForm = (_a) => {
             form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.age))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
-                React__default["default"].createElement(index$4.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+                React__default["default"].createElement(index$5.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: '60',
                     }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
                         rightSection: {
@@ -95,7 +95,7 @@ const InlineForm = (_a) => {
             form.errors.heartRate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
         isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
-                React__default["default"].createElement(index$4.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+                React__default["default"].createElement(index$5.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                         value: option.value,
                         label: option.label,
                     })), styles: {
@@ -189,36 +189,36 @@ const ThrForm = (_a) => {
         {
             value: 'low_intensity',
             label: t('targetHeartRate.lowIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/low.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/low-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/low.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/low-active.svg`),
             content: t('targetHeartRate.lowIntensity.note'),
         },
         {
             value: 'moderate_intensity',
             label: t('targetHeartRate.moderateIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/moderate.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/moderate-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/moderate.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/moderate-active.svg`),
             content: t('targetHeartRate.moderateIntensity.note'),
         },
         {
             value: 'aerobic_zone',
             label: t('targetHeartRate.aerobicZone.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/aerobic.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/aerobic.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
             content: t('targetHeartRate.aerobicZone.note'),
         },
         {
             value: 'vigorous_intensity',
             label: t('targetHeartRate.vigorousIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/vigorous.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/vigorous.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
             content: t('targetHeartRate.vigorousIntensity.note'),
         },
         {
             value: 'maximum_intensity',
             label: t('targetHeartRate.maximumIntensity.title'),
-            image: index$5.CommonGAssets.getAssetPath(`/maximum.svg`),
-            imageActive: index$5.CommonGAssets.getAssetPath(`/maximum-active.svg`),
+            image: index$6.CommonGAssets.getAssetPath(`/maximum.svg`),
+            imageActive: index$6.CommonGAssets.getAssetPath(`/maximum-active.svg`),
             content: t('targetHeartRate.maximumIntensity.note'),
         },
     ];

package/build/{index-1fb5da39.js → index-0c12b254.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-53bab473.js');
+var utils = require('./utils-2f9950c1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-13c81145.js → index-0d69cb52.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-ec20f28b.js');
+var index = require('./index-88ac3d26.js');
 var classNames = require('classnames');
-var index$1 = require('./index-78ac1877.js');
-var index$2 = require('./index-0781219e.js');
+var index$1 = require('./index-2fd39ee8.js');
+var index$2 = require('./index-3de9f044.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-69c08b9d.js → index-11c62c3a.js}

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

package/build/{index-68040d4f.js → index-140f88aa.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-1132d3eb.js');
-var Locale = require('./Locale-4f8c0874.js');
+require('./index-8a475cef.js');
+var Locale = require('./Locale-6bbe8ace.js');
 var notifications = require('@mantine/notifications');
-var index$1 = require('./index-65a18ef8.js');
+var index$1 = require('./index-7b72c56d.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-bca13d95.js');
+var index$2 = require('./index-5ee77f91.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-53bab473.js');
-var index = require('./index-358695c8.js');
-var shared = require('./shared-a2d9b39e.js');
+var utils = require('./utils-2f9950c1.js');
+var index = require('./index-488dd0de.js');
+var shared = require('./shared-b041a200.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-619e0299.js → index-155b0dc6.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-4f8c0874.js');
-var index$1 = require('./index-bca13d95.js');
+var Locale = require('./Locale-6bbe8ace.js');
+var index$1 = require('./index-5ee77f91.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-53bab473.js');
-var logoIcon = require('./logoIcon-6ae403d0.js');
-require('./index-1132d3eb.js');
-var index = require('./index-78ac1877.js');
+var utils = require('./utils-2f9950c1.js');
+var logoIcon = require('./logoIcon-912be11f.js');
+require('./index-8a475cef.js');
+var index = require('./index-2fd39ee8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8d9b0a5d.js → index-175ed1e8.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-a2b2abb4.js');
-var index$1 = require('./index-ec20f28b.js');
+var index = require('./index-2d6bec81.js');
+var index$1 = require('./index-88ac3d26.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-56f5adde.js → index-1903dbf9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-68040d4f.js');
-var index = require('./index-358695c8.js');
+var index$1 = require('./index-140f88aa.js');
+var index = require('./index-488dd0de.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-09f0cf76.js → index-195922f1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-2ec2649d.js');
-var index$2 = require('./index-65a18ef8.js');
-var index = require('./index-1132d3eb.js');
+var index$1 = require('./index-86519b61.js');
+var index$2 = require('./index-7b72c56d.js');
+var index = require('./index-8a475cef.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-09700d6d.js → index-195c3c1b.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var core = require('@mantine/core');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
-require('./index-0cf05697.js');
+require('./index-f5e9b364.js');
 require('@mantine/dates');
-require('./index-65a18ef8.js');
-require('./index-1132d3eb.js');
-require('./index-bca13d95.js');
-require('./index-68040d4f.js');
-var index$1 = require('./index-0781219e.js');
-require('./index-b0cf70f2.js');
-var index$2 = require('./index-358695c8.js');
-require('./index.styles-afd04f10.js');
-var index = require('./index-dde6d0e2.js');
+require('./index-7b72c56d.js');
+require('./index-8a475cef.js');
+require('./index-5ee77f91.js');
+require('./index-140f88aa.js');
+var index$1 = require('./index-3de9f044.js');
+require('./index-a736619d.js');
+var index$2 = require('./index-488dd0de.js');
+require('./index.styles-07e6d846.js');
+var index = require('./index-d1305da5.js');
 require('@mantine/hooks');
-var utils = require('./utils-53bab473.js');
-require('./index-f2faadcf.js');
-var context = require('./context-a40dc8d5.js');
+var utils = require('./utils-2f9950c1.js');
+require('./index-6a76ef06.js');
+var context = require('./context-efec0d4a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -38,6 +38,9 @@ const useStyles$3 = core.createStyles((theme, { isRevamp, isPregTool, bannerColo
         alignItems: 'center',
         justifyContent: 'space-between',
         padding: core.rem(16),
+        [theme.fn.smallerThan('sm')]: {
+            gap: core.rem(12),
+        },
     },
     container: {
         width: '100%',
@@ -53,6 +56,9 @@ const useStyles$3 = core.createStyles((theme, { isRevamp, isPregTool, bannerColo
         alignItems: 'center',
         justifyContent: 'space-between',
         padding: core.rem(16),
+        [theme.fn.smallerThan('sm')]: {
+            padding: `${core.rem(12)} ${core.rem(16)}`,
+        },
         a: {
             textDecoration: 'none',
             color: 'inherit',
@@ -116,6 +122,9 @@ const useStyles$3 = core.createStyles((theme, { isRevamp, isPregTool, bannerColo
         display: 'flex',
         flexDirection: 'column',
         gap: isRevamp ? core.rem(8) : 0,
+        [theme.fn.smallerThan('sm')]: {
+            gap: 4,
+        },
     },
     avatarWrapper: {
         position: 'relative',
@@ -186,7 +195,7 @@ const ToolsBannerCard = (_a) => {
             } }))) : null;
     return (React__default["default"].createElement(core.Box, Object.assign({ className: cx(className, classes.container), style: style, "data-site": siteType }, rest),
         React__default["default"].createElement(core.Flex, { className: classes.headingWrapper },
-            React__default["default"].createElement(index$1.Text, { className: cx(classes.heading, 'heading'), size: isMarryBaby ? 'h4' : 'h3', as: headingAs }, heading),
+            React__default["default"].createElement(index$1.Text, { className: cx(classes.heading, 'heading'), size: 'h4', as: headingAs }, heading),
             medicalReviewEle && React__default["default"].createElement(index$1.Text, { size: "n1" }, medicalReviewEle),
             disclaimer && (React__default["default"].createElement(core.Flex, { gap: 4 },
                 React__default["default"].createElement(core$1.Warning, { size: 16, color: theme.colors.yellow[8], className: classes.disclaimerIcon }),
@@ -219,11 +228,14 @@ const Banner = (_a) => {
         }, className: cx(className, classes.root) }, rest)));
 };
 
-var useStyles$1 = core.createStyles(() => {
+var useStyles$1 = core.createStyles((theme) => {
     return {
         root: {
             paddingTop: 16,
             borderRadius: 'inherit',
+            [theme.fn.smallerThan('sm')]: {
+                paddingTop: 8,
+            },
         },
     };
 });
@@ -313,13 +325,14 @@ const _HealthToolCardWrapper = (_a) => {
         styles,
         classNames,
     });
-    return (React__default["default"].createElement(context.CardWrapperContext.Provider, { value: {
-            isPregTool,
-            classes,
-            variant,
-            hasBodyScroll,
-        } },
-        React__default["default"].createElement(core.Box, Object.assign({ className: cx(className, classes.root) }, rest), children)));
+    return (React__default["default"].createElement(index$2.TemplateProvider, { variant: index$2.CustomStylesType.LEADGEN },
+        React__default["default"].createElement(context.CardWrapperContext.Provider, { value: {
+                isPregTool,
+                classes,
+                variant,
+                hasBodyScroll,
+            } },
+            React__default["default"].createElement(core.Box, Object.assign({ className: cx(className, classes.root) }, rest), children))));
 };
 const HealthToolCardWrapper = _HealthToolCardWrapper;
 HealthToolCardWrapper.Body = Body;

package/build/{index-4e27ceaf.js → index-19b98c3c.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-dde6d0e2.js');
-var utils = require('./utils-53bab473.js');
-var index$1 = require('./index-2a484aa2.js');
-var index$a = require('./index-9274fb88.js');
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
-var index = require('./index-7476f743.js');
-var index$4 = require('./index-78ac1877.js');
-require('./index-65a18ef8.js');
-var index$7 = require('./index-bca13d95.js');
-var togetherComponentGlobalContext = require('./utils-5dfb2952.js');
-var index$6 = require('./index-69c08b9d.js');
-var index$5 = require('./index-0781219e.js');
+var index$2 = require('./index-d1305da5.js');
+var utils = require('./utils-2f9950c1.js');
+var index$1 = require('./index-50956dde.js');
+var index$a = require('./index-ee385d32.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
+var index = require('./index-7ad21ed3.js');
+var index$4 = require('./index-2fd39ee8.js');
+require('./index-7b72c56d.js');
+var index$7 = require('./index-5ee77f91.js');
+var togetherComponentGlobalContext = require('./utils-c3eaa19f.js');
+var index$6 = require('./index-11c62c3a.js');
+var index$5 = require('./index-3de9f044.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-e170231e.js');
-var index$8 = require('./index-ce9f6755.js');
-var index$9 = require('./index-778f0207.js');
+var index$3 = require('./index-2a2d7379.js');
+var index$8 = require('./index-8b38d3c1.js');
+var index$9 = require('./index-b64b9d7f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-064c2153.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-ca1073a5.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-e170231e.js → index-2a2d7379.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-69c08b9d.js');
-var index = require('./index-dde6d0e2.js');
+var index$1 = require('./index-11c62c3a.js');
+var index = require('./index-d1305da5.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-435c3734.js → index-2b5b67fe.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-53bab473.js');
+var utils = require('./utils-2f9950c1.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-94c38906.js');
-var index = require('./index-0781219e.js');
+var animation = require('./animation-f2b28f01.js');
+var index = require('./index-3de9f044.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f86c1758.js → index-2d6608d4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-b0cf70f2.js');
+var index = require('./index-a736619d.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a2b2abb4.js → index-2d6bec81.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-15ac289f.js → index-2d76db2b.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
-var index$7 = require('./index-69c08b9d.js');
-var index$3 = require('./index-ce9f6755.js');
-var index = require('./index-dde6d0e2.js');
+var index$7 = require('./index-11c62c3a.js');
+var index$3 = require('./index-8b38d3c1.js');
+var index = require('./index-d1305da5.js');
 var innertext = require('innertext');
-var index$1 = require('./index-d847c4ad.js');
-var index$2 = require('./index-bca13d95.js');
-var constants = require('./constants-06843b44.js');
+var index$1 = require('./index-35e14151.js');
+var index$2 = require('./index-5ee77f91.js');
+var constants = require('./constants-792bf5e4.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-5dfb2952.js');
-var treePopoverMenu = require('./treePopoverMenu-092bd3b6.js');
+var togetherComponentGlobalContext = require('./utils-c3eaa19f.js');
+var treePopoverMenu = require('./treePopoverMenu-8332e0d4.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-53bab473.js');
+var utils = require('./utils-2f9950c1.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-390e4345.js');
+var dataTransform = require('./dataTransform-18891b61.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-1e85cef8.js');
-var togetherMoleculesCardAuthor = require('./index-4e27ceaf.js');
-var togetherMoleculesProfileDetail = require('./index-7ac3a904.js');
-var togetherMoleculesPostImagePreview = require('./index-af97fa62.js');
-var index$a = require('./index-052cec82.js');
-var index$8 = require('./index-70e67a28.js');
-require('./index-65a18ef8.js');
+var index$9 = require('./index-4e9e8b62.js');
+var togetherMoleculesCardAuthor = require('./index-19b98c3c.js');
+var togetherMoleculesProfileDetail = require('./index-32e0d5d6.js');
+var togetherMoleculesPostImagePreview = require('./index-9634da0a.js');
+var index$a = require('./index-34abc824.js');
+var index$8 = require('./index-251ac871.js');
+require('./index-7b72c56d.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-1fb5da39.js');
-var index$4 = require('./index-0781219e.js');
-var index$5 = require('./index-e170231e.js');
-var normalizeLink = require('./normalizeLink-c2c616a1.js');
+var index$6 = require('./index-0c12b254.js');
+var index$4 = require('./index-3de9f044.js');
+var index$5 = require('./index-2a2d7379.js');
+var normalizeLink = require('./normalizeLink-c0dc864e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-78ac1877.js → index-2fd39ee8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-53bab473.js');
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var utils = require('./utils-2f9950c1.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9edd3345.js → index-3142ba95.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var tslib_es6 = require('./tslib.es6-5acb4e06.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-0781219e.js');
-var index$1 = require('./index-b0cf70f2.js');
-var index$2 = require('./index-dde6d0e2.js');
+var index = require('./index-3de9f044.js');
+var index$1 = require('./index-a736619d.js');
+var index$2 = require('./index-d1305da5.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 
@@ -49,7 +49,7 @@ const ChipGroup = (_a) => {
                 ? 32
                 : 18;
     return (React__default["default"].createElement(core.Box, null,
-        React__default["default"].createElement(core.Input.Wrapper, { label: label },
+        React__default["default"].createElement(core.Input.Wrapper, { label: label && (React__default["default"].createElement(index.Text, { size: "p3", weight: "semiBold" }, label)) },
             React__default["default"].createElement(core.Chip.Group, Object.assign({}, props),
                 React__default["default"].createElement(core.Box, { className: classes.group }, data.map((i, idx) => (React__default["default"].createElement(core.Chip, { className: classes.item, key: idx, value: String(i.value), styles: {
                         iconWrapper: {
@@ -136,6 +136,11 @@ var useStyles$6 = core.createStyles((theme, { formLayout }) => {
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },
+            [theme.fn.smallerThan('sm')]: Object.assign({ 'input, .mantine-DatePickerInput-input': {
+                    fontSize: core.rem(14),
+                } }, (formLayout === 'default' && {
+                gap: 8,
+            })),
         },
         control: {
             width: core.rem(180),