@hhgtech/hhg-components 1.29.418-beta-7 → 1.29.418

package/build/{index-7fac4f95.js → index-a19bc6c8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
-var index = require('./index-6a3a8e5b.js');
+var index = require('./index-2fbe3d5c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-232acdb1.js → index-a76f8d25.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-89448aa9.js');
-var index = require('./index-61faed45.js');
-var constants$1 = require('./constants-13903651.js');
-var index$2 = require('./index-ee624407.js');
+var useHealthToolCache = require('./useHealthToolCache-18dad3a0.js');
+var index = require('./index-61316819.js');
+var constants$1 = require('./constants-223e0935.js');
+var index$2 = require('./index-776f6bc7.js');
 require('@mantine/dates');
-require('./index-7115ccd4.js');
-require('./index-f4c30bdd.js');
-require('./index-74042c5e.js');
-require('./index-d09a83e2.js');
-require('./index-4aabbf96.js');
-require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
+require('./index-87f1c08b.js');
+require('./index-133e833c.js');
+require('./index-cd69b395.js');
+require('./index-6cdd2f9a.js');
+require('./index-90ac7a26.js');
+require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
 require('@mantine/hooks');
-require('./text-52caa5f9.js');
-require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
-var index$1 = require('./index-6f9d88e8.js');
-var constants = require('./constants-994b6b5f.js');
+require('./text-5a087312.js');
+require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
+var index$1 = require('./index-b51ad59b.js');
+var constants = require('./constants-a5e2f723.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f495d1bc.js → index-a9a02ae8.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-ee624407.js');
+require('./index-776f6bc7.js');
 require('@mantine/dates');
-require('./index-7115ccd4.js');
-require('./index-f4c30bdd.js');
-require('./index-74042c5e.js');
-require('./index-d09a83e2.js');
-var index$1 = require('./index-4aabbf96.js');
-var index$2 = require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
-var index = require('./index-61faed45.js');
+require('./index-87f1c08b.js');
+require('./index-133e833c.js');
+require('./index-cd69b395.js');
+require('./index-6cdd2f9a.js');
+var index$1 = require('./index-90ac7a26.js');
+var index$2 = require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
+var index = require('./index-61316819.js');
 require('@mantine/hooks');
-require('./text-52caa5f9.js');
-require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
+require('./text-5a087312.js');
+require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-bb2916a8.js → index-a9af5e7e.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-c4492576.js');
-var index$1 = require('./index-74042c5e.js');
+var Locale = require('./Locale-e5adc6cc.js');
+var index$1 = require('./index-cd69b395.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-6e0a8a04.js');
-var logoIcon = require('./logoIcon-a6149d30.js');
-require('./index-f4c30bdd.js');
-var index = require('./index-9eaea7e5.js');
+var utils = require('./utils-b7357ffc.js');
+var logoIcon = require('./logoIcon-41884c8a.js');
+require('./index-133e833c.js');
+var index = require('./index-33647386.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-380b13a8.js → index-ad451da8.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$3 = require('./index-ee624407.js');
-var index$4 = require('./index-c093066b.js');
-var index$5 = require('./index-4aabbf96.js');
-require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
-var index = require('./index-61faed45.js');
+var index$3 = require('./index-776f6bc7.js');
+var index$4 = require('./index-c9319026.js');
+var index$5 = require('./index-90ac7a26.js');
+require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
+var index = require('./index-61316819.js');
 require('@mantine/hooks');
-require('./index-d09a83e2.js');
-require('./text-52caa5f9.js');
-require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
-var constants = require('./constants-994b6b5f.js');
-var index$1 = require('./index-6f9d88e8.js');
-var index$2 = require('./index-28057db4.js');
-var Locale = require('./Locale-c4492576.js');
+require('./index-6cdd2f9a.js');
+require('./text-5a087312.js');
+require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
+var constants = require('./constants-a5e2f723.js');
+var index$1 = require('./index-b51ad59b.js');
+var index$2 = require('./index-68836eb3.js');
+var Locale = require('./Locale-e5adc6cc.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-fcf81491.js → index-b10baccb.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-2dfcd3fa.js');
-var Locale = require('./Locale-c4492576.js');
+var LastPeriod = require('./LastPeriod-879fdfd5.js');
+var Locale = require('./Locale-e5adc6cc.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$4 = require('./index-ee624407.js');
-var index$1 = require('./index-c093066b.js');
-var index$5 = require('./index-4aabbf96.js');
-require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
-var index = require('./index-61faed45.js');
+var index$4 = require('./index-776f6bc7.js');
+var index$1 = require('./index-c9319026.js');
+var index$5 = require('./index-90ac7a26.js');
+require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
+var index = require('./index-61316819.js');
 require('@mantine/hooks');
-require('./index-d09a83e2.js');
-require('./text-52caa5f9.js');
-require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
-var index$2 = require('./index-6f9d88e8.js');
+require('./index-6cdd2f9a.js');
+require('./text-5a087312.js');
+require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
+var index$2 = require('./index-b51ad59b.js');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-7115ccd4.js');
+var index$3 = require('./index-87f1c08b.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-6f9d88e8.js → index-b51ad59b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4aabbf96.js');
-var index$1 = require('./index-6a3a8e5b.js');
-var index$2 = require('./index-61faed45.js');
+var index = require('./index-90ac7a26.js');
+var index$1 = require('./index-2fbe3d5c.js');
+var index$2 = require('./index-61316819.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-f79d3097.js → index-b5318017.js}

@@ -2,42 +2,42 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-74042c5e.js');
-var togetherComponentGlobalContext = require('./utils-d8d30fec.js');
-var index$b = require('./index-7115ccd4.js');
-var healthTools = require('./healthTools-b040a4d4.js');
+var index = require('./index-cd69b395.js');
+var togetherComponentGlobalContext = require('./utils-e15dec9d.js');
+var index$b = require('./index-87f1c08b.js');
+var healthTools = require('./healthTools-0d0aeffc.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
-var store = require('./store-ede73445.js');
-var index$2 = require('./index-9eaea7e5.js');
-var normalizeLink = require('./normalizeLink-b5e918f4.js');
-var index$1 = require('./index-61faed45.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var store = require('./store-a13cb8eb.js');
+var index$2 = require('./index-33647386.js');
+var normalizeLink = require('./normalizeLink-b1fc9b22.js');
+var index$1 = require('./index-61316819.js');
 var form = require('@mantine/form');
-var index$6 = require('./index-ee624407.js');
+var index$6 = require('./index-776f6bc7.js');
 require('@mantine/dates');
-require('./index-f4c30bdd.js');
-var index$a = require('./index-d09a83e2.js');
-var index$4 = require('./index-4aabbf96.js');
-var index$5 = require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
+require('./index-133e833c.js');
+var index$a = require('./index-6cdd2f9a.js');
+var index$4 = require('./index-90ac7a26.js');
+var index$5 = require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
 var hooks = require('@mantine/hooks');
-require('./text-52caa5f9.js');
-require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
+require('./text-5a087312.js');
+require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-dd240fa1.js');
-var index$3 = require('./index-bf86506f.js');
-var useHealthToolCache = require('./useHealthToolCache-89448aa9.js');
-var index$7 = require('./index-c06deae6.js');
+require('./translationsContext-071de1b3.js');
+var index$3 = require('./index-7ad9dc6a.js');
+var useHealthToolCache = require('./useHealthToolCache-18dad3a0.js');
+var index$7 = require('./index-16575b03.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$9 = require('./index-5128f351.js');
-var index$8 = require('./index-c40cf550.js');
+var index$9 = require('./index-db268a43.js');
+var index$8 = require('./index-0047fb5c.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-c4492576.js');
+var Locale = require('./Locale-e5adc6cc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-09ebb289.js → index-c07cae2c.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c43fe66c.js');
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
 var React = require('react');
-var index$b = require('./index-f4c30bdd.js');
-var index$8 = require('./index-7a4f0b60.js');
-var index$3 = require('./index-7115ccd4.js');
-var normalizeLink = require('./normalizeLink-b5e918f4.js');
-var dataTransform = require('./dataTransform-bc83ce1f.js');
+var index$b = require('./index-133e833c.js');
+var index$8 = require('./index-c7cc6fcd.js');
+var index$3 = require('./index-87f1c08b.js');
+var normalizeLink = require('./normalizeLink-b1fc9b22.js');
+var dataTransform = require('./dataTransform-b9985389.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-dd240fa1.js');
+require('./translationsContext-071de1b3.js');
 var styled = require('@emotion/styled');
-var index = require('./index-ee624407.js');
+var index = require('./index-776f6bc7.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-e0b43de4.js');
+var navigationProfileButton = require('./index-033f3708.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-bb2916a8.js');
+var index$d = require('./index-a9af5e7e.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-74042c5e.js');
-require('./index-d09a83e2.js');
-var index$4 = require('./index-4aabbf96.js');
-var index$2 = require('./index-6a3a8e5b.js');
-require('./index.styles-e1bc14e4.js');
+var index$5 = require('./index-cd69b395.js');
+require('./index-6cdd2f9a.js');
+var index$4 = require('./index-90ac7a26.js');
+var index$2 = require('./index-2fbe3d5c.js');
+require('./index.styles-02fd1572.js');
 require('@mantine/hooks');
-require('./text-52caa5f9.js');
-var utils = require('./utils-6e0a8a04.js');
-require('./index-7922036e.js');
-var constants = require('./constants-f45f1be9.js');
-var store = require('./store-ede73445.js');
-var constants$1 = require('./constants-31dc90bb.js');
-var index$1 = require('./index-61faed45.js');
-var index$7 = require('./index-bf86506f.js');
-var index$6 = require('./index-8a6f06c3.js');
-var useIsInit = require('./useIsInit-9e3cbc8e.js');
+require('./text-5a087312.js');
+var utils = require('./utils-b7357ffc.js');
+require('./index-666659e2.js');
+var constants = require('./constants-91f2a6ec.js');
+var store = require('./store-a13cb8eb.js');
+var constants$1 = require('./constants-2bcf1ac0.js');
+var index$1 = require('./index-61316819.js');
+var index$7 = require('./index-7ad9dc6a.js');
+var index$6 = require('./index-cdb6b049.js');
+var useIsInit = require('./useIsInit-886da50c.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-7fac4f95.js');
+var index$9 = require('./index-a19bc6c8.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-00e73dab.js');
+var index$a = require('./index-d3682a66.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-c831fa27.js');
+var index$c = require('./index-3feb56a5.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-c4492576.js');
-var core$2 = require('./core-c357e47f.js');
+var Locale = require('./Locale-e5adc6cc.js');
+var core$2 = require('./core-cee15e58.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index-c26a485b.js

@@ -0,0 +1,270 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-e4fc76e6.js');
+var React = require('react');
+var styled = require('@emotion/styled');
+var utils = require('./utils-b7357ffc.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-97339731.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledInput = styled__default["default"].div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${miscTheme.theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${miscTheme.theme.colors.gray200};
+    border-radius: ${miscTheme.theme.borderRadius};
+
+    &:active,
+    &:focus,
+    .focused & {
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${miscTheme.theme.colors.primary200};
+    }
+
+    &:disabled {
+      background-color: ${miscTheme.theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
+      ${utils.MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
+      ${utils.MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
+      ${utils.MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const PureInput = React__default["default"].forwardRef((_a, ref) => {
+    var { name, errorMessage, autoComplete = 'off', defaultValue, actionIcon: ActionIcon, displayIcon: DisplayIcon, isDeleteAction, onActionClick, label, placeholder, className, onChange, onKeyPress, isDisabled, CustomInput, size, style, autoFocus, type = 'text', isNumerousKeyboard = false, onFocus, enterKeyHint, nativeOnChange } = _a, other = tslib_es6.__rest(_a, ["name", "errorMessage", "autoComplete", "defaultValue", "actionIcon", "displayIcon", "isDeleteAction", "onActionClick", "label", "placeholder", "className", "onChange", "onKeyPress", "isDisabled", "CustomInput", "size", "style", "autoFocus", "type", "isNumerousKeyboard", "onFocus", "enterKeyHint", "nativeOnChange"]);
+    const [localValue, setLocalValue] = React.useState(defaultValue);
+    const handleOnChange = (v) => {
+        setLocalValue(v);
+        onChange(v);
+    };
+    const handleOnActionClick = () => {
+        var _a;
+        if (isDeleteAction) {
+            setLocalValue('');
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        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)),
+        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))));
+});
+PureInput.displayName = 'PureInput';
+
+const StyledCheckbox = styled__default["default"].div `
+  display: flex;
+  cursor: pointer;
+
+  &[data-theme='marryBaby'] {
+    input {
+      width: 20px;
+      height: 20px;
+      border: 1.3px solid ${miscTheme.theme.mbColors.midGray};
+      border-radius: 9px;
+
+      cursor: inherit;
+      transition: border-color 0.4s, box-shadow 0.4s;
+
+      &:hover,
+      &:active {
+        border-color: ${miscTheme.theme.mbColors.cobalt};
+        box-shadow: 0 0 2px 2px ${miscTheme.theme.mbColors.cobalt};
+      }
+
+      &:focus-visible {
+        border: 2px solid ${miscTheme.theme.mbColors.cobalt};
+      }
+
+      &:checked {
+        border: 0;
+        background: ${miscTheme.theme.mbColors.cobalt}
+          url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+          no-repeat center center;
+      }
+    }
+
+    label {
+      max-width: 15rem;
+      margin-left: 8px;
+      width: calc(100% - 24px);
+      cursor: inherit;
+      font-weight: 600;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+      color: ${miscTheme.theme.mbColors.gray};
+    }
+  }
+  input {
+    width: 20px;
+    height: 20px;
+    border: solid 1px ${miscTheme.theme.colors.gray500};
+    border-radius: 2px;
+
+    cursor: inherit;
+    transition: border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px ${miscTheme.theme.colors.primary200};
+    }
+
+    &:focus-visible {
+      border: 2px solid ${miscTheme.theme.colors.primaryActive};
+    }
+
+    &:checked {
+      border: 0;
+      background: ${miscTheme.theme.colors.primaryBase}
+        url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+        no-repeat center center;
+    }
+  }
+
+  label {
+    max-width: 15rem;
+    margin-left: 8px;
+    font-weight: ${miscTheme.theme.sizes.fwRegular};
+    width: calc(100% - 24px);
+    cursor: inherit;
+
+    ${utils.MediaQueries.mbDown} {
+      font-size: 14px;
+      line-height: 24px;
+    }
+
+    ${utils.MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
+
+  &[data-is-rectangle] > input {
+    position: relative;
+    width: unset;
+    height: unset;
+    padding: 5px 12px;
+    border: 1px solid ${miscTheme.theme.colors.neutral100};
+    border-radius: 32px;
+
+    &::after {
+      color: ${miscTheme.theme.colors.gray800};
+      content: attr(data-label-text);
+      font-size: 13px;
+    }
+    &:checked {
+      border-color: ${miscTheme.theme.colors.primary50};
+      &::after {
+        color: ${miscTheme.theme.colors.primaryBase};
+      }
+    }
+    &:checked {
+      background: ${miscTheme.theme.colors.primary50};
+    }
+  }
+
+  &[data-disabled] {
+    color: ${miscTheme.theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${miscTheme.theme.colors.gray300};
+      &:hover {
+        border-color: ${miscTheme.theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const Checkbox = ({ label, name, checked, className, isDisabled, onChange, value, isRectangle, inputDataTestId, siteType, }) => {
+    return (React__default["default"].createElement(StyledCheckbox, { className: className, "data-disabled": isDisabled || undefined, "data-is-rectangle": isRectangle || undefined, "data-label-text": label, "data-theme": siteType },
+        React__default["default"].createElement("input", { type: "checkbox", checked: checked, name: name, onChange: () => onChange(value, !checked), disabled: isDisabled, value: value, id: `${name}-${value}`, "data-label-text": label, "data-testid": inputDataTestId }),
+        !isRectangle && React__default["default"].createElement("label", { htmlFor: `${name}-${value}` }, label)));
+};
+
+exports.Checkbox = Checkbox;
+exports.PureInput = PureInput;

package/build/{index-c8f8ac0f.js → index-c47fc92a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-e73b2ceb.js');
+var useScrollbarSize = require('./useScrollbarSize-93d754b8.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-6e0a8a04.js');
+var utils = require('./utils-b7357ffc.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');