@hhgtech/hhg-components 1.29.79 → 1.29.81

package/build/vaccination.js

@@ -2,49 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
+var tslib_es6 = require('./tslib.es6-7e140b89.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-e914bc7c.js');
+var index$2 = require('./index-05f106c2.js');
 require('@mantine/dates');
-require('./index-517f6538.js');
-var index$3 = require('./index-0b957c10.js');
-require('./index-e932125b.js');
-require('./useMantineLocale-97b962eb.js');
-var index$1 = require('./index-5aac5fb6.js');
-var theme = require('./theme-416e0fd4.js');
-var useTranslations = require('./useTranslations-76f64595.js');
+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');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-3a589c92.js');
+var utils = require('./utils-524bda7c.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-d628859e.js');
-require('./translationsContext-6f3c14ea.js');
+var index$3 = require('./index-bba97c2e.js');
+require('./translationsContext-39528d2f.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-4f5ce9db.js');
+var index$5 = require('./index-264eeddd.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$6 = require('./index-1b7f73fa.js');
-require('./index.styles-61201019.js');
-var index$5 = require('./index-aff82754.js');
-require('./index-6036e2a0.js');
-require('./utils-120200ad.js');
-require('./defaultClassWrapper-feaae206.js');
-require('./index-aefa01a7.js');
-require('./index.styled-8c14cf6c.js');
-require('./index-d54d6c50.js');
+var index$7 = require('./index-6bc3f8c3.js');
+var index$6 = require('./index-4af08ec2.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-4bafae28.js');
+require('./useUniqueId-8929fe5f.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-7f7f09ad.js');
-require('@emotion/react');
-require('./animation-21a29164.js');
-require('react-keyed-flatten-children');
-require('./cookieHelper-6fd4e238.js');
-require('slugify');
+require('./isProduction-aa963bf9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -136,7 +125,7 @@ const _Immunization = (_a) => {
                     } },
                     React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.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.themeColors.gray[6] },
+                    antigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, antigen))),
@@ -154,7 +143,7 @@ const _VaccineStatus = ({ checked, onToggle: _onToggle, }) => {
     const onToggle = (event) => {
         _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(event.currentTarget.checked);
     };
-    return (React__default["default"].createElement(index$2.Switch, { checked: checked, onChange: onToggle, label: t('babyVaccine.vaccineCard.injected'), size: "xs", color: 'green.6', styles: {
+    return (React__default["default"].createElement(index$3.Switch, { checked: checked, onChange: onToggle, label: t('babyVaccine.vaccineCard.injected'), size: "xs", color: 'green.6', styles: {
             root: {
                 '*': {
                     cursor: 'pointer',
@@ -183,29 +172,29 @@ const _CardIcon = ({ status, isCurrent }) => {
 
 const MAPPED_STATUS = {
     vaccinated: {
-        backgroundColor: index.themeColors.green[0],
-        borderColor: index.themeColors.green[2],
-        color: index.themeColors.green[7],
+        backgroundColor: index$2.themeColors.green[0],
+        borderColor: index$2.themeColors.green[2],
+        color: index$2.themeColors.green[7],
     },
     missed: {
-        backgroundColor: index.themeColors.yellow[0],
-        borderColor: index.themeColors.yellow[2],
-        color: index.themeColors.yellow[9],
+        backgroundColor: index$2.themeColors.yellow[0],
+        borderColor: index$2.themeColors.yellow[2],
+        color: index$2.themeColors.yellow[9],
     },
     upcoming: {
-        backgroundColor: index.themeColors.neutral[0],
-        borderColor: index.themeColors.neutral[1],
-        color: index.themeColors.gray[8],
+        backgroundColor: index$2.themeColors.neutral[0],
+        borderColor: index$2.themeColors.neutral[1],
+        color: index$2.themeColors.gray[8],
     },
     next: {
-        backgroundColor: index.themeColors.blue[0],
+        backgroundColor: index$2.themeColors.blue[0],
         borderColor: 'transparent',
-        color: index.themeColors.blue[6],
+        color: index$2.themeColors.blue[6],
     },
     all: {
-        backgroundColor: index.themeColors.blue[0],
+        backgroundColor: index$2.themeColors.blue[0],
         borderColor: 'transparent',
-        color: index.themeColors.blue[6],
+        color: index$2.themeColors.blue[6],
     },
 };
 function formatBabyVaccinationDetail(data) {
@@ -312,8 +301,8 @@ const generateTimeLineName = (timeline, t) => {
 const _Badge = (_a) => {
     var _b;
     var { status, sx, content = '' } = _a, rest = tslib_es6.__rest(_a, ["status", "sx", "content"]);
-    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: 18 },
-            React__default["default"].createElement(_CardIcon, { status: status }))), px: 8, py: 3, radius: 4, sx: Object.assign(Object.assign({ height: 'initial', backgroundColor: index.themeColors.blue[0], borderColor: index.themeColors.blue[2], color: index.themeColors.blue[7] }, MAPPED_STATUS[status]), sx) }, rest),
+    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: 18 },
+            React__default["default"].createElement(_CardIcon, { status: status }))), px: 8, py: 3, radius: 4, sx: Object.assign(Object.assign({ height: 'initial', backgroundColor: index$2.themeColors.blue[0], borderColor: index$2.themeColors.blue[2], color: index$2.themeColors.blue[7] }, MAPPED_STATUS[status]), sx) }, rest),
         React__default["default"].createElement(index$1.Text, { size: "n1", span: true, tt: 'capitalize', color: String((_b = MAPPED_STATUS[status]) === null || _b === void 0 ? void 0 : _b.color) }, content || status)));
 };
 
@@ -342,7 +331,7 @@ const _Modal = (_a) => {
                     } },
                     React__default["default"].createElement(index$1.Text, { size: "s3", color: theme.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.themeColors.gray[6] },
+                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
@@ -375,7 +364,7 @@ const _Timeline = (_a) => {
                 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(core.Flex, { gap: 4, align: 'center' },
-                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index.themeColors.gray[6] },
+                    vaccineAntigen && (React__default["default"].createElement(index$1.Text, { size: "n1", color: index$2.themeColors.gray[6] },
                         t('babyVaccine.timeline.antigen'),
                         "\u00A0",
                         React__default["default"].createElement(index$1.Text, { size: "s5", weight: "semiBold", as: "span" }, vaccineAntigen))),
@@ -469,7 +458,7 @@ const _ScheduleTimeline = (_a) => {
     var _b, _c;
     var { timeline, onToggle, onTitleClick, isCurrent: _isCurrent = false } = _a, rest = tslib_es6.__rest(_a, ["timeline", "onToggle", "onTitleClick", "isCurrent"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     const isCurrent = React.useMemo(() => {
         var _a;
         return (_isCurrent ||
@@ -535,7 +524,7 @@ const StyledTimelineBanner = styled__default["default"].div `
 const TimelineBanner = (_a) => {
     var { content, url, icon, gender, name } = _a, rest = tslib_es6.__rest(_a, ["content", "url", "icon", "gender", "name"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     return (React__default["default"].createElement(StyledTimelineBanner
     // data-theme={siteType}
     , Object.assign({ "data-gender": gender }, rest),
@@ -545,7 +534,7 @@ const TimelineBanner = (_a) => {
                 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 }))))),
-        icon && (React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
+        icon && (React__default["default"].createElement(index$2.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
                 flexShrink: 0,
             } },
             React__default["default"].createElement("img", { alt: "health-tool-icon", src: icon, style: { objectFit: 'contain' }, loading: "lazy" })))));
@@ -586,7 +575,7 @@ const RecordsByAgeGroup = (_a) => {
     //   }
     //   return null
     // }
-    var { schedules, age, onToggle, onTitleClick, gender = index$3.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
+    var { schedules, age, onToggle, onTitleClick, gender = index$4.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
     // const currentIndex = useMemo(() => {
     //   let idx = schedules[0].id
     //   schedules.some((schedule, scheduleIndex) =>
@@ -610,7 +599,7 @@ const RecordsByAgeGroup = (_a) => {
     return (React__default["default"].createElement("div", Object.assign({}, rest), schedules.map((schedule, index) => {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, null, ((_a = schedule.timelines) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React__default["default"].createElement("div", { key: schedule.id },
-            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$3.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
+            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$4.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
             schedule.timelines.map((timeline) => (React__default["default"].createElement(_ScheduleTimeline, { key: timeline.id, timeline: timeline, onTitleClick: onTitleClick, onToggle: onToggle, isCurrent: getIsCurrent(timeline) })))))));
     })));
 };
@@ -621,7 +610,7 @@ const noop = () => { };
 const _ConfirmModal = (_a) => {
     var { onSubmit, date } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "date"]);
     const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$4.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
             body: {
                 padding: 32,
             },
@@ -633,7 +622,7 @@ const _ConfirmModal = (_a) => {
             React__default["default"].createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none" },
                 React__default["default"].createElement("path", { d: "M40 73.333c18.41 0 33.333-14.923 33.333-33.333S58.41 6.667 40 6.667 6.667 21.59 6.667 40 21.59 73.333 40 73.333", fill: "#FFB521" }),
                 React__default["default"].createElement("path", { d: "M39.325 48.609a2.48 2.48 0 0 1-2.48-2.48V29.147a2.48 2.48 0 1 1 4.959 0V46.13a2.48 2.48 0 0 1-2.48 2.479m.001 8.058a2.658 2.658 0 1 0 0-5.316 2.658 2.658 0 0 0 0 5.316", fill: "#fff" })),
-            React__default["default"].createElement(index$5.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
+            React__default["default"].createElement(index$6.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
             React__default["default"].createElement(index$1.Text, { size: "p2", color: "gray.6" },
                 React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t('babyVaccine.popup.confirm.description', {
@@ -689,24 +678,24 @@ const StyledDose = styled__default["default"].div `
     }
   }
   &[data-status='upcoming'] {
-    background-color: ${index.themeColors.neutral[0]};
-    border: 1px solid ${index.themeColors.neutral[1]};
+    background-color: ${index$2.themeColors.neutral[0]};
+    border: 1px solid ${index$2.themeColors.neutral[1]};
   }
   &[data-status='next'] {
-    background-color: ${index.themeColors.blue[6]};
-    border: 1px solid ${index.themeColors.blue[6]};
+    background-color: ${index$2.themeColors.blue[6]};
+    border: 1px solid ${index$2.themeColors.blue[6]};
     .inner-text {
       color: ${theme.theme.colors.white};
     }
   }
   &[data-disabled='true'] {
     opacity: 50%;
-    background-color: ${index.themeColors.neutral[0]};
-    border: 1px solid ${index.themeColors.neutral[1]};
+    background-color: ${index$2.themeColors.neutral[0]};
+    border: 1px solid ${index$2.themeColors.neutral[1]};
     cursor: not-allowed;
 
     .inner-text {
-      color: ${index.themeColors.neutral[9]};
+      color: ${index$2.themeColors.neutral[9]};
     }
   }
 `;
@@ -715,7 +704,7 @@ const Dose = (_a) => {
     var { status, idx, template, disabled, onClick } = _a, rest = tslib_es6.__rest(_a, ["status", "idx", "template", "disabled", "onClick"]);
     const shouldDisable = template === 'default' && disabled;
     return (React__default["default"].createElement(StyledDose, Object.assign({ onClick: template !== 'default' ? onClick : noop, "data-status": status, "data-id": idx ? idx : 'header', "data-disabled": shouldDisable }, rest),
-        React__default["default"].createElement(index$1.Text, { size: "s4", span: true, className: "inner-text", weight: "semiBold", color: shouldDisable ? index.themeColors.neutral[9] : index.themeColors.gray[8] }, idx ? idx : '')));
+        React__default["default"].createElement(index$1.Text, { size: "s4", span: true, className: "inner-text", weight: "semiBold", color: shouldDisable ? index$2.themeColors.neutral[9] : index$2.themeColors.gray[8] }, idx ? idx : '')));
 };
 
 dayjs__default["default"].extend(customParseFormat__default["default"]);
@@ -754,7 +743,7 @@ 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$6.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: 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')) ||
                         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,
@@ -854,7 +843,7 @@ const _ImmunizationForm = (_a) => {
 const VaccineDetailPopup = (_a) => {
     var { currentRecord, vaccineDetail, isDetail, onSubmit: _onSubmit, template = 'default', shouldAutoInjected = true, birthday } = _a, rest = tslib_es6.__rest(_a, ["currentRecord", "vaccineDetail", "isDetail", "onSubmit", "template", "shouldAutoInjected", "birthday"]);
     const { t } = useTranslations.useTranslations();
-    const { isMobile } = index.useScreenSize();
+    const { isMobile } = index$2.useScreenSize();
     const [activeTab, setActiveTab] = React.useState();
     const options = [
         {
@@ -879,7 +868,7 @@ const VaccineDetailPopup = (_a) => {
         return null;
     if (template === 'immunization' && !vaccineDetail)
         return null;
-    return (React__default["default"].createElement(index$4.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
             content: {
                 [utils.MediaQueries.mbUp]: { height: 560 },
             },
@@ -903,7 +892,7 @@ const VaccineDetailPopup = (_a) => {
 };
 
 const _Header = ({ numberOfDoses }) => {
-    const { isMobile } = index.useScreenSize();
+    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'))),
@@ -942,7 +931,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' },
-        React__default["default"].createElement(index.AspectRatio, { ratio: 1, w: 24 },
+        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" }))),
         React__default["default"].createElement(index$1.Text, { size: "p3" }, t('babyVaccine.immunization.warning'))));
@@ -1001,7 +990,7 @@ const VaccinationFilter = (_a) => {
     var { status: _status = 'all', onClick } = _a, rest = tslib_es6.__rest(_a, ["status", "onClick"]);
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement("div", Object.assign({}, rest),
-        React__default["default"].createElement(core.Flex, { align: "center", gap: 8, wrap: 'wrap' }, ALL_STATUS.map((status) => (React__default["default"].createElement(_Badge, { key: status, px: 12, py: 6, radius: 40, status: status, content: t(`babyVaccine.status.${status}`), sx: Object.assign({ borderColor: index.themeColors.neutral[1], backgroundColor: 'white', color: index.themeColors.gray[8], cursor: 'pointer', transition: 'all 300mc ease-in' }, (status === _status
+        React__default["default"].createElement(core.Flex, { align: "center", gap: 8, wrap: 'wrap' }, ALL_STATUS.map((status) => (React__default["default"].createElement(_Badge, { key: status, px: 12, py: 6, radius: 40, status: status, content: t(`babyVaccine.status.${status}`), sx: Object.assign({ borderColor: index$2.themeColors.neutral[1], backgroundColor: 'white', color: index$2.themeColors.gray[8], cursor: 'pointer', transition: 'all 300mc ease-in' }, (status === _status
                 ? Object.assign({ fontWeight: 600 }, MAPPED_STATUS[status]) : {})), 
             //@ts-ignore
             onClick: () => onClick(status) }))))));

package/package.json

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

package/build/Instagram-5735e971.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const Instagram = (_a) => {
-    var { size = 24 } = _a, rest = tslib_es6.__rest(_a, ["size"]);
-    return (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint0_radial_1500_2234)" }),
-        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint1_radial_1500_2234)" }),
-        React__default["default"].createElement("path", { d: "M16.0002 22.2191C12.5718 22.2191 9.78125 19.4295 9.78125 16.0002C9.78125 12.5709 12.5718 9.78125 16.0002 9.78125C19.4286 9.78125 22.2191 12.5709 22.2191 16.0002C22.2191 19.4295 19.4286 22.2191 16.0002 22.2191ZM16.0002 11.5581C13.5508 11.5581 11.5581 13.5508 11.5581 16.0002C11.5581 18.4496 13.5508 20.4423 16.0002 20.4423C18.4496 20.4423 20.4423 18.4496 20.4423 16.0002C20.4423 13.5508 18.4496 11.5581 16.0002 11.5581Z", fill: "white" }),
-        React__default["default"].createElement("path", { d: "M22.6637 10.6692C23.3997 10.6692 23.9963 10.0725 23.9963 9.33654C23.9963 8.60054 23.3997 8.00391 22.6637 8.00391C21.9277 8.00391 21.3311 8.60054 21.3311 9.33654C21.3311 10.0725 21.9277 10.6692 22.6637 10.6692Z", fill: "white" }),
-        React__default["default"].createElement("path", { d: "M21.3307 27.5491H10.6696C7.24121 27.5491 4.45068 24.7595 4.45068 21.3302V10.6691C4.45068 7.23983 7.24121 4.4502 10.6696 4.4502H21.3307C24.7591 4.4502 27.5496 7.23983 27.5496 10.6691V21.3302C27.5496 24.7595 24.7591 27.5491 21.3307 27.5491ZM10.6696 6.22704C8.22025 6.22704 6.22752 8.21976 6.22752 10.6691V21.3302C6.22752 23.7795 8.22025 25.7723 10.6696 25.7723H21.3307C23.78 25.7723 25.7728 23.7795 25.7728 21.3302V10.6691C25.7728 8.21976 23.78 6.22704 21.3307 6.22704H10.6696Z", fill: "white" }),
-        React__default["default"].createElement("defs", null,
-            React__default["default"].createElement("radialGradient", { id: "paint0_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8959 32.0231) scale(39.8892 39.8892)" },
-                React__default["default"].createElement("stop", { stopColor: "#FFDD55" }),
-                React__default["default"].createElement("stop", { offset: "0.328", stopColor: "#FF543F" }),
-                React__default["default"].createElement("stop", { offset: "0.348", stopColor: "#FC5245" }),
-                React__default["default"].createElement("stop", { offset: "0.504", stopColor: "#E64771" }),
-                React__default["default"].createElement("stop", { offset: "0.643", stopColor: "#D53E91" }),
-                React__default["default"].createElement("stop", { offset: "0.761", stopColor: "#CC39A4" }),
-                React__default["default"].createElement("stop", { offset: "0.841", stopColor: "#C837AB" })),
-            React__default["default"].createElement("radialGradient", { id: "paint1_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.14928 -0.399517) scale(26.4865 17.6479)" },
-                React__default["default"].createElement("stop", { stopColor: "#4168C9" }),
-                React__default["default"].createElement("stop", { offset: "0.999", stopColor: "#4168C9", stopOpacity: "0" })))));
-};
-
-exports.Instagram = Instagram;

package/build/esm/Instagram-98c713bc.js

@@ -1,26 +0,0 @@
-import { _ as __rest } from './tslib.es6-efad16cf.js';
-import React__default from 'react';
-
-const Instagram = (_a) => {
-    var { size = 24 } = _a, rest = __rest(_a, ["size"]);
-    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default.createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint0_radial_1500_2234)" }),
-        React__default.createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint1_radial_1500_2234)" }),
-        React__default.createElement("path", { d: "M16.0002 22.2191C12.5718 22.2191 9.78125 19.4295 9.78125 16.0002C9.78125 12.5709 12.5718 9.78125 16.0002 9.78125C19.4286 9.78125 22.2191 12.5709 22.2191 16.0002C22.2191 19.4295 19.4286 22.2191 16.0002 22.2191ZM16.0002 11.5581C13.5508 11.5581 11.5581 13.5508 11.5581 16.0002C11.5581 18.4496 13.5508 20.4423 16.0002 20.4423C18.4496 20.4423 20.4423 18.4496 20.4423 16.0002C20.4423 13.5508 18.4496 11.5581 16.0002 11.5581Z", fill: "white" }),
-        React__default.createElement("path", { d: "M22.6637 10.6692C23.3997 10.6692 23.9963 10.0725 23.9963 9.33654C23.9963 8.60054 23.3997 8.00391 22.6637 8.00391C21.9277 8.00391 21.3311 8.60054 21.3311 9.33654C21.3311 10.0725 21.9277 10.6692 22.6637 10.6692Z", fill: "white" }),
-        React__default.createElement("path", { d: "M21.3307 27.5491H10.6696C7.24121 27.5491 4.45068 24.7595 4.45068 21.3302V10.6691C4.45068 7.23983 7.24121 4.4502 10.6696 4.4502H21.3307C24.7591 4.4502 27.5496 7.23983 27.5496 10.6691V21.3302C27.5496 24.7595 24.7591 27.5491 21.3307 27.5491ZM10.6696 6.22704C8.22025 6.22704 6.22752 8.21976 6.22752 10.6691V21.3302C6.22752 23.7795 8.22025 25.7723 10.6696 25.7723H21.3307C23.78 25.7723 25.7728 23.7795 25.7728 21.3302V10.6691C25.7728 8.21976 23.78 6.22704 21.3307 6.22704H10.6696Z", fill: "white" }),
-        React__default.createElement("defs", null,
-            React__default.createElement("radialGradient", { id: "paint0_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8959 32.0231) scale(39.8892 39.8892)" },
-                React__default.createElement("stop", { stopColor: "#FFDD55" }),
-                React__default.createElement("stop", { offset: "0.328", stopColor: "#FF543F" }),
-                React__default.createElement("stop", { offset: "0.348", stopColor: "#FC5245" }),
-                React__default.createElement("stop", { offset: "0.504", stopColor: "#E64771" }),
-                React__default.createElement("stop", { offset: "0.643", stopColor: "#D53E91" }),
-                React__default.createElement("stop", { offset: "0.761", stopColor: "#CC39A4" }),
-                React__default.createElement("stop", { offset: "0.841", stopColor: "#C837AB" })),
-            React__default.createElement("radialGradient", { id: "paint1_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.14928 -0.399517) scale(26.4865 17.6479)" },
-                React__default.createElement("stop", { stopColor: "#4168C9" }),
-                React__default.createElement("stop", { offset: "0.999", stopColor: "#4168C9", stopOpacity: "0" })))));
-};
-
-export { Instagram as I };

package/build/esm/index-18a80466.js

@@ -1,33 +0,0 @@
-import { _ as __rest } from './tslib.es6-efad16cf.js';
-import React__default, { useMemo } from 'react';
-import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './index-122dd8ee.js';
-
-/**
- * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
- */
-const Input = (_a) => {
-    var { name, value, errorMessage, isNumerousKeyboard = false, showErrorMessage = true, actionIcon: ActionIcon, displayIcon: DisplayIcon, onActionClick, label, className, onChange, isDisabled, CustomInput, size, style, autoComplete = 'off', type = 'text', inputClassName, trackingAttributes, enterKeyHint } = _a, rest = __rest(_a, ["name", "value", "errorMessage", "isNumerousKeyboard", "showErrorMessage", "actionIcon", "displayIcon", "onActionClick", "label", "className", "onChange", "isDisabled", "CustomInput", "size", "style", "autoComplete", "type", "inputClassName", "trackingAttributes", "enterKeyHint"]);
-    const _theme = useMantineTheme();
-    const gaAttributes = useMemo(() => {
-        if (trackingAttributes) {
-            return {
-                'data-event-category': trackingAttributes.dataEventCategory,
-                'data-event-action': trackingAttributes.dataEventAction,
-                'data-event-label': trackingAttributes.dataEventLabel,
-            };
-        }
-        else {
-            return {};
-        }
-    }, [trackingAttributes]);
-    return (React__default.createElement(StyledInput, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][0], style: style },
-        label && (React__default.createElement(Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
-        React__default.createElement("div", { style: { position: 'relative' } },
-            CustomInput ? (CustomInput) : (React__default.createElement("input", Object.assign({ id: name, name: name, onChange: (e) => onChange && onChange(e.target.value), type: type, "aria-label": type, value: value, disabled: isDisabled, autoComplete: autoComplete, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', className: inputClassName, enterKeyHint: enterKeyHint }, gaAttributes, rest))),
-            DisplayIcon && (React__default.createElement(StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
-            ActionIcon && (React__default.createElement(StyledActionIcon, { className: "actionIcon", onClick: onActionClick }, ActionIcon))),
-        errorMessage && errorMessage.length > 0 && showErrorMessage && (React__default.createElement(StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
-};
-
-export { Input as I };