npm - @hhgtech/hhg-components - Versions diffs - 1.29.448 → 1.29.449-beta-2 - Mend

@hhgtech/hhg-components 1.29.448 → 1.29.449-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (570) hide show

package/build/{index-d8b7b7c8.js → index-c81f3722.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 'use strict';
 var locale = require('date-fns/locale');
-require('./index-c0083606.js');
+require('./index-17ae9969.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-0044edae.js');
+var Locale = require('./Locale-dfeb2ac7.js');
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-3b13d28b.js → index-c8a90081.js} RENAMED Viewed

@@ -1,22 +1,23 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-8128ad91.js');
-var index$3 = require('./index-b715f592.js');
-require('./index-4ecc708d.js');
-require('./index-edff4458.js');
-require('./index.styles-9aebaca8.js');
-var index = require('./index-aaf078ac.js');
+require('./index-2d074d2e.js');
+var index$3 = require('./index-89c4a82e.js');
+require('./index-e55b34fa.js');
+require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
+var index = require('./index-dac13ed8.js');
 require('@mantine/hooks');
-require('./index-cb14a9dc.js');
-require('./text-4cc51fce.js');
-require('./utils-2a996ffd.js');
-require('./index-cbebb87e.js');
-var index$1 = require('./index-2952ef30.js');
-var index$2 = require('./index-5905554c.js');
+require('./index-a779e325.js');
+require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
+var context = require('./context-d9f513d2.js');
+var index$1 = require('./index-9ffabafd.js');
+var index$2 = require('./index-af2ab8a2.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -29,18 +30,23 @@ const DefaultLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t } = index.useTranslations();
     const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'))),
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
-                withinPortal: true,
-            }, maxDate: new Date() }, form.getInputProps('age'))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+                    withinPortal: true,
+                }, maxDate: new Date() }, form.getInputProps('age')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 const InlineLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t } = index.useTranslations();
     const { currentUrl, submitProps, form } = React.useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender'), width: 'none' },
@@ -52,7 +58,8 @@ const InlineLayout = (_a) => {
                         withinPortal: true,
                     }, maxDate: new Date() }, form.getInputProps('age'), { error: null }))),
             form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.age))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 const MbLayout = (_a) => {

package/build/{index-f8bcbae7.js → index-c9e3efe6.js} RENAMED Viewed

@@ -3,10 +3,10 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-26a35ab3.js');
+var index = require('./index-f8dfe69c.js');
 var cn = require('classnames');
-var index$1 = require('./index-515ec2da.js');
-var index$2 = require('./index-4ecc708d.js');
+var index$1 = require('./index-0b97e7cc.js');
+var index$2 = require('./index-e55b34fa.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e53ca5e8.js → index-cb7ac864.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-var index = require('./index-aaf078ac.js');
+var index = require('./index-dac13ed8.js');
 var core = require('@mantine/core');
-var paths = require('./paths-d9348f30.js');
-var constants = require('./constants-e864d238.js');
-var index$1 = require('./index-edff4458.js');
-require('./index-d8b7b7c8.js');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
+var paths = require('./paths-4b6e3ccf.js');
+var constants = require('./constants-da4c452f.js');
+var index$1 = require('./index-ecc141b9.js');
+require('./index-c81f3722.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-85844168.js → index-d2a87809.js} RENAMED Viewed

@@ -1,26 +1,27 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-3076b5c8.js');
-var index = require('./index-aaf078ac.js');
-var index$5 = require('./index-7fd03876.js');
-var constants = require('./constants-2d7796a3.js');
-var index$2 = require('./index-5905554c.js');
-var index$4 = require('./index-8128ad91.js');
-var index$3 = require('./index-b715f592.js');
-require('./index-4ecc708d.js');
-require('./index-edff4458.js');
+var useHealthToolCache = require('./useHealthToolCache-627d55f2.js');
+var index = require('./index-dac13ed8.js');
+var index$5 = require('./index-584516cc.js');
+var constants = require('./constants-361f4405.js');
+var index$2 = require('./index-af2ab8a2.js');
+var index$4 = require('./index-2d074d2e.js');
+var index$3 = require('./index-89c4a82e.js');
+require('./index-e55b34fa.js');
+require('./index-ecc141b9.js');
 require('@mantine/core');
-require('./index.styles-9aebaca8.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
 require('@mantine/hooks');
-require('./index-cb14a9dc.js');
-require('./text-4cc51fce.js');
-require('./utils-2a996ffd.js');
-require('./index-cbebb87e.js');
-require('./index-d8b7b7c8.js');
-var index$1 = require('./index-2952ef30.js');
+require('./index-a779e325.js');
+require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
+require('./index-c81f3722.js');
+var context = require('./context-d9f513d2.js');
+var index$1 = require('./index-9ffabafd.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -34,29 +35,35 @@ const DefaultForm = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({}, form.getInputProps('gender'))),
-        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
-                withinPortal: true,
-            }, label: t('targetHeartRate.ageInput'), maxDate: new Date() })),
-        React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
-                content: '60',
-            }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
-                rightSection: {
-                    width: 'auto',
-                },
-            }) })),
-        isAdult && (React__default["default"].createElement(index$4.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
-                value: option.value,
-                label: option.label,
-            })), styles: {
-                item: {
-                    whiteSpace: 'nowrap',
-                    padding: '10px 12px',
-                    fontSize: '14px',
-                },
-            }, withinPortal: true }, form.getInputProps('activeValue')))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({}, form.getInputProps('gender')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+                    withinPortal: true,
+                }, label: t('targetHeartRate.ageInput'), maxDate: new Date() }))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+                    content: '60',
+                }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
+                    rightSection: {
+                        width: 'auto',
+                    },
+                }) }))),
+        isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$4.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+                    value: option.value,
+                    label: option.label,
+                })), styles: {
+                    item: {
+                        whiteSpace: 'nowrap',
+                        padding: '10px 12px',
+                        fontSize: '14px',
+                    },
+                }, withinPortal: true }, form.getInputProps('activeValue'))))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: wrapperClasses.submitBtn, type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit')))));
 };
 const InlineForm = (_a) => {
@@ -64,6 +71,7 @@ const InlineForm = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none' },
@@ -85,18 +93,20 @@ const InlineForm = (_a) => {
                         },
                     }) }))),
             form.errors.heartRate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
-        isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
-            React__default["default"].createElement(index$4.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
-                    value: option.value,
-                    label: option.label,
-                })), styles: {
-                    item: {
-                        whiteSpace: 'nowrap',
-                        padding: '10px 12px',
-                        fontSize: '14px',
-                    },
-                }, withinPortal: true }, form.getInputProps('activeValue'))))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
+                React__default["default"].createElement(index$4.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+                        value: option.value,
+                        label: option.label,
+                    })), styles: {
+                        item: {
+                            whiteSpace: 'nowrap',
+                            padding: '10px 12px',
+                            fontSize: '14px',
+                        },
+                    }, withinPortal: true }, form.getInputProps('activeValue')))))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: wrapperClasses.submitBtn, type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit')))));
 };
 const ThrForm = (_a) => {

package/build/{index-aaf078ac.js → index-dac13ed8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var React = require('react');
-var translationsContext = require('./translationsContext-8aeaf409.js');
+var translationsContext = require('./translationsContext-a6328c5e.js');
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-75bb7acd.js → index-dd93ef14.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-var index = require('./index-edff4458.js');
+var index = require('./index-ecc141b9.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f7c90d4b.js → index-e1a817c4.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
 var React = require('react');
-var index$2 = require('./index-743a7542.js');
-var utils = require('./utils-2a996ffd.js');
-var index = require('./index-aaf078ac.js');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
+var index$2 = require('./index-f618337e.js');
+var utils = require('./utils-d873e1b3.js');
+var index = require('./index-dac13ed8.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-4ecc708d.js');
+var index$1 = require('./index-e55b34fa.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');

package/build/{index-4ecc708d.js → index-e55b34fa.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var text = require('./text-4cc51fce.js');
+var index = require('./index-54f85690.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var useStyles = core.createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const TextConfig = text.GlobalTextStyle[_params === null || _params === void 0 ? void 0 : _params.customStylesType] ||
-        text.GlobalTextStyle[text.CustomStylesType.NONE];
+    const TextConfig = index.GlobalTextStyle[_params === null || _params === void 0 ? void 0 : _params.customStylesType] ||
+        index.GlobalTextStyle[index.CustomStylesType.NONE];
     const getFontSize = (_a = TextConfig.fontSize[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _a === void 0 ? void 0 : _a[0];
     const getLineHeight = (_b = TextConfig.lineHeight[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _b === void 0 ? void 0 : _b[0];
     const getLetterSpacing = (_e = (_d = (_c = TextConfig.letterSpacing) === null || _c === void 0 ? void 0 : _c[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : 0;
@@ -22,10 +22,10 @@ var useStyles = core.createStyles((theme, _params) => {
     return {
         root: Object.assign({}, ((_params === null || _params === void 0 ? void 0 : _params.size) && {
             fontWeight: (_params === null || _params === void 0 ? void 0 : _params.as) === 'label'
-                ? text.FontWeight.semiBold
+                ? index.FontWeight.semiBold
                 : TextConfig.fontWeight[_params.weight] ||
                     TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
-                    text.FontWeight.regular,
+                    index.FontWeight.regular,
             fontSize: `${getFontSize}`,
             lineHeight: `${getLineHeight}`,
             letterSpacing: getLetterSpacing,
@@ -42,11 +42,12 @@ const Text = React.forwardRef((_a, ref) => {
     var _b;
     var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "variant"]);
     const theme = core.useMantineTheme();
+    const variantStyle = index.useTemplateVariant();
     const { classes, cx } = useStyles({
         size,
         weight: weight === 'caption' ? 'bold' : weight,
         as,
-        customStylesType: theme.other.customStyleType || text.CustomStylesType.NONE,
+        customStylesType: variantStyle,
     }, {
         name: 'Text',
         styles,

package/build/{index-d395161d.js → index-e6d4dc90.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-2a996ffd.js');
+var utils = require('./utils-d873e1b3.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a8acf5b5.js → index-e762cf96.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-2a996ffd.js');
+var utils = require('./utils-d873e1b3.js');
 var miscTheme = require('./miscTheme.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-edff4458.js → index-ecc141b9.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-25c64a9a.js');
-var text = require('./text-4cc51fce.js');
+var shared = require('./shared-e4b9a260.js');
+var index = require('./index-54f85690.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -14,7 +14,7 @@ var useStyles = core.createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
+    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -27,11 +27,13 @@ var useStyles = core.createStyles((_theme, _params) => {
     const hoverHexColor = isHexColor
         ? _theme.fn.darken(color, 0.05)
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
-    const isLeadgen = customStylesType === text.CustomStylesType.LEADGEN;
+    const isLeadgen = customStylesType === index.CustomStylesType.LEADGEN;
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${shared.ANIMATION_DURATION} ease-in-out`, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${shared.ANIMATION_DURATION} ease-in-out`, '&:focus': {
                 outline: 'none',
-            } }, (!children && {
+            } }, (isLeadgen && {
+            borderRadius: 12,
+        })), (!children && {
             paddingLeft: '10px',
             paddingRight: '10px',
             '.mantine-Button-icon': {
@@ -40,23 +42,23 @@ var useStyles = core.createStyles((_theme, _params) => {
         })), (() => {
             switch (size) {
                 case 'xl':
-                    return Object.assign({ height: 56, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                    return Object.assign({ height: 56, fontWeight: isLeadgen ? index.FontWeight.halfBold : index.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
                         letterSpacing: '-0.3px',
                     }));
                 case 'lg':
-                    return Object.assign({ height: 48, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
+                    return Object.assign({ height: 48, fontWeight: isLeadgen ? index.FontWeight.halfBold : index.FontWeight.semiBold, fontSize: isLeadgen ? '15px' : isMb ? '14px' : '16px', lineHeight: '24px' }, (isLeadgen && {
                         letterSpacing: '-0.3px',
                     }));
                 case 'md':
-                    return Object.assign({ height: 40, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '13px' : '14px', lineHeight: isLeadgen ? '20px' : '22px' }, (isLeadgen && {
+                    return Object.assign({ height: 40, fontWeight: isLeadgen ? index.FontWeight.halfBold : index.FontWeight.semiBold, fontSize: isLeadgen ? '13px' : '14px', lineHeight: isLeadgen ? '20px' : '22px' }, (isLeadgen && {
                         letterSpacing: '-0.3px',
                     }));
                 case 'sm':
-                    return Object.assign(Object.assign({ height: 32, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : isMb ? '12px' : '14px', lineHeight: isLeadgen ? '16px' : '22px' }, (isLeadgen && {
+                    return Object.assign(Object.assign({ height: 32, fontWeight: isLeadgen ? index.FontWeight.halfBold : index.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : isMb ? '12px' : '14px', lineHeight: isLeadgen ? '16px' : '22px' }, (isLeadgen && {
                         letterSpacing: '-0.2px',
                     })), { paddingLeft: '16px', paddingRight: '16px' });
                 case 'xs':
-                    return Object.assign({ height: 24, fontWeight: isLeadgen ? text.FontWeight.halfBold : text.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : '12px', lineHeight: isLeadgen ? '16px' : '18px', paddingLeft: '8px', paddingRight: '8px' }, (isLeadgen && {
+                    return Object.assign({ height: 24, fontWeight: isLeadgen ? index.FontWeight.halfBold : index.FontWeight.semiBold, fontSize: isLeadgen ? '11px' : '12px', lineHeight: isLeadgen ? '16px' : '18px', paddingLeft: '8px', paddingRight: '8px' }, (isLeadgen && {
                         letterSpacing: '-0.2px',
                     }));
             }
@@ -70,11 +72,17 @@ var useStyles = core.createStyles((_theme, _params) => {
                     }));
                 }
                 case 'secondary':
-                    return Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
+                    return Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
                         '&:hover': {
                             backgroundColor: hexColor50,
                             border: `1px solid ${hexColor}`,
                         },
+                    })), (withColorHover && {
+                        '&:hover': {
+                            backgroundColor: hexColor,
+                            border: `1px solid ${hexColor}`,
+                            color: '#fff',
+                        },
                     }));
                 case 'white':
                     return {
@@ -166,20 +174,22 @@ function filterObject(obj) {
 const Button = React.forwardRef((props, ref) => {
     var _a, _b;
     const theme = core.useMantineTheme();
-    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp } = _c, rest = tslib_es6.__rest(_c, ["variant", "size", "color", "skipHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme"]);
+    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component } = _c, rest = tslib_es6.__rest(_c, ["variant", "size", "color", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component"]);
     const isError = variant === 'error';
+    const variantStyle = index.useTemplateVariant();
     const { classes, cx } = useStyles({
         variant,
         size,
         color,
         skipHover,
+        withColorHover,
         isError,
         isSuccess: variant === 'success',
         children,
         theme: themeProp,
-        customStylesType: theme.other.customStyleType || text.CustomStylesType.NONE,
+        customStylesType: variantStyle,
     });
-    return (React__default["default"].createElement(core.Button, Object.assign({ className: cx(className, variant), classNames: {
+    return (React__default["default"].createElement(core.Button, Object.assign({ component: component, className: cx(className, variant), classNames: {
             root: classes.root,
             leftIcon: classes.leftIcon,
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));

package/build/{index-38610dda.js → index-f615bd73.js} RENAMED Viewed

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-e9eecc93.js');
-var index$1 = require('./index-26a35ab3.js');
+var index = require('./index-a54f7ab3.js');
+var index$1 = require('./index-f8dfe69c.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-743a7542.js → index-f618337e.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4ecc708d.js');
+var index = require('./index-e55b34fa.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-26a35ab3.js → index-f8dfe69c.js} RENAMED Viewed

@@ -1,22 +1,22 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-require('./index-8128ad91.js');
+require('./index-2d074d2e.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-d8b7b7c8.js');
-require('./index-c0083606.js');
-require('./index-7fd03876.js');
-require('./index-cb14a9dc.js');
-var index = require('./index-4ecc708d.js');
-require('./index-edff4458.js');
-require('./index.styles-9aebaca8.js');
-require('./translationsContext-8aeaf409.js');
+require('./index-c81f3722.js');
+require('./index-17ae9969.js');
+require('./index-584516cc.js');
+require('./index-a779e325.js');
+var index = require('./index-e55b34fa.js');
+require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
+require('./translationsContext-a6328c5e.js');
 require('@mantine/hooks');
-require('./text-4cc51fce.js');
-require('./utils-2a996ffd.js');
-require('./index-cbebb87e.js');
+require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-44cafc35.js → index-fdd20a63.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');