@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/vaccination.js

@@ -2,38 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-05f106c2.js');
+var index$2 = require('./index-df9447b3.js');
 require('@mantine/dates');
-require('./index-a86ea1b6.js');
-var index$4 = require('./index-df5cd44b.js');
-require('./index-1efa7d84.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index$1 = require('./index-d34cd464.js');
-var index = require('./index-a7de42d1.js');
-var theme = require('./theme-e4f7f487.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+require('./index-617bff8c.js');
+var index$4 = require('./index-d91f52cc.js');
+require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index$1 = require('./index-036fe55d.js');
+var index = require('./index-8cb3f562.js');
+var miscTheme = require('./miscTheme.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-524bda7c.js');
+require('./other-0edcc417.js');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-bba97c2e.js');
-require('./translationsContext-39528d2f.js');
+var utils = require('./utils-928b4701.js');
+var index$3 = require('./index-0168f1a0.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-264eeddd.js');
+var index$5 = require('./index-251187e5.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$7 = require('./index-6bc3f8c3.js');
-var index$6 = require('./index-4af08ec2.js');
+var index$7 = require('./index-eeb7220e.js');
+var index$6 = require('./index-eddf350b.js');
 require('@mantine/carousel');
+require('./Locale-0b86b849.js');
 require('classnames');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-3c52a5c5.js');
+require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-aa963bf9.js');
+require('./constantsIsProduction.js');
+require('./constantsDomainLocales.js');
+require('./constantsRiskScreener.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -46,7 +51,7 @@ const StyledVaccineCard = styled__default["default"].div `
   position: relative;
   padding: 16px;
   min-height: 110px;
-  background: ${theme.theme.colors.neutral50};
+  background: ${miscTheme.theme.colors.neutral50};
   width: 100%;
 
   border-right: 2px solid;
@@ -57,28 +62,28 @@ const StyledVaccineCard = styled__default["default"].div `
   }
   &[data-status='next'],
   &[data-status='current'] {
-    border-color: ${theme.theme.colors.primaryBase};
+    border-color: ${miscTheme.theme.colors.primaryBase};
     &[data-template='modal'] {
-      background: ${theme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
     }
   }
 
   &[data-status='vaccinated'] {
-    border-color: ${theme.theme.colors.green600};
+    border-color: ${miscTheme.theme.colors.green600};
     &[data-template='modal'] {
-      background: ${theme.theme.colors.green50};
+      background: ${miscTheme.theme.colors.green50};
     }
   }
 
   &[data-status='missed'] {
-    border-color: ${theme.theme.colors.yellow800};
+    border-color: ${miscTheme.theme.colors.yellow800};
     &[data-template='modal'] {
-      background: ${theme.theme.colors.yellow50};
+      background: ${miscTheme.theme.colors.yellow50};
     }
   }
 
   &[data-status='upcoming'] {
-    border-color: ${theme.theme.colors.neutral300};
+    border-color: ${miscTheme.theme.colors.neutral300};
   }
 
   ${utils.MediaQueries.mbDown} {
@@ -96,7 +101,7 @@ const StyledInformationWrapper = styled__default["default"].div `
   .dot {
     height: 5px;
     width: 5px;
-    background-color: ${theme.theme.colors.gray300};
+    background-color: ${miscTheme.theme.colors.gray300};
     border-radius: 50%;
     display: flex;
     align-self: center;
@@ -123,7 +128,7 @@ const _Immunization = (_a) => {
                             justifyContent: 'left',
                         },
                     } },
-                    React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold" }, name)),
+                    React__default["default"].createElement(index$1.Text, { size: "s3", color: miscTheme.theme.colors.gray800, weight: "semiBold" }, name)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
                     antigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
@@ -131,9 +136,9 @@ const _Immunization = (_a) => {
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, antigen))),
                     React__default["default"].createElement(core.Badge, { px: 8, py: 1, radius: 'xl', sx: {
                             height: 'initial',
-                            border: `1px solid ${optional ? theme.theme.colors.neutral100 : 'transparent'}`,
-                        }, bg: optional ? theme.theme.colors.white : theme.theme.colors.red50 },
-                        React__default["default"].createElement(index$1.Text, { size: "n1", color: optional ? theme.theme.colors.gray800 : theme.theme.colors.red800, tt: 'capitalize' }, optional
+                            border: `1px solid ${optional ? miscTheme.theme.colors.neutral100 : 'transparent'}`,
+                        }, bg: optional ? miscTheme.theme.colors.white : miscTheme.theme.colors.red50 },
+                        React__default["default"].createElement(index$1.Text, { size: "n1", color: optional ? miscTheme.theme.colors.gray800 : miscTheme.theme.colors.red800, tt: 'capitalize' }, optional
                             ? t('babyVaccine.vaccineInfo.optional')
                             : t('babyVaccine.vaccineInfo.mandatory'))))))));
 };
@@ -329,7 +334,7 @@ const _Modal = (_a) => {
                             justifyContent: 'left',
                         },
                     } },
-                    React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold" }, vaccineName)),
+                    React__default["default"].createElement(index$1.Text, { size: "s3", color: miscTheme.theme.colors.gray800, weight: "semiBold" }, vaccineName)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
                     vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
@@ -337,12 +342,12 @@ const _Modal = (_a) => {
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
                     React__default["default"].createElement(core.Badge, { px: 8, py: 1, radius: 'xl', sx: {
                             height: 'initial',
-                            border: `1px solid ${vaccineOptional ? theme.theme.colors.neutral100 : 'transparent'}`,
-                        }, bg: vaccineOptional ? theme.theme.colors.white : theme.theme.colors.red50 },
-                        React__default["default"].createElement(index$1.Text, { size: "n1", color: vaccineOptional ? theme.theme.colors.gray800 : theme.theme.colors.red800, tt: 'capitalize' }, vaccineOptional
+                            border: `1px solid ${vaccineOptional ? miscTheme.theme.colors.neutral100 : 'transparent'}`,
+                        }, bg: vaccineOptional ? miscTheme.theme.colors.white : miscTheme.theme.colors.red50 },
+                        React__default["default"].createElement(index$1.Text, { size: "n1", color: vaccineOptional ? miscTheme.theme.colors.gray800 : miscTheme.theme.colors.red800, tt: 'capitalize' }, vaccineOptional
                             ? t('babyVaccine.vaccineInfo.optional')
                             : t('babyVaccine.vaccineInfo.mandatory')))),
-                React__default["default"].createElement(index$1.Text, { size: "n1", color: theme.theme.colors.gray600 },
+                React__default["default"].createElement(index$1.Text, { size: "n1", color: miscTheme.theme.colors.gray600 },
                     React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                             __html: t('babyVaccine.vaccineInfo.dose', {
                                 ordinal: `<b>${doseNumber}</b>`,
@@ -362,7 +367,7 @@ const _Timeline = (_a) => {
                 React__default["default"].createElement(_VaccineStatus, { checked: status === 'vaccinated', onToggle: (status) => onToggle(status, vaccineRecord) })),
             React__default["default"].createElement(core.Stack, { spacing: 4 },
                 React__default["default"].createElement("div", { onClick: () => onTitleClick(vaccineRecord) },
-                    React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.theme.colors.gray800, weight: "semiBold", sx: { cursor: 'pointer' } }, vaccineName)),
+                    React__default["default"].createElement(index$1.Text, { size: "s3", color: miscTheme.theme.colors.gray800, weight: "semiBold", sx: { cursor: 'pointer' } }, vaccineName)),
                 React__default["default"].createElement(core.Flex, { gap: 4, align: 'center' },
                     vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
@@ -370,13 +375,13 @@ const _Timeline = (_a) => {
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
                     React__default["default"].createElement(core.Badge, { px: 8, py: 1, radius: 'xl', sx: {
                             height: 'initial',
-                            border: `1px solid ${vaccineOptional ? theme.theme.colors.neutral100 : 'transparent'}`,
-                        }, bg: vaccineOptional ? theme.theme.colors.white : theme.theme.colors.red50 },
-                        React__default["default"].createElement(index$1.Text, { size: "n1", color: vaccineOptional ? theme.theme.colors.gray800 : theme.theme.colors.red800, tt: 'capitalize' }, vaccineOptional
+                            border: `1px solid ${vaccineOptional ? miscTheme.theme.colors.neutral100 : 'transparent'}`,
+                        }, bg: vaccineOptional ? miscTheme.theme.colors.white : miscTheme.theme.colors.red50 },
+                        React__default["default"].createElement(index$1.Text, { size: "n1", color: vaccineOptional ? miscTheme.theme.colors.gray800 : miscTheme.theme.colors.red800, tt: 'capitalize' }, vaccineOptional
                             ? t('babyVaccine.vaccineInfo.optional')
                             : t('babyVaccine.vaccineInfo.mandatory')))),
                 React__default["default"].createElement(StyledInformationWrapper, null,
-                    React__default["default"].createElement(index$1.Text, { size: "n1", color: theme.theme.colors.gray600 },
+                    React__default["default"].createElement(index$1.Text, { size: "n1", color: miscTheme.theme.colors.gray600 },
                         React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                                 __html: t('babyVaccine.vaccineInfo.dose', {
                                     ordinal: `<b>${doseNumber}</b>`,
@@ -384,7 +389,7 @@ const _Timeline = (_a) => {
                                 }),
                             } })),
                     React__default["default"].createElement("span", { className: "dot" }),
-                    React__default["default"].createElement(index$1.Text, { size: "n1", color: theme.theme.colors.gray600 }, status === 'vaccinated'
+                    React__default["default"].createElement(index$1.Text, { size: "n1", color: miscTheme.theme.colors.gray600 }, status === 'vaccinated'
                         ? t('babyVaccine.vaccineInfo.injectedDate', {
                             date: givenOn,
                         })
@@ -424,13 +429,13 @@ const StyledCurrentLineWrapper = styled__default["default"].div `
   .line {
     flex-grow: 1;
     height: 1px;
-    background: ${theme.theme.colors.neutral200};
+    background: ${miscTheme.theme.colors.neutral200};
   }
 
   .dot {
     height: 8px;
     width: 8px;
-    background-color: ${theme.theme.colors.neutral200};
+    background-color: ${miscTheme.theme.colors.neutral200};
     border-radius: 50%;
     display: flex;
     align-self: center;
@@ -438,10 +443,10 @@ const StyledCurrentLineWrapper = styled__default["default"].div `
 
   &[data-is-current='true'] {
     .line {
-      background-color: ${theme.theme.colors.primaryBase};
+      background-color: ${miscTheme.theme.colors.primaryBase};
     }
     .dot {
-      background-color: ${theme.theme.colors.primaryBase};
+      background-color: ${miscTheme.theme.colors.primaryBase};
     }
   }
   ${utils.MediaQueries.mbDown} {
@@ -469,7 +474,7 @@ const _ScheduleTimeline = (_a) => {
     return (React__default["default"].createElement("div", Object.assign({}, rest),
         React__default["default"].createElement(core.Grid, { key: timeline.id, gutter: 16, py: 16 },
             React__default["default"].createElement(core.Grid.Col, { span: "content" },
-                React__default["default"].createElement(index$1.Text, { size: "s4", color: isCurrent ? theme.theme.colors.primaryBase : theme.theme.colors.gray800, weight: "semiBold", sx: {
+                React__default["default"].createElement(index$1.Text, { size: "s4", color: isCurrent ? miscTheme.theme.colors.primaryBase : miscTheme.theme.colors.gray800, weight: "semiBold", sx: {
                         height: 42,
                         width: 100,
                         display: 'flex',
@@ -503,9 +508,9 @@ const StyledTimelineBanner = styled__default["default"].div `
   padding: 14px 24px;
   gap: 16px;
 
-  background: ${theme.theme.colors.teal50};
+  background: ${miscTheme.theme.colors.teal50};
   &[data-gender='girl'] {
-    background: ${theme.theme.colors.pink50};
+    background: ${miscTheme.theme.colors.pink50};
   }
 
   a {
@@ -529,11 +534,11 @@ const TimelineBanner = (_a) => {
     // data-theme={siteType}
     , Object.assign({ "data-gender": gender }, rest),
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$1.Text, { size: "p3", color: theme.theme.colors.gray800 }, content.replace(/{babyName}/g, name)),
+            React__default["default"].createElement(index$1.Text, { size: "p3", color: miscTheme.theme.colors.gray800 }, content.replace(/{babyName}/g, name)),
             url && (React__default["default"].createElement("a", { className: "read-more", href: url, target: "_blank", rel: "noreferrer" },
                 React__default["default"].createElement(core.Flex, { align: 'center', gap: 6 },
-                    React__default["default"].createElement(index$1.Text, { size: "s4", color: theme.theme.colors.primaryBase, weight: "semiBold" }, t('articlePage.readMore')),
-                    React__default["default"].createElement(other.ArrowRight, { size: 20, color: theme.theme.colors.primaryBase }))))),
+                    React__default["default"].createElement(index$1.Text, { size: "s4", color: miscTheme.theme.colors.primaryBase, weight: "semiBold" }, t('articlePage.readMore')),
+                    React__default["default"].createElement(other.ArrowRight, { size: 20, color: miscTheme.theme.colors.primaryBase }))))),
         icon && (React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
                 flexShrink: 0,
             } },
@@ -663,18 +668,18 @@ const StyledDose = styled__default["default"].div `
   }
 
   &[data-status='vaccinated'] {
-    border: 1px solid ${theme.theme.colors.green600};
-    background: ${theme.theme.colors.green600};
+    border: 1px solid ${miscTheme.theme.colors.green600};
+    background: ${miscTheme.theme.colors.green600};
     .inner-text {
-      color: ${theme.theme.colors.white};
+      color: ${miscTheme.theme.colors.white};
     }
   }
 
   &[data-status='missed'] {
-    border: 1px solid ${theme.theme.colors.yellow800};
-    background: ${theme.theme.colors.yellow800};
+    border: 1px solid ${miscTheme.theme.colors.yellow800};
+    background: ${miscTheme.theme.colors.yellow800};
     .inner-text {
-      color: ${theme.theme.colors.white};
+      color: ${miscTheme.theme.colors.white};
     }
   }
   &[data-status='upcoming'] {
@@ -685,7 +690,7 @@ const StyledDose = styled__default["default"].div `
     background-color: ${index$2.themeColors.blue[6]};
     border: 1px solid ${index$2.themeColors.blue[6]};
     .inner-text {
-      color: ${theme.theme.colors.white};
+      color: ${miscTheme.theme.colors.white};
     }
   }
   &[data-disabled='true'] {
@@ -743,11 +748,11 @@ const _DefaultForm = (_a) => {
         React__default["default"].createElement("form", Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, rest),
             React__default["default"].createElement(core.Stack, { spacing: 20 },
                 React__default["default"].createElement(VaccineCardModal, { vaccineRecord: Object.assign(Object.assign({}, record), { status }), onToggle: (status) => form$1.setFieldValue('injected', status) }),
-                React__default["default"].createElement(index$7.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
+                React__default["default"].createElement(index$7.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
                         dayjs__default["default"](date).isBefore(dayjs__default["default"](birthday, 'YYYY-MM-DD', true), 'D') }, form$1.getInputProps('date'))),
                 doses.length > 0 && (React__default["default"].createElement(core.Input.Wrapper, null,
                     React__default["default"].createElement(core.Input.Label, null,
-                        React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.label.doses'))),
+                        React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", color: miscTheme.theme.colors.gray600 }, t('babyVaccine.popup.label.doses'))),
                     React__default["default"].createElement(core.Flex, { gap: 4 }, doses.map((item, index) => (React__default["default"].createElement(Dose, { key: index, status: item.status, idx: index + 1, onClick: noop, disabled: Number(record.doseNumber) !== Number(item.doseNumber), template: 'default' })))))),
                 React__default["default"].createElement(core.Flex, { gap: 8, sx: {
                         position: 'absolute',
@@ -834,7 +839,7 @@ const _ImmunizationForm = (_a) => {
         React__default["default"].createElement(VaccineCardImmunization, { vaccineDetail: Object.assign({}, vaccineDetail), showTopDetail: false }),
         doses.length > 0 && (React__default["default"].createElement(core.Input.Wrapper, null,
             React__default["default"].createElement(core.Input.Label, null,
-                React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.label.doses'))),
+                React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", color: miscTheme.theme.colors.gray600 }, t('babyVaccine.popup.label.doses'))),
             React__default["default"].createElement(core.Flex, { gap: 4 }, doses.map((item, index) => (React__default["default"].createElement(Dose, { key: index, status: item.status, idx: index + 1, onClick: () => {
                     onDoseClick(item);
                 }, template: 'immunization' }))))))));
@@ -895,7 +900,7 @@ const _Header = ({ numberOfDoses }) => {
     const { isMobile } = index$2.useScreenSize();
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement(core.Flex, { px: { base: 0, md: 16 } },
-        !isMobile && (React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", sx: { flexGrow: 1 }, color: theme.theme.colors.gray600 }, t('babyVaccine.immunization.vaccineName'))),
+        !isMobile && (React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", sx: { flexGrow: 1 }, color: miscTheme.theme.colors.gray600 }, t('babyVaccine.immunization.vaccineName'))),
         React__default["default"].createElement(core.Flex, { gap: { base: 12, md: 24 }, wrap: 'wrap' },
             React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
                 React__default["default"].createElement(Dose, { status: "missed" }),
@@ -930,7 +935,7 @@ const Header = React__default["default"].memo(_Header);
 
 const _Warning = () => {
     const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(core.Flex, { gap: 14, bg: theme.theme.colors.neutral50, p: 12, sx: { borderRadius: 8 }, align: 'start' },
+    return (React__default["default"].createElement(core.Flex, { gap: 14, bg: miscTheme.theme.colors.neutral50, p: 12, sx: { borderRadius: 8 }, align: 'start' },
         React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: 24 },
             React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                 React__default["default"].createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m-1-8h2V7h-2z", fill: "#595959" }))),
@@ -961,14 +966,14 @@ const Immunization = (_a) => {
             React__default["default"].createElement(Header, { numberOfDoses: numberOfDoses }),
             details &&
                 details.map((item, index) => (React__default["default"].createElement(React.Fragment, { key: `${index}${item.id}` },
-                    React__default["default"].createElement(core.Divider, { h: 1, color: theme.theme.colors.neutral100 }),
+                    React__default["default"].createElement(core.Divider, { h: 1, color: miscTheme.theme.colors.neutral100 }),
                     React__default["default"].createElement(core.Flex, { align: 'stretch', justify: 'space-between', gap: { base: 12, md: 40 }, direction: { base: 'column', lg: 'row' } },
                         React__default["default"].createElement(core.Stack, { spacing: 2 },
-                            React__default["default"].createElement(index$1.Text, { size: "n1", color: item ? theme.theme.colors.gray800 : theme.theme.colors.red800 }, item.optional
+                            React__default["default"].createElement(index$1.Text, { size: "n1", color: item ? miscTheme.theme.colors.gray800 : miscTheme.theme.colors.red800 }, item.optional
                                 ? t('babyVaccine.vaccineInfo.optional')
                                 : t('babyVaccine.vaccineInfo.mandatory')),
                             React__default["default"].createElement("div", { style: { cursor: 'pointer' }, onClick: () => onClick(item, 'immunization') },
-                                React__default["default"].createElement(index$1.Text, { size: 's4', color: theme.theme.colors.gray800, weight: "semiBold" }, item.name || item.antigen))),
+                                React__default["default"].createElement(index$1.Text, { size: 's4', color: miscTheme.theme.colors.gray800, weight: "semiBold" }, item.name || item.antigen))),
                         React__default["default"].createElement("div", { style: { flexShrink: 0 } },
                             React__default["default"].createElement(core.SimpleGrid, { cols: 5, spacing: 4, verticalSpacing: 4, sx: {
                                     flexGrow: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.81",
+  "version": "1.29.83",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [