@alfalab/core-components 46.2.1 → 46.3.0-beta.1

package/input-autocomplete/autocomplete-mobile-field/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_1kvbw","field":"input-autocomplete__field_1kvbw","disabled":"input-autocomplete__disabled_1kvbw","placeholder":"input-autocomplete__placeholder_1kvbw","contentWrapper":"input-autocomplete__contentWrapper_1kvbw","value":"input-autocomplete__value_1kvbw","focusVisible":"input-autocomplete__focusVisible_1kvbw"};
+var styles = {"component":"input-autocomplete__component_oy9od","field":"input-autocomplete__field_oy9od","disabled":"input-autocomplete__disabled_oy9od","placeholder":"input-autocomplete__placeholder_oy9od","contentWrapper":"input-autocomplete__contentWrapper_oy9od","value":"input-autocomplete__value_oy9od","focusVisible":"input-autocomplete__focusVisible_oy9od"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 7u4gv */
+/* hash: saqof */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1kvbw {
+} .input-autocomplete__component_oy9od {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1kvbw:not(.input-autocomplete__disabled_1kvbw) {
+} .input-autocomplete__field_oy9od:not(.input-autocomplete__disabled_oy9od) {
     cursor: pointer;
-} .input-autocomplete__disabled_1kvbw {
+} .input-autocomplete__disabled_oy9od {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1kvbw {
+} .input-autocomplete__placeholder_oy9od {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1kvbw {
+} .input-autocomplete__contentWrapper_oy9od {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1kvbw {
+} .input-autocomplete__value_oy9od {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1kvbw {
+} .input-autocomplete__focusVisible_oy9od {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -12,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -16,12 +17,11 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/autocomplete-field/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { InputDesktop } from '../../../input/esm/desktop';
 import { OnInputReason } from '../enums.js';
 
-var styles = {"arrow":"input-autocomplete__arrow_ak9ou","error":"input-autocomplete__error_ak9ou"};
+var styles = {"arrow":"input-autocomplete__arrow_16hbx","error":"input-autocomplete__error_16hbx"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/esm/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: qi68g */
-.input-autocomplete__arrow_ak9ou.input-autocomplete__error_ak9ou ~ * {
+/* hash: 1aysg */
+.input-autocomplete__arrow_16hbx.input-autocomplete__error_16hbx ~ * {
     display: none;
 }

package/input-autocomplete/esm/autocomplete-mobile-field/Component.js

@@ -6,7 +6,7 @@ import { ClearButton } from '../../../input/esm/shared';
 import { getDataTestId } from '../../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_1kvbw","field":"input-autocomplete__field_1kvbw","disabled":"input-autocomplete__disabled_1kvbw","placeholder":"input-autocomplete__placeholder_1kvbw","contentWrapper":"input-autocomplete__contentWrapper_1kvbw","value":"input-autocomplete__value_1kvbw","focusVisible":"input-autocomplete__focusVisible_1kvbw"};
+var styles = {"component":"input-autocomplete__component_oy9od","field":"input-autocomplete__field_oy9od","disabled":"input-autocomplete__disabled_oy9od","placeholder":"input-autocomplete__placeholder_oy9od","contentWrapper":"input-autocomplete__contentWrapper_oy9od","value":"input-autocomplete__value_oy9od","focusVisible":"input-autocomplete__focusVisible_oy9od"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/esm/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 7u4gv */
+/* hash: saqof */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1kvbw {
+} .input-autocomplete__component_oy9od {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1kvbw:not(.input-autocomplete__disabled_1kvbw) {
+} .input-autocomplete__field_oy9od:not(.input-autocomplete__disabled_oy9od) {
     cursor: pointer;
-} .input-autocomplete__disabled_1kvbw {
+} .input-autocomplete__disabled_oy9od {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1kvbw {
+} .input-autocomplete__placeholder_oy9od {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1kvbw {
+} .input-autocomplete__contentWrapper_oy9od {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1kvbw {
+} .input-autocomplete__value_oy9od {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1kvbw {
+} .input-autocomplete__focusVisible_oy9od {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/esm/index.js

@@ -2,6 +2,7 @@ export { InputAutocomplete } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../popover/esm';
 import '../../select/esm/shared';
@@ -16,7 +17,6 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/input-autocomplete/esm/mobile/Component.mobile.js

@@ -13,7 +13,7 @@ import '../../../input/esm/shared';
 import '../../../shared/esm';
 import '@alfalab/hooks';
 
-var styles = {"input":"input-autocomplete__input_37p41"};
+var styles = {"input":"input-autocomplete__input_5vdlo"};
 require('./mobile.css');
 
 var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {

package/input-autocomplete/esm/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v47d */
+/* hash: 1plec */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_37p41 {
+} .input-autocomplete__input_5vdlo {
     width: auto;
 }

package/input-autocomplete/mobile/Component.mobile.js

@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
-var styles = {"input":"input-autocomplete__input_37p41"};
+var styles = {"input":"input-autocomplete__input_5vdlo"};
 require('./mobile.css');
 
 var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {

package/input-autocomplete/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v47d */
+/* hash: 1plec */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_37p41 {
+} .input-autocomplete__input_5vdlo {
     width: auto;
 }

package/input-autocomplete/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -15,11 +16,10 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 
-const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
 });

package/input-autocomplete/modern/autocomplete-field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { InputDesktop } from '../../../input/modern/desktop';
 import { OnInputReason } from '../enums.js';
 
-const styles = {"arrow":"input-autocomplete__arrow_ak9ou","error":"input-autocomplete__error_ak9ou"};
+const styles = {"arrow":"input-autocomplete__arrow_16hbx","error":"input-autocomplete__error_16hbx"};
 require('./index.css');
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {

package/input-autocomplete/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: qi68g */
-.input-autocomplete__arrow_ak9ou.input-autocomplete__error_ak9ou ~ * {
+/* hash: 1aysg */
+.input-autocomplete__arrow_16hbx.input-autocomplete__error_16hbx ~ * {
     display: none;
 }

package/input-autocomplete/modern/autocomplete-mobile-field/Component.js

@@ -5,7 +5,7 @@ import { ClearButton } from '../../../input/modern/shared';
 import { getDataTestId } from '../../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_1kvbw","field":"input-autocomplete__field_1kvbw","disabled":"input-autocomplete__disabled_1kvbw","placeholder":"input-autocomplete__placeholder_1kvbw","contentWrapper":"input-autocomplete__contentWrapper_1kvbw","value":"input-autocomplete__value_1kvbw","focusVisible":"input-autocomplete__focusVisible_1kvbw"};
+const styles = {"component":"input-autocomplete__component_oy9od","field":"input-autocomplete__field_oy9od","disabled":"input-autocomplete__disabled_oy9od","placeholder":"input-autocomplete__placeholder_oy9od","contentWrapper":"input-autocomplete__contentWrapper_oy9od","value":"input-autocomplete__value_oy9od","focusVisible":"input-autocomplete__focusVisible_oy9od"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {

package/input-autocomplete/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 7u4gv */
+/* hash: saqof */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1kvbw {
+} .input-autocomplete__component_oy9od {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1kvbw:not(.input-autocomplete__disabled_1kvbw) {
+} .input-autocomplete__field_oy9od:not(.input-autocomplete__disabled_oy9od) {
     cursor: pointer;
-} .input-autocomplete__disabled_1kvbw {
+} .input-autocomplete__disabled_oy9od {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1kvbw {
+} .input-autocomplete__placeholder_oy9od {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1kvbw {
+} .input-autocomplete__contentWrapper_oy9od {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1kvbw {
+} .input-autocomplete__value_oy9od {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1kvbw {
+} .input-autocomplete__focusVisible_oy9od {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/index.js

@@ -1,6 +1,7 @@
 export { InputAutocomplete } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../popover/modern';
 import '../../select/modern/shared';
@@ -15,7 +16,6 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/input-autocomplete/modern/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../../../input/modern/shared';
 import '../../../shared/modern';
 import '@alfalab/hooks';
 
-const styles = {"input":"input-autocomplete__input_37p41"};
+const styles = {"input":"input-autocomplete__input_5vdlo"};
 require('./mobile.css');
 
 const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {

package/input-autocomplete/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v47d */
+/* hash: 1plec */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_37p41 {
+} .input-autocomplete__input_5vdlo {
     width: auto;
 }

package/international-phone-input/{Component-cc406ff0.d.ts → Component-cab56f5d.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-cc406ff0";
+import { OptgroupProps } from "./typings-cab56f5d";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-cc406ff0").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-cab56f5d").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-cc406ff0").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-cab56f5d").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-cc406ff0").OptionShape | import("./typings-cc406ff0").GroupShape)[];
+    options: (import("./typings-cab56f5d").OptionShape | import("./typings-cab56f5d").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-cc406ff0").OptionShape | import("./typings-cc406ff0").GroupShape)[];
+    options: (import("./typings-cab56f5d").OptionShape | import("./typings-cab56f5d").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-cc406ff0").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-cab56f5d").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/components/base-international-phone-input/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_1s8yv","addons":"international-phone-input__addons_1s8yv"};
+var styles = {"component":"international-phone-input__component_jxr3g","addons":"international-phone-input__addons_jxr3g"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

package/international-phone-input/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: koy52 */
+/* hash: kkszz */
 
-    .international-phone-input__component_1s8yv .international-phone-input__addons_1s8yv {
+    .international-phone-input__component_jxr3g .international-phone-input__addons_jxr3g {
         padding-left: 0;
     }

package/international-phone-input/components/country-select/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_racqw","option":"international-phone-input__option_racqw","flag":"international-phone-input__flag_racqw","countryName":"international-phone-input__countryName_racqw","dialCode":"international-phone-input__dialCode_racqw","flagIconWrapper":"international-phone-input__flagIconWrapper_racqw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_racqw"};
+var styles = {"component":"international-phone-input__component_1yf8k","option":"international-phone-input__option_1yf8k","flag":"international-phone-input__flag_1yf8k","countryName":"international-phone-input__countryName_1yf8k","dialCode":"international-phone-input__dialCode_1yf8k","flagIconWrapper":"international-phone-input__flagIconWrapper_1yf8k","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1yf8k"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

package/international-phone-input/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: q2izn */
+/* hash: 9rvsw */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_racqw {
+} .international-phone-input__component_1yf8k {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_racqw {
+} .international-phone-input__option_1yf8k {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_racqw {
+} .international-phone-input__flag_1yf8k {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_racqw {
+} .international-phone-input__countryName_1yf8k {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_racqw {
+} .international-phone-input__dialCode_1yf8k {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_racqw {
+} .international-phone-input__flagIconWrapper_1yf8k {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_racqw {
+} .international-phone-input__emptyCountryIcon_1yf8k {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-phone-input/components/flag-icon/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_1e6yu","flagPlaceholder":"international-phone-input__flagPlaceholder_1e6yu"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_6pdjq","flagPlaceholder":"international-phone-input__flagPlaceholder_6pdjq"};
 require('./index.css');
 
 /**

package/international-phone-input/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1fycs */
+/* hash: 1dz03 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1e6yu {
+} .international-phone-input__flagIcon_6pdjq {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1e6yu {
+} .international-phone-input__flagPlaceholder_6pdjq {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-phone-input/components/select-field/component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_1xcyw","flagIconContainer":"international-phone-input__flagIconContainer_1xcyw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1xcyw","disabled":"international-phone-input__disabled_1xcyw","inner":"international-phone-input__inner_1xcyw","size-64":"international-phone-input__size-64_1xcyw","size-72":"international-phone-input__size-72_1xcyw","focusVisible":"international-phone-input__focusVisible_1xcyw"};
+var styles = {"component":"international-phone-input__component_1b7nh","flagIconContainer":"international-phone-input__flagIconContainer_1b7nh","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1b7nh","disabled":"international-phone-input__disabled_1b7nh","inner":"international-phone-input__inner_1b7nh","size-64":"international-phone-input__size-64_1b7nh","size-72":"international-phone-input__size-72_1b7nh","focusVisible":"international-phone-input__focusVisible_1b7nh"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {