@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/{esm/utils-d7bbdb52.js → utils-7effa670.js}

@@ -1,103 +1,4 @@
-import { rem } from '@mantine/core';
-
-var FontWeight;
-(function (FontWeight) {
-    FontWeight[FontWeight["regular"] = 400] = "regular";
-    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
-    FontWeight[FontWeight["bold"] = 700] = "bold";
-})(FontWeight || (FontWeight = {}));
-const GlobalTextStyle = {
-    fontSize: {
-        base: [rem(16), rem(16)],
-        lg: [rem(18), rem(16)],
-        md: [rem(18), rem(16)],
-        sm: [rem(16), rem(14)],
-        xs: [rem(14), rem(12)],
-        s1: [rem(22), rem(18)],
-        s2: [rem(18), rem(16)],
-        s3: [rem(16), rem(14)],
-        s4: [rem(14), rem(12)],
-        s5: [rem(12), rem(12)],
-        p1: [rem(18), rem(16)],
-        p2: [rem(16), rem(16)],
-        p3: [rem(16), rem(14)],
-        p4: [rem(14), rem(12)],
-        p5: [rem(12), rem(12)],
-        c1: [rem(16), rem(14)],
-        c2: [rem(14), rem(12)],
-        n1: [rem(12), rem(12)],
-        label1: [rem(14), rem(14)],
-        label2: [rem(12), rem(12)],
-        h1: [rem(40), rem(26)],
-        h2: [rem(32), rem(24)],
-        h3: [rem(26), rem(20)],
-        h4: [rem(22), rem(18)],
-        h5: [rem(18), rem(16)],
-        h6: [rem(16), rem(14)],
-    },
-    lineHeight: {
-        base: [rem(24), rem(24)],
-        lg: [rem(32), rem(28)],
-        md: [rem(32), rem(28)],
-        sm: [rem(24), rem(22)],
-        xs: [rem(24), rem(18)],
-        s1: [rem(32), rem(26)],
-        s2: [rem(28), rem(24)],
-        s3: [rem(24), rem(24)],
-        s4: [rem(22), rem(18)],
-        s5: [rem(18), rem(18)],
-        p1: [rem(28), rem(28)],
-        p2: [rem(24), rem(24)],
-        p3: [rem(24), rem(22)],
-        p4: [rem(22), rem(18)],
-        c1: [rem(24), rem(22)],
-        c2: [rem(22), rem(18)],
-        n1: [rem(18), rem(18)],
-        label1: [rem(22), rem(22)],
-        label2: [rem(18), rem(18)],
-        h1: [rem(52), rem(34)],
-        h2: [rem(42), rem(32)],
-        h3: [rem(36), rem(26)],
-        h4: [rem(32), rem(26)],
-        h5: [rem(28), rem(24)],
-        h6: [rem(24), rem(22)],
-    },
-    letterSpacing: {
-        lg: [-0.2, 0],
-        md: [-0.2, 0],
-        sm: [0, -0.2],
-        s1: [-0.6, -0.6],
-        s2: [-0.4, -0.2],
-        s3: [0, -0.2],
-        s4: [0, -0.2],
-        p1: [-0.2, -0.2],
-        p2: [0, -0.2],
-        p3: [0, -0.2],
-        p4: [-0.2, 0],
-        label1: [0, -0.2],
-        h1: [-1.2, -0.9],
-        h2: [-1, -0.8],
-        h3: [-0.8, -0.7],
-        h4: [-0.6, -0.6],
-        h5: [-0.2, -0.2],
-        h6: [0, -0.2],
-    },
-    fontWeightBySize: {
-        s1: FontWeight.semiBold,
-        s2: FontWeight.semiBold,
-        s3: FontWeight.semiBold,
-        s4: FontWeight.semiBold,
-        h1: FontWeight.bold,
-        h2: FontWeight.bold,
-        h3: FontWeight.bold,
-        h4: FontWeight.bold,
-        h5: FontWeight.bold,
-        h6: FontWeight.bold,
-    },
-    fontWeight: FontWeight,
-};
-
-const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);
+'use strict';
 
 const makeParams = (params) => {
     const paramKeys = Object.keys(params);
@@ -230,4 +131,13 @@ const safeEncodeURI = (s) => {
         return encodeURI(s);
 };
 
-export { Breakpoints as B, FontWeight as F, MediaQueries as M, OTHER_THEME_CONFIG as O, getPopupWrapperDom as a, getWrapperDomWithSelector as b, safeEncodeURI as c, formatUrlWithPageParam as f, getBoundariesFromMediaQueryKey as g, makeParams as m, startCase as s, toggleNoScroll as t };
+exports.Breakpoints = Breakpoints;
+exports.MediaQueries = MediaQueries;
+exports.formatUrlWithPageParam = formatUrlWithPageParam;
+exports.getBoundariesFromMediaQueryKey = getBoundariesFromMediaQueryKey;
+exports.getPopupWrapperDom = getPopupWrapperDom;
+exports.getWrapperDomWithSelector = getWrapperDomWithSelector;
+exports.makeParams = makeParams;
+exports.safeEncodeURI = safeEncodeURI;
+exports.startCase = startCase;
+exports.toggleNoScroll = toggleNoScroll;

package/build/vaccination.js

@@ -2,38 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-dff7ee1b.js');
+var index$2 = require('./index-848c257f.js');
 require('@mantine/dates');
-require('./index-e3bbd009.js');
-var index$4 = require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index$1 = require('./index-1fdf2f01.js');
-var index = require('./index-3eb666e6.js');
-var theme = require('./theme-be20929b.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+require('./index-1f94d57c.js');
+var index$4 = require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+var index$1 = require('./index-4184d8d6.js');
+var index = require('./index-353ce6f8.js');
+var miscTheme = require('./miscTheme.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-15a9772e.js');
+require('./other-b4596d33.js');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-2de1eb4a.js');
-require('./translationsContext-00fdb62e.js');
+var utils = require('./utils-7effa670.js');
+var index$3 = require('./index-ce737a83.js');
+require('./translationsContext-22b4034f.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-405faafa.js');
+var index$5 = require('./index-a3320ed8.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$7 = require('./index-0b727664.js');
-var index$6 = require('./index-54aeefca.js');
+var index$7 = require('./index-d97f9371.js');
+var index$6 = require('./index-7efe7581.js');
 require('@mantine/carousel');
+require('./Locale-9e8a2452.js');
 require('classnames');
-require('./useUniqueId-1af8848e.js');
+require('./useUniqueId-b5967fd3.js');
+require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-20cd663d.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.82",
+  "version": "1.29.84",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [