npm - @hhgtech/hhg-components - Versions diffs - 1.29.497-beta-5 → 1.29.497-beta-6 - Mend

@hhgtech/hhg-components 1.29.497-beta-5 → 1.29.497-beta-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (503) hide show

package/build/{index-c9fec975.js → index-80d4f2b5.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-37927046.js');
+require('./index-b42e281f.js');
 require('@mantine/dates');
-require('./index-7cf16f22.js');
-require('./index-920073ca.js');
-require('./index-4400de05.js');
-require('./index-1604cb8d.js');
-var index$2 = require('./index-e7968115.js');
-var index$3 = require('./index-020bf06e.js');
-require('./index-44f86447.js');
-require('./index.styles-7ffcdd59.js');
-var index = require('./index-c1cd96a6.js');
+require('./index-f56d2583.js');
+require('./index-42e9cd95.js');
+require('./index-a4b5fbda.js');
+require('./index-ada5274c.js');
+var index$2 = require('./index-b884961e.js');
+var index$3 = require('./index-bfd3fa19.js');
+require('./index-f2c0e93f.js');
+require('./index.styles-c15f41a0.js');
+var index = require('./index-d35b72d7.js');
 require('@mantine/hooks');
-require('./utils-62804f17.js');
-require('./index-33f18f35.js');
-var context = require('./context-c9b69bd7.js');
-var index$1 = require('./index-cb2b1acf.js');
+require('./utils-afd42329.js');
+require('./index-159da01e.js');
+var context = require('./context-c3a02cd2.js');
+var index$1 = require('./index-674f68a8.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-ab922426.js → index-81638a43.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-e7fb65af.js');
+var togetherComponentGlobalContext = require('./utils-e7b7b694.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-6e5f08e6.js → index-83192909.js} RENAMED Viewed

@@ -1,28 +1,28 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-aba0d265.js');
-var Locale = require('./Locale-adca9ade.js');
+var LastPeriod = require('./LastPeriod-00fbe675.js');
+var Locale = require('./Locale-452236ee.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$4 = require('./index-37927046.js');
-var index$2 = require('./index-1d5406c8.js');
-var index$5 = require('./index-e7968115.js');
-require('./index-020bf06e.js');
-require('./index-44f86447.js');
-require('./index.styles-7ffcdd59.js');
-var index = require('./index-c1cd96a6.js');
+var index$5 = require('./index-b42e281f.js');
+var index$2 = require('./index-3c175412.js');
+var index$3 = require('./index-b884961e.js');
+require('./index-bfd3fa19.js');
+require('./index-f2c0e93f.js');
+require('./index.styles-c15f41a0.js');
+var index = require('./index-d35b72d7.js');
 require('@mantine/hooks');
-require('./index-1604cb8d.js');
-require('./utils-62804f17.js');
-require('./index-33f18f35.js');
-var index$1 = require('./index-cb2b1acf.js');
+require('./index-ada5274c.js');
+require('./utils-afd42329.js');
+require('./index-159da01e.js');
+var index$1 = require('./index-674f68a8.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-c9b69bd7.js');
-var index$3 = require('./index-7cf16f22.js');
+var context = require('./context-c3a02cd2.js');
+var index$4 = require('./index-f56d2583.js');
 var miscTheme = require('./miscTheme.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -255,7 +255,7 @@ const DefaultLayout$4 = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -294,9 +294,9 @@ const ConceptionForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { lastPeriodDate } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateConception(lastPeriodDate), redirectLink);
         }),
@@ -314,7 +314,7 @@ const DefaultLayout$3 = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(IUIFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.date_of_IUI_procedure') }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -352,9 +352,9 @@ const IUIForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { dateOfIUIProcedure } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateIUI(dateOfIUIProcedure), redirectLink);
         }),
@@ -373,12 +373,12 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label }))))))));
+            React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label }))))))));
 };
 const InlineLayout$2 = () => {
@@ -392,8 +392,8 @@ const InlineLayout$2 = () => {
                     }, maxDate: new Date() })))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
-                React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))))));
+                React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))))));
 };
 const MbLayout$2 = () => {
@@ -404,8 +404,8 @@ const MbLayout$2 = () => {
             React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), rightSection: null }))),
-        React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))));
+        React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
 const IVFForm = ({}) => {
@@ -439,9 +439,9 @@ const IVFForm = ({}) => {
             const { IVFDate } = values;
             const dayTransfer = Number(values.dayTransfer);
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
             ].join('&');
             onSubmit(getDueDateIVF(IVFDate, Number(dayTransfer)), redirectLink);
         }),
@@ -464,12 +464,12 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$4.Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
-                React__default["default"].createElement(index$4.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Wrapper, { label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
+                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
 };
@@ -489,7 +489,7 @@ const InlineLayout$1 = () => {
                     }, maxDate: new Date() })))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), width: 300 },
-                React__default["default"].createElement(index$4.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions }, form.getInputProps('periodLength'), { error: null, withinPortal: true })))),
         form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
@@ -505,7 +505,7 @@ const MbLayout$1 = () => {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), rightSection: t('ovulationPage.dayUnit') },
-            React__default["default"].createElement(index$4.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
+            React__default["default"].createElement(index$5.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
                 }) }, form.getInputProps('periodLength')))),
         form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
@@ -529,9 +529,9 @@ const LastPeriodForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { periodLength, lastPeriodDate } = values;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
             ].join('&');
             onSubmit(getDueDateLastPeriod(lastPeriodDate, periodLength), redirectLink);
         }),
@@ -555,30 +555,30 @@ const Info = (_a) => {
 const DefaultLayout = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: t('dueDatePage.date_of_ultrasound') }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(core.Flex, { align: "center", gap: 4, mb: 4 },
-                React__default["default"].createElement(index$5.Text, { as: "label", size: "s4" }, t('dueDatePage.validation.one_is_required')),
+                React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default["default"].createElement(core.Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default["default"].createElement(core.Flex, null,
                         React__default["default"].createElement(Info, { size: 16 })))),
             React__default["default"].createElement(core.Flex, { gap: 8 },
-                React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
-            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
+                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
+            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
 const InlineLayout = () => {
     const { t } = index.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -595,8 +595,8 @@ const InlineLayout = () => {
                             React__default["default"].createElement(Info, { size: 16 })))) },
                 React__default["default"].createElement(core.Box, null,
                     React__default["default"].createElement(core.Flex, { gap: 8 },
-                        React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                        React__default["default"].createElement(index$4.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
+                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
             (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
@@ -647,9 +647,9 @@ const UltrasoundForm = ({}) => {
             const { dateOfUltrasound, ultrasoundCRL, ultrasoundMSD } = values;
             const additionalInfo = `${ultrasoundCRL}|${ultrasoundMSD}`;
             const redirectLink = [
-                `${index$3.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
-                `${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$3.API_DATE_FORMAT)}`,
-                `${index$3.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
+                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
+                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$4.API_DATE_FORMAT)}`,
+                `${index$4.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
             ].join('&');
             onSubmit(getDueDateUltrasound(dateOfUltrasound, additionalInfo), redirectLink);
         }),
@@ -703,7 +703,7 @@ const SelectMethodItem = React.forwardRef((_a, ref) => {
             },
         }, className: "" }, rest),
         icon,
-        React__default["default"].createElement(index$5.Text, { size: "p4" }, label)));
+        React__default["default"].createElement(index$3.Text, { size: "p4" }, label)));
 });
 const DueDateForm = (_a) => {
     var { locale, formLayout = 'default', submitProps, currentUrl, isMobile, onSubmit } = _a, props = tslib_es6.__rest(_a, ["locale", "formLayout", "submitProps", "currentUrl", "isMobile", "onSubmit"]);
@@ -732,9 +732,9 @@ const DueDateForm = (_a) => {
         React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
             formLayout === 'default' ? (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
                 React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
-                    React__default["default"].createElement(index$4.Select, { label: t('dueDatePage.calculationMethod'), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), width: 300 },
-                    React__default["default"].createElement(index$4.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
+                    React__default["default"].createElement(index$5.Select, { label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.calculationMethod')), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: React__default["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
+                    React__default["default"].createElement(index$5.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default["default"].createElement(FormSwitcher, null))));
 };

package/build/{index-361b97b4.js → index-83550e73.js} RENAMED Viewed

@@ -1,25 +1,26 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$3 = require('./index-37927046.js');
-var index$4 = require('./index-1d5406c8.js');
-var index$5 = require('./index-e7968115.js');
-require('./index-020bf06e.js');
-require('./index-44f86447.js');
-require('./index.styles-7ffcdd59.js');
-var index = require('./index-c1cd96a6.js');
+var index$3 = require('./index-b42e281f.js');
+var index$5 = require('./index-3c175412.js');
+var index$4 = require('./index-b884961e.js');
+require('./index-bfd3fa19.js');
+var miscTheme = require('./miscTheme.js');
+require('./index-f2c0e93f.js');
+require('./index.styles-c15f41a0.js');
+var index = require('./index-d35b72d7.js');
 require('@mantine/hooks');
-require('./index-1604cb8d.js');
-require('./utils-62804f17.js');
-require('./index-33f18f35.js');
-var context = require('./context-c9b69bd7.js');
-var constants = require('./constants-abb207e9.js');
-var index$1 = require('./index-cb2b1acf.js');
-var index$2 = require('./index-06100ae5.js');
-var Locale = require('./Locale-adca9ade.js');
+require('./index-ada5274c.js');
+require('./utils-afd42329.js');
+require('./index-159da01e.js');
+var context = require('./context-c3a02cd2.js');
+var constants = require('./constants-a8e11a89.js');
+var index$1 = require('./index-674f68a8.js');
+var index$2 = require('./index-06377802.js');
+var Locale = require('./Locale-452236ee.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -28,25 +29,10 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const BabyGrowthFormContext = React.createContext({});
-var useStyles$1 = core.createStyles((theme) => {
-    return {
-        unit: {
-            color: theme.colors.gray[4],
-            fontWeight: 'normal',
-        },
-    };
-});
-const DefaultForm = (_a) => {
-    var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
+const DefaultForm = (props) => {
     const { t, locale } = index.useTranslations();
     const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const { form, currentUrl, submitProps } = React.useContext(BabyGrowthFormContext);
-    const { classes } = useStyles$1(undefined, {
-        name: 'BabyGrowthForm__DefaultForm',
-        styles,
-        classNames,
-    });
     const commonDateProps = {
         placeholder: 'DD/MM/YYYY',
         popoverProps: {
@@ -62,46 +48,37 @@ const DefaultForm = (_a) => {
                     } }, form.getInputProps('gender'), { error: null }))),
             form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" }, t('babyGrowth.input.birthday')) },
+                React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
                         v && form.validateField('measurementDate');
                         form.getInputProps('birthday').onChange(v);
                     } }))),
             form.errors.birthday && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.birthday))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" },
                     t('babyGrowth.height'),
-                    React__default["default"].createElement("span", { className: classes.unit },
-                        "(",
-                        t('babyGrowth.cm'),
-                        ")")) }, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
+                    React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, ` (${t('babyGrowth.cm')})`)) }, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, onChange: (v) => {
                     form.setFieldValue('height', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" },
                     t('babyGrowth.weight'),
-                    React__default["default"].createElement("span", { className: classes.unit },
-                        "(",
-                        t('babyGrowth.kg'),
-                        ")")) }, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
+                    React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, ` (${t('babyGrowth.kg')})`)) }, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, onChange: (v) => {
                     form.setFieldValue('weight', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
         locale !== Locale.LOCALE.Vietnam && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" },
                     t('babyGrowth.head'),
-                    React__default["default"].createElement("span", { className: classes.unit },
-                        "(",
-                        t('babyGrowth.cm'),
-                        ")")) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
+                    React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold", color: miscTheme.theme.colors.gray300, as: "span" }, ` (${t('babyGrowth.cm')})`)) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
                     form.setFieldValue('head', v);
                     form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } })))),
         form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.Input.Wrapper, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" }, t('babyGrowth.input.measurementDate')) },
+                React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
             form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: wrapperClasses.submitBtn, type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit')))));
@@ -186,7 +163,7 @@ const InlineForm = (_a) => {
             form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.birthday') },
-                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
+                React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, onChange: (v) => {
                         v && form.validateField('measurementDate');
                         form.getInputProps('birthday').onChange(v);
                     } }))),
@@ -199,7 +176,7 @@ const InlineForm = (_a) => {
                         },
                     },
                 } },
-                React__default["default"].createElement(index$5.Text, { size: "p3" },
+                React__default["default"].createElement(index$4.Text, { size: "p3" },
                     React__default["default"].createElement("span", { className: classes.bmiVal }, form.getInputProps('height').value &&
                         form.getInputProps('weight').value &&
                         bmiCalculate(Number(form.getInputProps('height').value), Number(form.getInputProps('weight').value))),
@@ -222,7 +199,7 @@ const InlineForm = (_a) => {
             form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
-                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
+                React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
             form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: core.clsx(classes.submitBtn, wrapperClasses.submitBtn) }, submitProps), t('babyGrowth.input.submit')))));
@@ -247,7 +224,7 @@ const MbLayout = (_a) => {
                     } }, form.getInputProps('gender'), { error: null }))),
             form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
+            React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
                     v && form.validateField('measurementDate');
                     form.getInputProps('birthday').onChange(v);
                 } }))),
@@ -278,7 +255,7 @@ const MbLayout = (_a) => {
         form.errors.checkMesureVal && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
             React__default["default"].createElement(index$3.Input.Wrapper, null,
-                React__default["default"].createElement(index$4.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
+                React__default["default"].createElement(index$5.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
         form.errors.measurementDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
 };

package/build/{index-abea85a6.js → index-859493a7.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-23deb73e.js');
-var togetherComponentGlobalContext = require('./utils-e7fb65af.js');
+var index$1 = require('./index-ea78a54b.js');
+var togetherComponentGlobalContext = require('./utils-e7b7b694.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-677262ec.js');
-var post = require('./post-e007b8d0.js');
-var index = require('./index-278b65b8.js');
+var constants = require('./constants-35ebde46.js');
+var post = require('./post-5862feb6.js');
+var index = require('./index-253bb6d4.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-8be35c97.js → index-92004f42.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-37927046.js');
-var index$3 = require('./index-1d5406c8.js');
-require('./index-e7968115.js');
-require('./index-020bf06e.js');
-require('./index-44f86447.js');
-require('./index.styles-7ffcdd59.js');
-var index = require('./index-c1cd96a6.js');
+require('./index-b42e281f.js');
+var index$3 = require('./index-3c175412.js');
+var index$4 = require('./index-b884961e.js');
+require('./index-bfd3fa19.js');
+require('./index-f2c0e93f.js');
+require('./index.styles-c15f41a0.js');
+var index = require('./index-d35b72d7.js');
 require('@mantine/hooks');
-require('./index-1604cb8d.js');
-require('./utils-62804f17.js');
-require('./index-33f18f35.js');
-var context = require('./context-c9b69bd7.js');
-var index$1 = require('./index-cb2b1acf.js');
-var index$2 = require('./index-06100ae5.js');
+require('./index-ada5274c.js');
+require('./utils-afd42329.js');
+require('./index-159da01e.js');
+var context = require('./context-c3a02cd2.js');
+var index$1 = require('./index-674f68a8.js');
+var index$2 = require('./index-06377802.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -35,7 +35,7 @@ const DefaultLayout = (_a) => {
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p3", weight: "semiBold" }, t('babyGrowth.input.birthday')), placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }, form.getInputProps('age')))),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },

package/build/{index-9c9cd0c3.js → index-9768811b.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-92fd30e8.js');
+var tslib_es6 = require('./tslib.es6-e77b8201.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-e7968115.js');
+var index = require('./index-b884961e.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0184bc89.js → index-a6e00516.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var index$1 = require('./index-2bc593df.js');
-var index = require('./index-c1cd96a6.js');
+var index$1 = require('./index-e93fa18f.js');
+var index = require('./index-d35b72d7.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }