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

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-5ffebf01.js';
-export { B as BmiForm } from './index-8350d597.js';
-export { B as BabyPoopForm } from './index-6f918183.js';
-export { T as ThrForm } from './index-e81be19b.js';
-export { O as OvulationForm } from './index-1caa020e.js';
-export { B as BabyVaccineForm } from './index-d678469e.js';
-export { P as PWGForm } from './index-a9acb878.js';
-import './tslib.es6-55f4bb34.js';
+export { D as DueDateForm } from './index-2b0bb76b.js';
+export { B as BmiForm } from './index-4c9596c1.js';
+export { B as BabyPoopForm } from './index-bf3c2303.js';
+export { T as ThrForm } from './index-ee4c290f.js';
+export { O as OvulationForm } from './index-04f30dac.js';
+export { B as BabyVaccineForm } from './index-36777edd.js';
+export { P as PWGForm } from './index-fb60008d.js';
+import './tslib.es6-bea8d7ce.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-b727dea9.js';
-import './Locale-b4469ff3.js';
+import './LastPeriod-bd7530fc.js';
+import './Locale-685e2f0d.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-aa4fa7ef.js';
+import './index-abf57548.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-40c578bb.js';
+import './index-7da03926.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-6bbe47dd.js';
-import './index-b1828858.js';
-import './utils-3a7b6858.js';
+import './index-5783e827.js';
+import './index-73aae057.js';
+import './utils-3cf2fae9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-ad2cfbce.js';
-import './index-2007b4e0.js';
-import './index-6824b2e7.js';
+import './index-f485352b.js';
+import './index-b5fb218c.js';
+import './index-9533e446.js';
 import '@mantine/notifications';
-import './index-5281d35a.js';
+import './index-d7537411.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-ea6b1fce.js';
+import './shared-340b76b1.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-3b07f8a3.js';
+import './useUniqueId-35d8312d.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-81d10993.js';
-import './index-5b2e901d.js';
+import './index-596d9f61.js';
+import './index-efdcae57.js';
 import '@mantine/dates';
-import './index.styles-fc2f219f.js';
-import './index-4bf11885.js';
-import './translationsContext-3b0371e4.js';
-import './index-f696d20a.js';
-import './index-ffc5eb39.js';
+import './index.styles-a42bb23d.js';
+import './index-53857337.js';
+import './translationsContext-8f354b67.js';
+import './index-cbd42af5.js';
+import './index-cddf4448.js';
 import 'react-keyed-flatten-children';
-import './context-ad6c904b.js';
+import './context-a191d283.js';
 import 'react-hook-form';
-import './useHealthToolCache-91816666.js';
+import './useHealthToolCache-e4912c80.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-29345557.js';
-import './core-dd57b242.js';
-import './constants-331fe510.js';
-import './index-63d42466.js';
+import './normalizeLink-b2f9c5ac.js';
+import './core-a25be9b3.js';
+import './constants-ee5ae66c.js';
+import './index-9a787391.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-3be028da.js';
+import './constants-cb0fb980.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-4bf11885.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f35b6b3e.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-705756c6.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-91816666.js';
-export { u as useIsInit } from './useIsInit-615a8a1a.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-24b11763.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-3b07f8a3.js';
+export { u as useTranslations } from './index-53857337.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-2f99e016.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-c016fa14.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-e4912c80.js';
+export { u as useIsInit } from './useIsInit-6338df06.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-2fa59ce8.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-35d8312d.js';
 import 'react';
-import './translationsContext-3b0371e4.js';
+import './translationsContext-8f354b67.js';
 import 'lodash/debounce';
-import './tslib.es6-55f4bb34.js';
+import './tslib.es6-bea8d7ce.js';
 import './miscCookieHelper.js';
-import './index-6824b2e7.js';
-import './Locale-b4469ff3.js';
+import './index-9533e446.js';
+import './Locale-685e2f0d.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-29345557.js';
+import './normalizeLink-b2f9c5ac.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-dd57b242.js';
+import './core-a25be9b3.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-3b0371e4.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-4d549f9c.js';
+export { T as TranslationsContext } from './translationsContext-8f354b67.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-42cec033.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-3b0371e4.js';
-export { T as TranslationsContext } from './translationsContext-3b0371e4.js';
+import { T as TranslationsContext } from './translationsContext-8f354b67.js';
+export { T as TranslationsContext } from './translationsContext-8f354b67.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-48db2b59.js → index-0140a56a.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-81d10993.js';
+import { B as Button } from './index-596d9f61.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-1caa020e.js → index-04f30dac.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { createContext, useContext } from 'react';
-import { clsx, useMantineTheme } from '@mantine/core';
+import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-b727dea9.js';
-import { I as Input } from './index-aa4fa7ef.js';
-import { D as DatePicker } from './index-5b2e901d.js';
-import { T as Text } from './index-ad2cfbce.js';
-import './index-81d10993.js';
-import './index-6bbe47dd.js';
-import './index.styles-fc2f219f.js';
-import { u as useTranslations } from './index-4bf11885.js';
+import { L as LastPeriod } from './LastPeriod-bd7530fc.js';
+import { I as Input } from './index-abf57548.js';
+import { D as DatePicker } from './index-efdcae57.js';
+import { T as Text } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import { u as useTranslations } from './index-53857337.js';
 import '@mantine/hooks';
-import './index-2007b4e0.js';
-import './utils-3a7b6858.js';
-import './index-f696d20a.js';
-import { C as CardWrapperContext } from './context-ad6c904b.js';
-import { H as HealthToolFormWrapper } from './index-ffc5eb39.js';
+import './index-b5fb218c.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { C as CardWrapperContext } from './context-a191d283.js';
+import { H as HealthToolFormWrapper } from './index-cddf4448.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {
@@ -69,11 +69,26 @@ const TryConceive = (_a) => {
 
 const OvulationFormContext = createContext({});
 
+var useStyles = createStyles((theme) => {
+    return {
+        inputRightSection: {
+            fontSize: rem(13),
+            lineHeight: rem(24),
+            color: theme.colors.gray[4],
+            justifyContent: 'flex-end',
+            paddingRight: 8,
+        },
+    };
+});
+
 const DefaultLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form, calculatingMethods, isMobile } = useContext(OvulationFormContext);
     const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
+    const { classes } = useStyles(undefined, 
+    // Second DefaultLayout is responsible for styles api integration
+    { name: 'OvulationTool__DefaultLayout' });
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(HealthToolFormWrapper.Control, null,
@@ -81,11 +96,15 @@ const DefaultLayout = (_a) => {
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                     withinPortal: true,
-                }, label: t('dueDatePage.lastPeriod.lastPeriodLabel'), maxDate: new Date() }, form.getInputProps('lastPeriodDate')))),
+                }, label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, ` (${t('dueDatePage.lastPeriod.lastPeriodLabel')})`), maxDate: new Date() }, form.getInputProps('lastPeriodDate')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: `${t('ovulationPage.cycleLength')} (${t('ovulationPage.dayUnit')})`, min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('ovulationPage.cycleLength')), rightSection: t('ovulationPage.dayUnit'), min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'), { classNames: {
+                    rightSection: classes.inputRightSection,
+                } }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Number, Object.assign({ label: `${t('ovulationPage.periodDuration')} (${t('ovulationPage.dayUnit')})`, min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength')))),
+            React__default.createElement(Input.Number, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('ovulationPage.periodDuration')), rightSection: t('ovulationPage.dayUnit'), min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'), { classNames: {
+                    rightSection: classes.inputRightSection,
+                } }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
             React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };

package/build/esm/{index-1854b1c0.js → index-04f77a5d.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-ad2cfbce.js';
+import { T as Text } from './index-f485352b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-3a7b6858.js';
+import { M as MediaQueries } from './utils-3cf2fae9.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-8a8125bd.js';
-import { R as Radio$1 } from './index-aa4fa7ef.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-55f4bb34.js';
-import { T as Text$1 } from './index-547265dd.js';
+import { S as ShapedArrowDown } from './index-388da7de.js';
+import { R as Radio$1 } from './index-abf57548.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
+import { T as Text$1 } from './index-6ef62074.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-52f97689.js';
-import { C as Close } from './Close-0023baaa.js';
-import { u as useTranslations } from './index-4bf11885.js';
+import { H as Heading } from './index-f31f4d3c.js';
+import { C as Close } from './Close-5fb19a51.js';
+import { u as useTranslations } from './index-53857337.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-9307bdad.js → index-09a8e8cd.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-3a7b6858.js';
+import { M as MediaQueries } from './utils-3cf2fae9.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-4f2c284f.js → index-106dfb8b.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-3a7b6858.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-3cf2fae9.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-9307bdad.js';
-import { I as Input } from './index-aa4fa7ef.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-09a8e8cd.js';
+import { I as Input } from './index-abf57548.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5281d35a.js';
-import './index-6824b2e7.js';
-import './index-40c578bb.js';
-import './index-2007b4e0.js';
-import './index-ad2cfbce.js';
-import './index-81d10993.js';
-import './index-6bbe47dd.js';
-import './index.styles-fc2f219f.js';
-import './translationsContext-3b0371e4.js';
+import './index-d7537411.js';
+import './index-9533e446.js';
+import './index-7da03926.js';
+import './index-b5fb218c.js';
+import './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import './translationsContext-8f354b67.js';
 import '@mantine/hooks';
-import './index-f696d20a.js';
+import './index-cbd42af5.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
@@ -434,7 +434,6 @@ function getWidths(opts) {
         return DEFAULT_DEVICE_SIZES;
     if (opts.width) {
         const w = Math.max(1, Math.round(opts.width));
-        console.log('x', Array.from(new Set([w, Math.min(w * 1, 2048)])).sort((a, b) => a - b));
         return Array.from(new Set([w, Math.min(w * 2, 2048)])).sort((a, b) => a - b);
     }
     return DEFAULT_DEVICE_SIZES;
@@ -462,7 +461,7 @@ const ImageWrapV2 = (_a) => {
             ? {
                 backgroundImage: `url(${placeholderSrc})`,
             }
-            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
+            : {})), style), "data-has-placeholder": !!placeholderSrc, sizes: sizes, ref: ref }, props)));
 };
 const StyledImage = styled.img `
   &[data-has-placeholder='true'] {

package/build/esm/{index-f1596c12.js → index-2809567f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-9c86177f.js';
-import { S as Spinner } from './Spinner-13bea0fd.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-01255caf.js';
+import { S as Spinner } from './Spinner-1b21df2a.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-56b777ec.js → index-28abe42b.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-55f4bb34.js';
+import { a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-29345557.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-5281d35a.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-b2f9c5ac.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-d7537411.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-b4469ff3.js';
+import { L as LOCALE } from './Locale-685e2f0d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-5ffebf01.js → index-2b0bb76b.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-b727dea9.js';
-import { L as LOCALE } from './Locale-b4469ff3.js';
+import { L as LastPeriod } from './LastPeriod-bd7530fc.js';
+import { L as LOCALE } from './Locale-685e2f0d.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-aa4fa7ef.js';
-import { D as DatePicker } from './index-5b2e901d.js';
-import { T as Text } from './index-ad2cfbce.js';
-import './index-81d10993.js';
-import './index-6bbe47dd.js';
-import './index.styles-fc2f219f.js';
-import { u as useTranslations } from './index-4bf11885.js';
+import { R as Radio, I as Input, S as Select } from './index-abf57548.js';
+import { D as DatePicker } from './index-efdcae57.js';
+import { T as Text } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import { u as useTranslations } from './index-53857337.js';
 import '@mantine/hooks';
-import './index-2007b4e0.js';
-import './utils-3a7b6858.js';
-import './index-f696d20a.js';
-import { H as HealthToolFormWrapper } from './index-ffc5eb39.js';
+import './index-b5fb218c.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { H as HealthToolFormWrapper } from './index-cddf4448.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-ad6c904b.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-5281d35a.js';
+import { C as CardWrapperContext } from './context-a191d283.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-d7537411.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {
@@ -248,7 +248,7 @@ const DefaultLayout$4 = () => {
     const { t } = useTranslations();
     const { form } = useContext(ConceptionFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -307,7 +307,7 @@ const DefaultLayout$3 = () => {
     const { t } = useTranslations();
     const { form } = useContext(IUIFormContext);
     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-        React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_IUI_procedure') }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+        React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
@@ -366,7 +366,7 @@ const DefaultLayout$2 = () => {
     const { form, transferDateOptions } = useContext(IVFFormContext);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
@@ -457,11 +457,11 @@ const DefaultLayout$1 = () => {
     })), []);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
+            React__default.createElement(Input.Wrapper, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
                 React__default.createElement(Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
@@ -553,12 +553,12 @@ const DefaultLayout = () => {
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('dueDatePage.date_of_ultrasound') }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(Flex, { align: "center", gap: 4, mb: 4 },
-                React__default.createElement(Text, { as: "label", size: "s4" }, t('dueDatePage.validation.one_is_required')),
+                React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default.createElement(Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default.createElement(Flex, null,
                         React__default.createElement(Info, { size: 16 })))),
@@ -725,8 +725,8 @@ const DueDateForm = (_a) => {
         React__default.createElement(HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
             formLayout === 'default' ? (React__default.createElement(HealthToolFormWrapper.FormRow, null,
                 React__default.createElement(HealthToolFormWrapper.Control, null,
-                    React__default.createElement(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.createElement(HealthToolFormWrapper.FormRow, null,
-                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), width: 300 },
+                    React__default.createElement(Select, { label: React__default.createElement(Text, { size: "p2", 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.createElement(HealthToolFormWrapper.FormRow, null,
+                React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
                     React__default.createElement(Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default.createElement(FormSwitcher, null))));
 };

package/build/esm/{index-a4ef4347.js → index-3168d849.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-ad2cfbce.js';
-import { u as useTranslations } from './index-4bf11885.js';
+import { T as Text } from './index-f485352b.js';
+import { u as useTranslations } from './index-53857337.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-5d9946e2.js → index-31d7a888.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-55f4bb34.js';
+import { a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-b1828858.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-b1d50cce.js';
+import { I as ImageWrap } from './index-73aae057.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-636c6efd.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-331fe510.js';
-import { y as youtubeVidIdGetter } from './post-232c3e19.js';
-import { L as Loading } from './index-901ec0f7.js';
+import { D as DEFAULT_IMG } from './constants-ee5ae66c.js';
+import { y as youtubeVidIdGetter } from './post-3fd4c9f7.js';
+import { L as Loading } from './index-b6e37d4c.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-d678469e.js → index-36777edd.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-aa4fa7ef.js';
-import { D as DatePicker } from './index-5b2e901d.js';
-import './index-ad2cfbce.js';
-import './index-81d10993.js';
-import './index-6bbe47dd.js';
-import './index.styles-fc2f219f.js';
-import { u as useTranslations } from './index-4bf11885.js';
+import './index-abf57548.js';
+import { D as DatePicker } from './index-efdcae57.js';
+import { T as Text } from './index-f485352b.js';
+import './index-596d9f61.js';
+import './index-5783e827.js';
+import './index.styles-a42bb23d.js';
+import { u as useTranslations } from './index-53857337.js';
 import '@mantine/hooks';
-import './index-2007b4e0.js';
-import './utils-3a7b6858.js';
-import './index-f696d20a.js';
-import { C as CardWrapperContext } from './context-ad6c904b.js';
-import { H as HealthToolFormWrapper } from './index-ffc5eb39.js';
-import { G as GenderOptionControl } from './index-63d42466.js';
+import './index-b5fb218c.js';
+import './utils-3cf2fae9.js';
+import './index-cbd42af5.js';
+import { C as CardWrapperContext } from './context-a191d283.js';
+import { H as HealthToolFormWrapper } from './index-cddf4448.js';
+import { G as GenderOptionControl } from './index-9a787391.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});
@@ -29,7 +29,7 @@ const DefaultLayout = (_a) => {
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+            React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "p2", weight: "semiBold" }, t('babyGrowth.input.birthday')), placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }, form.getInputProps('age')))),
         React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },

package/build/esm/{index-8a8125bd.js → index-388da7de.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-b1828858.js';
-import { T as Text } from './index-ad2cfbce.js';
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { I as ImageWrap } from './index-73aae057.js';
+import { T as Text } from './index-f485352b.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-18f98f85.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-52e79d84.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-5281d35a.js';
+import { Z as ZINDEX_SSO } from './index-d7537411.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-1e638b1e.js → index-3d9dd98d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-55f4bb34.js';
+import { _ as __rest } from './tslib.es6-bea8d7ce.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-fc2f219f.js';
+import { u as useStyles } from './index.styles-a42bb23d.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-85230432.js → index-3fe3e987.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-55f4bb34.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-bea8d7ce.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-4bf11885.js';
+import { u as useTranslations } from './index-53857337.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-98ab8ebe.js';
-import { L as LOCALIZED_SLUGS } from './constants-8df4eda0.js';
-import { B as Button } from './index-81d10993.js';
-import './index-5281d35a.js';
-import { c as callApi, g as getCarePath } from './utils-b1d50cce.js';
+import { P as PATHS } from './paths-f122ee31.js';
+import { L as LOCALIZED_SLUGS } from './constants-d5e32817.js';
+import { B as Button } from './index-596d9f61.js';
+import './index-d7537411.js';
+import { c as callApi, g as getCarePath } from './utils-636c6efd.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';