npm - @hhgtech/hhg-components - Versions diffs - 1.29.78 → 1.29.80 - Mend

@hhgtech/hhg-components 1.29.78 → 1.29.80

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 (285) hide show

package/build/index.js CHANGED Viewed

@@ -2,108 +2,108 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var index = require('./index-d38624f2.js');
-var index$1 = require('./index-fd9e9e31.js');
-var index$5 = require('./index-bd99a93f.js');
+var index = require('./index-18ddaa1b.js');
+var index$1 = require('./index-3a03bb34.js');
+var index$5 = require('./index-94fd9ea6.js');
 var React = require('react');
-var ChevronDown = require('./ChevronDown-6a728605.js');
-var Close = require('./Close-6a790433.js');
-var Visible = require('./Visible-cf684c77.js');
-var index$2 = require('./index-896cf1e8.js');
-var index$3 = require('./index-266faebd.js');
-var index$4 = require('./index-c6d8ee38.js');
-var index$6 = require('./index-888fe1c7.js');
-var index$7 = require('./index-e1d386b9.js');
-var index$8 = require('./index-714baad1.js');
-var index$9 = require('./index-2f39a918.js');
-var index_styles = require('./index.styles-15b57fec.js');
-var index$a = require('./index-58d6aa20.js');
-var index$b = require('./index-3d1716ad.js');
-var index$c = require('./index-e76edc59.js');
-var index$d = require('./index-50cc6ee0.js');
-var index$e = require('./index-c4b66929.js');
-var utils = require('./utils-bc89f5c8.js');
-var index$f = require('./index-297519c0.js');
-var index$g = require('./index-a74e681a.js');
-var index$h = require('./index-de879d05.js');
-var index$i = require('./index-ca2880f5.js');
-var index$j = require('./index-2ed617c9.js');
-var index$k = require('./index-3f5ce427.js');
-var index$l = require('./index-2dd62be1.js');
-var useTranslations = require('./useTranslations-ddee03e3.js');
-var useScrollbarSize = require('./useScrollbarSize-df8fb771.js');
-var useCategory = require('./useCategory-99167875.js');
-var useHealthToolCache = require('./useHealthToolCache-347a7553.js');
-var useIsInit = require('./useIsInit-78fbbf00.js');
-var useOutsideClick = require('./useOutsideClick-f4ac5964.js');
-var useUniqueId = require('./useUniqueId-a3ed3f40.js');
-var types = require('./types-bc9b7ff5.js');
-var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
-var types$1 = require('./types-65270049.js');
-var localizeNumberFormat = require('./localizeNumberFormat-72f6c627.js');
-var animation = require('./animation-6f210c4a.js');
-var cookieHelper = require('./cookieHelper-6fa2ed3a.js');
-var number = require('./number-3c00e9ff.js');
-var routing = require('./routing-101c464a.js');
-var theme = require('./theme-040e6fd9.js');
-var utils$1 = require('./utils-a2ad9aa3.js');
-var getDynamicHealthTool = require('./getDynamicHealthTool-fe5aca1c.js');
-var getSocialList = require('./getSocialList-717ee974.js');
-var dataTransform = require('./dataTransform-c8c14a28.js');
+var ChevronDown = require('./ChevronDown-f9d31306.js');
+var Close = require('./Close-27e0dcf1.js');
+var Visible = require('./Visible-01dfaec9.js');
+var index$2 = require('./index-0523771b.js');
+var index$3 = require('./index-8c826f3e.js');
+var index$4 = require('./index-82a3ba38.js');
+var index$6 = require('./index-91027d35.js');
+var index$7 = require('./index-efcbac97.js');
+var constants = require('./constants-4e7c419e.js');
+var index$8 = require('./index-f5103542.js');
+var index_styles = require('./index.styles-2bdfde5f.js');
+var index$9 = require('./index-ed587907.js');
+var index$a = require('./index-bced434a.js');
+var index$b = require('./index-917c975c.js');
+var index$c = require('./index-dbf560f2.js');
+var index$d = require('./index-c524c362.js');
+var utils = require('./utils-263a60f7.js');
+var index$e = require('./index-c67602d7.js');
+var index$f = require('./index-5029b5d8.js');
+var index$g = require('./index-5d9ad07e.js');
+var index$h = require('./index-b0414701.js');
+var index$i = require('./index-f0a532c7.js');
+var index$j = require('./index-d710511f.js');
+var index$k = require('./index-040620f6.js');
+var useTranslations = require('./useTranslations-d5456a98.js');
+var useScrollbarSize = require('./useScrollbarSize-ed50b4a6.js');
+var useCategory = require('./useCategory-7d1f8a7d.js');
+var useHealthToolCache = require('./useHealthToolCache-b7dea4aa.js');
+var useIsInit = require('./useIsInit-0f6d1879.js');
+var useOutsideClick = require('./useOutsideClick-e067cc79.js');
+var useUniqueId = require('./useUniqueId-4ce69bff.js');
+var types = require('./types-c8956642.js');
+var utils$1 = require('./utils-9f62698f.js');
+var types$1 = require('./types-6996fb20.js');
+var localizeNumberFormat = require('./localizeNumberFormat-2befc6e4.js');
+var animation = require('./animation-8605b5bb.js');
+var cookieHelper = require('./cookieHelper-b2132ffc.js');
+var number = require('./number-92da0262.js');
+var routing = require('./routing-bc8197d8.js');
+var theme = require('./theme-f410baf6.js');
+var utils$2 = require('./utils-4849d92a.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-357666f7.js');
+var getSocialList = require('./getSocialList-c1404aff.js');
+var dataTransform = require('./dataTransform-469b75eb.js');
 require('date-fns/locale');
-require('./isProduction-cc2f71e7.js');
-require('./tslib.es6-a8c3b1ed.js');
+require('./isProduction-2e55aee3.js');
+require('./tslib.es6-4bc45883.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-8bbc5f6c.js');
+require('./index-858f60e0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-657d308e.js');
-require('./useMantineLocale-67d093f5.js');
+require('./index-e60c98f8.js');
+require('./useMantineLocale-b243f628.js');
 require('dayjs');
 require('classnames');
 require('@hhgtech/icons/core');
 require('innertext');
 require('@mantine/dates');
-require('./translationsContext-bece07e0.js');
+require('./translationsContext-11cafcfc.js');
 require('string-format');
 require('lodash/throttle');
 require('@emotion/react');
 require('html-react-parser');
 require('date-fns');
 require('@mantine/form');
-require('./index-172570c5.js');
+require('./index-bf6e5e4e.js');
 require('react-hook-form');
-require('./index-fbc4ad0a.js');
-require('./index.styled-cd56f718.js');
+require('./index-1250dd06.js');
+require('./index.styled-8aca5145.js');
 require('date-fns/locale/en-US');
 require('date-fns/locale/id');
 require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
 require('uuid');
-require('./index-f5c1576f.js');
+require('./index-94a2b0f9.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./normalizeLink-37b001e0.js');
-require('./paths-22150d98.js');
+require('./normalizeLink-0fd36e61.js');
+require('./paths-350514c4.js');
 require('react-keyed-flatten-children');
-require('./Instagram-f68f1dae.js');
-require('./index-3fea5307.js');
+require('./Instagram-91ba1e26.js');
+require('./index-20ebc0bd.js');
 require('react-dom');
 require('react-day-picker/DayPickerInput');
-require('./constants-385d01e7.js');
-require('./index-d98b6533.js');
+require('./constants-ca71f9e5.js');
+require('./index-2b32b21e.js');
 require('dayjs/plugin/relativeTime');
 require('lodash/debounce');
-require('./core-e0799ceb.js');
-require('./utils-f2b61d2c.js');
+require('./core-bb2587e7.js');
+require('./utils-d421a448.js');
 require('react-contenteditable');
 require('slugify');
 require('lodash/shuffle');
 require('react-loading-skeleton');
-require('./index-d37fb502.js');
+require('./index-61ef343d.js');
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -273,38 +273,38 @@ exports.BtnChoice = index$4.BtnChoice;
 exports.Divider = index$4.Divider;
 exports.Heading = index$6.Heading;
 exports.Input = index$7.Input;
-exports.CareConstants = index$8.constants;
-exports.Label = index$8.Label;
-exports.Logo = index$9.Logo;
+exports.CareConstants = constants.constants;
+exports.Label = constants.Label;
+exports.Logo = index$8.Logo;
 exports.PureInput = index_styles.PureInput;
 exports.StepRenderer = index_styles.StepRenderer;
 exports.StepRendererContext = index_styles.StepRendererContext;
 exports.TextArea = index_styles.TextArea;
-exports.Text = index$a.Text;
-exports.Container = index$b.Container;
-exports.Icon = index$c.Icon;
-exports.Drawer = index$d.Drawer;
-exports.GenderOptionControl = index$d.GenderOptionControl;
-exports.Modal = index$d.Modal;
-exports.RadioImageGroup = index$d.RadioImageGroup;
-exports.CustomReferenceDot = index$e.CustomReferenceDot;
+exports.Text = index$9.Text;
+exports.Container = index$a.Container;
+exports.Icon = index$b.Icon;
+exports.Drawer = index$c.Drawer;
+exports.GenderOptionControl = index$c.GenderOptionControl;
+exports.Modal = index$c.Modal;
+exports.RadioImageGroup = index$c.RadioImageGroup;
+exports.CustomReferenceDot = index$d.CustomReferenceDot;
 exports.LogoIcon = utils.LogoIcon;
-exports.DatePicker = index$f.DatePicker;
-exports.Loading = index$f.Loading;
-exports.Dropdown = index$g.Dropdown;
-exports.Popup = index$h.Popup;
-exports.TogetherDataTransforms = index$h.dataTransform;
-exports.UserAvatar = index$h.UserAvatar;
-exports.LanguageSwitcher = index$i.LanguageSwitcher;
-exports.NavigationLogoutPopup = index$i.NavigationLogoutPopup;
-exports.NavigationProfileButton = index$i.NavigationProfileButton;
-exports.NavigationV2 = index$i.NavigationV2;
-exports.ProfileNavigation = index$i.ProfileNavigation;
-exports.getNavMenuContent = index$i.getNavMenuContent;
-exports.getNavMenuContentWithCache = index$i.getNavMenuContentWithCache;
-exports.PillCarousel = index$j.PillCarousel;
-exports.AddressInput = index$k.AddressInput;
-exports.Footer = index$l.Footer;
+exports.DatePicker = index$e.DatePicker;
+exports.Loading = index$e.Loading;
+exports.Dropdown = index$f.Dropdown;
+exports.Popup = index$g.Popup;
+exports.TogetherDataTransforms = index$g.dataTransform;
+exports.UserAvatar = index$g.UserAvatar;
+exports.LanguageSwitcher = index$h.LanguageSwitcher;
+exports.NavigationLogoutPopup = index$h.NavigationLogoutPopup;
+exports.NavigationProfileButton = index$h.NavigationProfileButton;
+exports.NavigationV2 = index$h.NavigationV2;
+exports.ProfileNavigation = index$h.ProfileNavigation;
+exports.getNavMenuContent = index$h.getNavMenuContent;
+exports.getNavMenuContentWithCache = index$h.getNavMenuContentWithCache;
+exports.PillCarousel = index$i.PillCarousel;
+exports.AddressInput = index$j.AddressInput;
+exports.Footer = index$k.Footer;
 exports.useTranslations = useTranslations.useTranslations;
 exports.MEASURE_ELEMENT_CLASS = useScrollbarSize.MEASURE_ELEMENT_CLASS;
 exports.useScrollbarSize = useScrollbarSize.useScrollbarSize;
@@ -364,14 +364,14 @@ exports.TogetherTypes = types.types;
 exports.TopicSelectList = types.TopicSelectList;
 exports.VerifiedTag = types.VerifiedTag;
 exports.useTogetherAuthRequiredAction = types.useTogetherAuthRequiredAction;
-exports.DefaultComponentGlobalContextData = defaultClassWrapper.DefaultComponentGlobalContextData;
+exports.DefaultComponentGlobalContextData = utils$1.DefaultComponentGlobalContextData;
 Object.defineProperty(exports, 'GlobalData', {
   enumerable: true,
-  get: function () { return defaultClassWrapper.GlobalData; }
+  get: function () { return utils$1.GlobalData; }
 });
-exports.TogetherComponentGlobalContext = defaultClassWrapper.TogetherComponentGlobalContext;
-exports.TogetherComponentGlobalContextProvider = defaultClassWrapper.TogetherComponentGlobalContextProvider;
-exports.TogetherConstants = defaultClassWrapper.constants;
+exports.TogetherComponentGlobalContext = utils$1.TogetherComponentGlobalContext;
+exports.TogetherComponentGlobalContextProvider = utils$1.TogetherComponentGlobalContextProvider;
+exports.TogetherConstants = utils$1.constants;
 exports.BookingSearchBar = types$1.BookingSearchBar;
 exports.BookingSearchBarV2 = types$1.BookingSearchBarV2;
 exports.CareTypes = types$1.types;
@@ -399,16 +399,16 @@ exports.getDiscoverApiDomain = routing.getDiscoverApiDomain;
 exports.getTogetherApiDomain = routing.getTogetherApiDomain;
 exports.MBTheme = theme.MBTheme;
 exports.theme = theme.theme;
-exports.Breakpoints = utils$1.Breakpoints;
-exports.MediaQueries = utils$1.MediaQueries;
-exports.formatUrlWithPageParam = utils$1.formatUrlWithPageParam;
-exports.getBoundariesFromMediaQueryKey = utils$1.getBoundariesFromMediaQueryKey;
-exports.getPopupWrapperDom = utils$1.getPopupWrapperDom;
-exports.getWrapperDomWithSelector = utils$1.getWrapperDomWithSelector;
-exports.makeParams = utils$1.makeParams;
-exports.safeEncodeURI = utils$1.safeEncodeURI;
-exports.startCase = utils$1.startCase;
-exports.toggleNoScroll = utils$1.toggleNoScroll;
+exports.Breakpoints = utils$2.Breakpoints;
+exports.MediaQueries = utils$2.MediaQueries;
+exports.formatUrlWithPageParam = utils$2.formatUrlWithPageParam;
+exports.getBoundariesFromMediaQueryKey = utils$2.getBoundariesFromMediaQueryKey;
+exports.getPopupWrapperDom = utils$2.getPopupWrapperDom;
+exports.getWrapperDomWithSelector = utils$2.getWrapperDomWithSelector;
+exports.makeParams = utils$2.makeParams;
+exports.safeEncodeURI = utils$2.safeEncodeURI;
+exports.startCase = utils$2.startCase;
+exports.toggleNoScroll = utils$2.toggleNoScroll;
 exports.formatHealthTool = getDynamicHealthTool.formatHealthTool;
 exports.getDynamicHealthTool = getDynamicHealthTool.getDynamicHealthTool;
 exports.getDynamicHealthToolWithCache = getDynamicHealthTool.getDynamicHealthToolWithCache;

package/build/{index.styled-cd56f718.js → index.styled-8aca5145.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
+var tslib_es6 = require('./tslib.es6-4bc45883.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var theme = require('./theme-040e6fd9.js');
+var theme = require('./theme-f410baf6.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index.styles-15b57fec.js → index.styles-2bdfde5f.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var core = require('@mantine/core');
 var styled = require('@emotion/styled');
-var theme = require('./theme-040e6fd9.js');
-var utils = require('./utils-a2ad9aa3.js');
-var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
+var theme = require('./theme-f410baf6.js');
+var utils = require('./utils-4849d92a.js');
+var tslib_es6 = require('./tslib.es6-4bc45883.js');
 var React = require('react');
-var index = require('./index-714baad1.js');
-var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
+var constants = require('./constants-4e7c419e.js');
+var utils$1 = require('./utils-9f62698f.js');
 var react = require('@emotion/react');
-var animation = require('./animation-6f210c4a.js');
+var animation = require('./animation-8605b5bb.js');
+var core = require('@mantine/core');
 var flattenChildren = require('react-keyed-flatten-children');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -18,76 +18,6 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
-var useStyles$1 = core.createStyles((theme) => {
-    return {
-        root: {
-            display: 'inline-block',
-            // height: 1rem,
-            flexShrink: 0,
-            padding: '2px 0.5rem',
-            marginLeft: '4px',
-            borderRadius: theme.radius.xs,
-            // color: white,
-            fontSize: '12px',
-            fontWeight: 400,
-            lineHeight: '18px',
-            '&[data-label-type="admin"]': {
-                background: theme.primaryColor[0],
-                color: theme.primaryColor[9],
-                // &[data-is-marrybaby='true'] {
-                //   background: #{map-get($mbColors, 'tonePink')};
-                //   color: #{map-get($mbColors, 'cRed')};
-                // }
-            },
-            '&[data-label-type="local admin"]': {
-                background: theme.primaryColor[8],
-            },
-            '&[data-label-type="ambassador"]': {
-                background: theme.colors.green[4],
-            },
-            '&[data-label-type="expert"]': {
-                background: theme.colors.yellow[6],
-                // &[data-is-marrybaby='true'] {
-                //   background: #{map-get($mbColors, 'cOrange')};
-                //   color: #{map-get($colors, 'cWhite')};
-                // }
-            },
-            '&[data-label-type="moderator"]': {
-                background: theme.colors.red[0],
-                color: theme.colors.red[8],
-                // &[data-is-marrybaby='true'] {
-                //   background: #{map-get($mbColors, 'toneBlue')};
-                //   color: #{map-get($mbColors, 'cobalt')};
-                // }
-            },
-            '&[data-label-type="sponsor"]': {
-                background: theme.colors.teal[4],
-            },
-            '&[data-label-type="guide"]': {
-                background: theme.colors.teal[4],
-            },
-            '&[data-label-type="influencer"]': {
-                background: theme.colors.teal[4],
-            },
-        },
-    };
-});
-const StyledContainer = styled__default["default"].div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  button[data-color='tertiary'] {
-    background: white;
-  }
-`;
-const StyledDivider = styled__default["default"].hr `
-  border-width: 1px;
-  border-color: ${theme.theme.colors.neutral200};
-  border-style: ${(props) => props.dividerType};
-`;
 const StyledAvatar = styled__default["default"].div `
   background-color: var(--background-color, transparent);
   color: white;
@@ -299,6 +229,12 @@ const StyledBorderHeading = styled__default["default"].h4 `
   }
 `;
+const StyledDivider = styled__default["default"].hr `
+  border-width: 1px;
+  border-color: ${theme.theme.colors.neutral200};
+  border-style: ${(props) => props.dividerType};
+`;
 const StyledDropdown = styled__default["default"].div `
   position: relative;
   box-sizing: border-box;
@@ -605,12 +541,12 @@ const PureInput = React__default["default"].forwardRef((_a, ref) => {
         onActionClick && onActionClick();
     };
     return (React__default["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, style: style },
-        label && (React__default["default"].createElement(index.Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
+        label && (React__default["default"].createElement(constants.Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
         React__default["default"].createElement("div", { style: { position: 'relative' } },
             CustomInput ? (CustomInput) : (React__default["default"].createElement("input", Object.assign({ id: name, name: name, placeholder: placeholder, onChange: nativeOnChange !== null && nativeOnChange !== void 0 ? nativeOnChange : ((e) => handleOnChange(e.target.value)), onKeyPress: onKeyPress, type: type, "aria-label": type, disabled: isDisabled, value: localValue, autoComplete: autoComplete, ref: ref, autoFocus: autoFocus, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', onFocus: onFocus, enterKeyHint: enterKeyHint }, other))),
-            DisplayIcon && (React__default["default"].createElement(index.StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
-            ActionIcon && (React__default["default"].createElement(index.StyledActionIcon, { className: "actionIcon", onClick: handleOnActionClick }, ActionIcon))),
-        errorMessage && errorMessage.length > 0 && (React__default["default"].createElement(index.StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
+            DisplayIcon && (React__default["default"].createElement(constants.StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
+            ActionIcon && (React__default["default"].createElement(constants.StyledActionIcon, { className: "actionIcon", onClick: handleOnActionClick }, ActionIcon))),
+        errorMessage && errorMessage.length > 0 && (React__default["default"].createElement(constants.StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
 });
 PureInput.displayName = 'PureInput';
@@ -778,7 +714,7 @@ const StyledTag = styled__default["default"].div `
 `;
 const heightIcon = '24px';
-const StyledToggleIcon = defaultClassWrapper.setDefaultClass(styled__default["default"].span `
+const StyledToggleIcon = utils$1.setDefaultClass(styled__default["default"].span `
     position: relative;
     display: block;
     width: 40px;
@@ -856,7 +792,7 @@ const StyledTextArea = styled__default["default"].div `
  */
 const TextArea = React__default["default"].forwardRef(({ height, placeholder, labelText, labelColor, id, name, onChange, value, className, onKeyPress, disabled = false, }, ref) => {
     return (React__default["default"].createElement(StyledTextArea, { className: className, style: { ['--textarea-height']: height || '116px' } },
-        labelText && (React__default["default"].createElement(index.Label, { size: "label2", style: { color: labelColor || '#595959' }, htmlFor: id }, labelText)),
+        labelText && (React__default["default"].createElement(constants.Label, { size: "label2", style: { color: labelColor || '#595959' }, htmlFor: id }, labelText)),
         React__default["default"].createElement("textarea", { name: name, ref: ref, placeholder: placeholder, id: id, onChange: (e) => onChange && onChange(e.target.value),
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onKeyPress: (e) => onKeyPress && onKeyPress(e), value: value, disabled: disabled })));
@@ -1226,6 +1162,70 @@ const StyledRadioImageItem = styled__default["default"].div `
   }
 `;
+var useStyles$1 = core.createStyles((theme) => {
+    return {
+        root: {
+            display: 'inline-block',
+            // height: 1rem,
+            flexShrink: 0,
+            padding: '2px 0.5rem',
+            marginLeft: '4px',
+            borderRadius: theme.radius.xs,
+            // color: white,
+            fontSize: '12px',
+            fontWeight: 400,
+            lineHeight: '18px',
+            '&[data-label-type="admin"]': {
+                background: theme.primaryColor[0],
+                color: theme.primaryColor[9],
+                // &[data-is-marrybaby='true'] {
+                //   background: #{map-get($mbColors, 'tonePink')};
+                //   color: #{map-get($mbColors, 'cRed')};
+                // }
+            },
+            '&[data-label-type="local admin"]': {
+                background: theme.primaryColor[8],
+            },
+            '&[data-label-type="ambassador"]': {
+                background: theme.colors.green[4],
+            },
+            '&[data-label-type="expert"]': {
+                background: theme.colors.yellow[6],
+                // &[data-is-marrybaby='true'] {
+                //   background: #{map-get($mbColors, 'cOrange')};
+                //   color: #{map-get($colors, 'cWhite')};
+                // }
+            },
+            '&[data-label-type="moderator"]': {
+                background: theme.colors.red[0],
+                color: theme.colors.red[8],
+                // &[data-is-marrybaby='true'] {
+                //   background: #{map-get($mbColors, 'toneBlue')};
+                //   color: #{map-get($mbColors, 'cobalt')};
+                // }
+            },
+            '&[data-label-type="sponsor"]': {
+                background: theme.colors.teal[4],
+            },
+            '&[data-label-type="guide"]': {
+                background: theme.colors.teal[4],
+            },
+            '&[data-label-type="influencer"]': {
+                background: theme.colors.teal[4],
+            },
+        },
+    };
+});
+const StyledContainer = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  button[data-color='tertiary'] {
+    background: white;
+  }
+`;
 // define shared context
 const StepRendererContext = React.createContext({
     currentStep: 0,

package/build/lead.js CHANGED Viewed

@@ -2,51 +2,51 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
+var tslib_es6 = require('./tslib.es6-4bc45883.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var useTranslations = require('./useTranslations-ddee03e3.js');
-var index = require('./index-657d308e.js');
+var useTranslations = require('./useTranslations-d5456a98.js');
+var index = require('./index-e60c98f8.js');
 var core = require('@mantine/core');
-require('./index.styles-15b57fec.js');
-var index$1 = require('./index-bd99a93f.js');
-var index$2 = require('./index-266faebd.js');
-var index$5 = require('./index-8bbc5f6c.js');
-require('./index-714baad1.js');
-require('./index-d38624f2.js');
-require('./utils-bc89f5c8.js');
-var utils$1 = require('./utils-a2ad9aa3.js');
-var index$3 = require('./index-172570c5.js');
-var theme = require('./theme-040e6fd9.js');
-var translationsContext = require('./translationsContext-bece07e0.js');
+require('./index.styles-2bdfde5f.js');
+var index$1 = require('./index-94fd9ea6.js');
+var index$2 = require('./index-8c826f3e.js');
+var index$5 = require('./index-858f60e0.js');
+require('./constants-4e7c419e.js');
+require('./index-18ddaa1b.js');
+require('./utils-263a60f7.js');
+var utils$1 = require('./utils-4849d92a.js');
+var index$3 = require('./index-bf6e5e4e.js');
+var theme = require('./theme-f410baf6.js');
+var translationsContext = require('./translationsContext-11cafcfc.js');
 require('string-format');
 require('@mantine/hooks');
-require('./useMantineLocale-67d093f5.js');
-require('./index-fd9e9e31.js');
-require('./defaultClassWrapper-8ac3b7f0.js');
-require('./index-fbc4ad0a.js');
-require('./index.styled-cd56f718.js');
-require('./index-c4b66929.js');
+require('./useMantineLocale-b243f628.js');
+require('./index-3a03bb34.js');
+require('./utils-9f62698f.js');
+require('./index-1250dd06.js');
+require('./index.styled-8aca5145.js');
+require('./index-c524c362.js');
 require('@hhgtech/icons/other');
-var utils = require('./utils-f2b61d2c.js');
+var utils = require('./utils-d421a448.js');
 require('@mantine/dates');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-0d428f7d.js');
-var index$4 = require('./index-888fe1c7.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-08b86d2d.js');
+var index$4 = require('./index-91027d35.js');
 var uuid = require('uuid');
 var ReactDOM = require('react-dom');
-var cookieHelper = require('./cookieHelper-6fa2ed3a.js');
+var cookieHelper = require('./cookieHelper-b2132ffc.js');
 var dayjs = require('dayjs');
-var Close = require('./Close-6a790433.js');
+var Close = require('./Close-27e0dcf1.js');
 require('@emotion/styled');
 require('@emotion/react');
-require('./animation-6f210c4a.js');
+require('./animation-8605b5bb.js');
 require('react-keyed-flatten-children');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-a3ed3f40.js');
+require('./useUniqueId-4ce69bff.js');
 require('@hhgtech/icons/core');
-require('./isProduction-cc2f71e7.js');
+require('./isProduction-2e55aee3.js');
 require('date-fns/locale');
 require('slugify');