@hhgtech/hhg-components 1.29.418 → 1.29.419-beta-1

package/build/embeddedHeathToolCards_babyVaccine.js

@@ -2,49 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-7739e3c0.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-d86112d6.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./index-c9319026.js');
-require('./index-b51ad59b.js');
+require('./index-90d56006.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
-require('./index-68836eb3.js');
+require('./index-d0638a5e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/embeddedHeathToolCards_bmi_bmi.js

@@ -2,52 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-8777d7b3.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-a84edf34.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('react-hook-form');
-require('./useHealthToolCache-18dad3a0.js');
+require('./useHealthToolCache-91d3e9d6.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-b1fc9b22.js');
-require('./core-cee15e58.js');
-require('./constants-223e0935.js');
-require('./index-68836eb3.js');
-require('./index-b51ad59b.js');
+require('./normalizeLink-488fae85.js');
+require('./core-8e73ac7f.js');
+require('./constants-23b5a733.js');
+require('./index-d0638a5e.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
 require('./embeddedHeathToolCards_helpers.js');
 

package/build/embeddedHeathToolCards_bmrBmr.js

@@ -2,52 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-8777d7b3.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-a84edf34.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('react-hook-form');
-require('./useHealthToolCache-18dad3a0.js');
+require('./useHealthToolCache-91d3e9d6.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-b1fc9b22.js');
-require('./core-cee15e58.js');
-require('./constants-223e0935.js');
-require('./index-68836eb3.js');
-require('./index-b51ad59b.js');
+require('./normalizeLink-488fae85.js');
+require('./core-8e73ac7f.js');
+require('./constants-23b5a733.js');
+require('./index-d0638a5e.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
 require('./embeddedHeathToolCards_helpers.js');
 

package/build/embeddedHeathToolCards_dueDate_dueDate.js

@@ -2,49 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-b10baccb.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-8e66218d.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('date-fns');
-require('./LastPeriod-879fdfd5.js');
+require('./LastPeriod-b25f76ef.js');
 require('@mantine/form');
-require('./index-c9319026.js');
-require('./index-b51ad59b.js');
+require('./index-90d56006.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/embeddedHeathToolCards_ovulation_ovulation.js

@@ -2,48 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-9069d432.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-8f7fbc9d.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./LastPeriod-879fdfd5.js');
-require('./index-c9319026.js');
-require('./index-b51ad59b.js');
+require('./LastPeriod-b25f76ef.js');
+require('./index-90d56006.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/embeddedHeathToolCards_pwg_pwg.js

@@ -2,54 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var dataTransform = require('./dataTransform-b9985389.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-a76f8d25.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var dataTransform = require('./dataTransform-175a3682.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-296f0f36.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./useHealthToolCache-18dad3a0.js');
+require('./useHealthToolCache-91d3e9d6.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-b1fc9b22.js');
-require('./core-cee15e58.js');
-require('./constants-223e0935.js');
-require('./index-b51ad59b.js');
+require('./normalizeLink-488fae85.js');
+require('./core-8e73ac7f.js');
+require('./constants-23b5a733.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
-require('./constants-a5e2f723.js');
+require('./constants-ffe4f5e5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/embeddedHeathToolCards_targetHeartRate.js

@@ -2,54 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var tslib_es6 = require('./tslib.es6-4ff8cc87.js');
 var React = require('react');
-var index = require('./index-61316819.js');
-var index$1 = require('./index-cd69b395.js');
-var dataTransform = require('./dataTransform-b9985389.js');
-var healthToolsCardWrapper = require('./index-c4db35b3.js');
-var index$2 = require('./index-62c8e788.js');
-require('./translationsContext-071de1b3.js');
+var index = require('./index-4c3ca68f.js');
+var index$1 = require('./index-ae8b0703.js');
+var dataTransform = require('./dataTransform-175a3682.js');
+var healthToolsCardWrapper = require('./index-49ebf8b7.js');
+var index$2 = require('./index-0ed2890b.js');
+require('./translationsContext-e635f33c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e5adc6cc.js');
+require('./Locale-d3abde01.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
 require('@hhgtech/icons/other');
-require('./index-776f6bc7.js');
+require('./index-5ec5e423.js');
 require('@mantine/hooks');
-require('./index-33647386.js');
-require('./utils-b7357ffc.js');
+require('./index-e32ec494.js');
+require('./utils-fb640cd6.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-90ac7a26.js');
-require('./text-5a087312.js');
-require('./index-6cdd2f9a.js');
+require('./index-b59679af.js');
+require('./text-9871cd45.js');
+require('./index-bae23ddf.js');
 require('dayjs');
-require('./index-133e833c.js');
+require('./index-ec34644f.js');
 require('@mantine/notifications');
-require('./index-87f1c08b.js');
+require('./index-c7b03f0a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-75532602.js');
+require('./shared-0a66d8a1.js');
 require('classnames');
-require('./useUniqueId-a5187284.js');
+require('./useUniqueId-fa53a5d7.js');
 require('@hhgtech/icons/core');
-require('./index-2fbe3d5c.js');
+require('./index-ff19a2e7.js');
 require('@mantine/dates');
-require('./index.styles-02fd1572.js');
-require('./index-666659e2.js');
+require('./index.styles-8b58b9b8.js');
+require('./index-674527a1.js');
 require('./miscDefaultClassWrapper.js');
 require('@mantine/form');
-require('./useHealthToolCache-18dad3a0.js');
+require('./useHealthToolCache-91d3e9d6.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-b1fc9b22.js');
-require('./core-cee15e58.js');
-require('./constants-223e0935.js');
-require('./index-68836eb3.js');
-require('./index-c9319026.js');
-require('./index-b51ad59b.js');
+require('./normalizeLink-488fae85.js');
+require('./core-8e73ac7f.js');
+require('./constants-23b5a733.js');
+require('./index-d0638a5e.js');
+require('./index-90d56006.js');
+require('./index-c5a77ea8.js');
 require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/esm/{InputDate-dbede396.js → InputDate-fec94e39.js}

@@ -1,12 +1,15 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-54c227c4.js';
 import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
+import { Box } from '@mantine/core';
 import cn from 'classnames';
 import dayjs from 'dayjs';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-9556acd7.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ISO_FORMAT } from './index-eebfb54e.js';
-import { L as LOCALE } from './Locale-965fa186.js';
+import { I as ISO_FORMAT } from './index-78fe08df.js';
+import { L as LOCALE } from './Locale-5e840eb9.js';
+import { T as Text } from './index-e24c7f31.js';
 
 const KEYCODE = {
     BACKSPACE: 8,
@@ -83,10 +86,10 @@ const getInputDateInputDisabled = (valueString) => {
 
 const cssInputNotShrink = css `
   max-width: 100%;
-  color: ${theme.colors.gray800};
-  font-size: var(--input-font-size, 16px);
-  font-weight: 400;
-  line-height: calc(var(--input-height, 56px) * 24 / 56);
+  // color: ${theme.colors.gray800};
+  // font-size: var(--input-font-size, 16px);
+  // font-weight: 400;
+  // line-height: calc(var(--input-height, 56px) * 24 / 56);
   opacity: 0;
   transition: 0.3s linear opacity;
   vertical-align: middle;
@@ -99,30 +102,19 @@ const cssInputShrink = css `
   opacity: 1;
   line-height: calc(var(--input-height, 56px) * 24 / 56);
   transition: 0.3 linear opacity;
-  &::placeholder {
-    color: ${theme.colors.gray600};
-  }
 `;
 const cssPlaceholderNotShrink = css `
   position: absolute;
   top: calc(var(--input-height, 56px) / 2);
   left: var(--input-padding, 16px);
-  color: ${theme.colors.gray400};
-  font-size: var(--input-font-size, 15px);
-  font-weight: 500;
-  line-height: calc(var(--input-height, 56px) * 20 / 56);
   letter-spacing: -0.3px;
   transform: translateY(-50%);
   transition: 0.125s linear all;
   vertical-align: middle;
 `;
 const cssPlaceholderShrink = css `
-  color: ${theme.colors.gray600};
   top: calc(var(--input-height, 56px) * 7 / 56);
-  font-size: calc(var(--input-font-size, 15px) * 12 / 15);
-  font-weight: 400;
   line-height: calc(var(--input-height, 56px) * 18 / 56);
-  letter-spacing: -0.2px;
   transform: translateY(0);
   transition: 0.125s linear all;
 `;
@@ -170,7 +162,6 @@ const StyledInputDate = styled.div `
       pointer-events: none;
     }
 
-    &:focus-within,
     &.input_date-input_shrink {
       --input-padding-y: 7px;
       align-items: flex-end;
@@ -411,12 +402,14 @@ const InputDate = forwardRef((props, ref) => {
         const inputDisabled = disabled[idxOrd];
         const inputPlaceholder = placeholder[idxOrd];
         const inputMaxLength = inputName.length;
-        return (React__default.createElement("div", { key: inputName, className: cn('input_date-input_container', {
+        return (React__default.createElement(Box, { key: inputName, className: cn('input_date-input_container', {
                 'input_date-input_active': activeInput === idxOrd,
                 'input_date-input_shrink': !!inputValue,
                 'input_date-input_error': error,
+            }), sx: (theme) => ({
+                input: Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { fontWeight: FontWeight.halfBold }),
             }) },
-            React__default.createElement("span", { className: "input_date-input_placeholder" }, inputLabel),
+            React__default.createElement(Text, { className: 'input_date-input_placeholder', as: "span", size: !!inputValue ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, inputLabel),
             React__default.createElement("input", { ref: (ref) => (inputRef.current[idxOrd] = ref), name: `${id || ''}-${name || ''}-${inputName}`, type: "text", inputMode: "numeric", defaultValue: inputDefaultValue, value: inputValue, maxLength: inputMaxLength, disabled: disabledProps || inputDisabled, placeholder: inputPlaceholder, onChange: inputOnChange(idxOrd), onBlur: inputOnBlur, onFocus: inputOnFocus, onKeyDown: inputOnKeyDown, className: "input_date-input", autoComplete: autoComplete })));
     })));
 });

package/build/esm/{LastPeriod-3a8ce81b.js → LastPeriod-6a0e101c.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-54c227c4.js';
 import React__default from 'react';
 
 const LastPeriod = (_a) => {