@alfalab/core-components 41.14.1-beta.7 → 41.15.0-beta.0

package/input/modern/default.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1ngvt {
+} .input__input_a71zo {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1ngvt:-webkit-autofill {
+} .input__input_a71zo:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_1ngvt::placeholder {
+} .input__input_a71zo::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_1ngvt::placeholder {
+} .input__hasInnerLabel_a71zo::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .input__clearIcon_1ngvt {
+} .input__clearIcon_a71zo {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .input__input_1ngvt:read-only {
+} /* READ-ONLY STATE */ .input__input_a71zo:read-only {
     color: var(--input-read-only-color)
-} .input__input_1ngvt:read-only:focus::placeholder {
+} .input__input_a71zo:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1ngvt:disabled {
+    } /* DISABLED STATE */ .input__input_a71zo:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_1ngvt:focus::placeholder {
+} /* FOCUS STATE */ .input__input_a71zo:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1ngvt {
+} /* ERROR STATE */ .input__error_a71zo {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/modern/index.css

@@ -16,6 +16,7 @@
 } :root {
 } :root {
     --gap-2xs: 4px;
+    --gap-s: 12px;
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
@@ -64,7 +65,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_1quwb {
+} .input__input_1aq0i {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -79,94 +80,98 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_1quwb::placeholder {
+} .input__input_1aq0i::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_1quwb::placeholder {
+} .input__hasInnerLabel_1aq0i::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_1quwb.input__s_1quwb {
+    } .input__hasInnerLabel_1aq0i.input__s_1aq0i {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_1quwb.input__m_1quwb {
+    } .input__hasInnerLabel_1aq0i.input__m_1aq0i {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_1quwb.input__l_1quwb {
+    } .input__hasInnerLabel_1aq0i.input__l_1aq0i {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_1quwb.input__xl_1quwb {
+    } .input__hasInnerLabel_1aq0i.input__xl_1aq0i {
         height: var(--form-control-xl-min-height);
-    } .input__block_1quwb {
+    } .input__block_1aq0i {
     width: 100%;
-} .input__clearIcon_1quwb {
+} .input__clearIcon_1aq0i {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-} .input__clearIcon_1quwb:hover {
+} .input__clearIcon_1aq0i:hover {
         opacity: 0.6;
-    } .input__clearIcon_1quwb:active {
+    } .input__clearIcon_1aq0i:active {
         opacity: 1;
-    } .input__errorIcon_1quwb {
+    } .input__errorIcon_1aq0i {
     display: var(--input-error-icon-display)
-} .input__errorIcon_1quwb:not(:only-child) {
+} .input__errorIcon_1aq0i:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_1quwb {
+    } * + .input__errorIcon_1aq0i {
     display: var(--input-error-icon-not-alone-display);
-} .input__errorColorIcon_1quwb {
+} button[class*='eye'] + .input__errorIcon_1aq0i {
+    margin-right: var(--gap-s);
+} .input__errorColorIcon_1aq0i {
     color: var(--color-light-graphic-negative);
-} .input__clearButton_1quwb + * {
+} .input__clearButton_1aq0i + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_1quwb + .input__errorIcon_1quwb {
+} .input__clearButton_1aq0i + .input__errorIcon_1aq0i {
     display: var(--input-error-icon-display);
-} .input__successIcon_1quwb {
+} .input__successIcon_1aq0i {
     display: var(--input-success-icon-display)
-} .input__successIcon_1quwb:not(:only-child) {
+} .input__successIcon_1aq0i:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } .input__successColorIcon_1quwb {
+    } button[class*='eye'] + .input__successIcon_1aq0i {
+    margin-right: var(--gap-s);
+} .input__successColorIcon_1aq0i {
     color: var(--color-light-graphic-positive);
-} /* DISABLED STATE */ .input__input_1quwb:disabled {
+} /* DISABLED STATE */ .input__input_1aq0i:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1quwb:focus.input__hasInnerLabel_1quwb::placeholder {
+} /* FOCUS STATE */ .input__input_1aq0i:focus.input__hasInnerLabel_1aq0i::placeholder {
     opacity: 1;
-} .input__focusVisible_1quwb {
+} .input__focusVisible_1aq0i {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_1quwb:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_1aq0i:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_1quwb::-ms-clear {
+} /* IE hide clear */ .input__input_1aq0i::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_1quwb:-webkit-autofill:first-line, .input__input_1quwb:-webkit-autofill:hover:first-line, .input__input_1quwb:-webkit-autofill:focus:first-line, .input__input_1quwb:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_1aq0i:-webkit-autofill:first-line, .input__input_1aq0i:-webkit-autofill:hover:first-line, .input__input_1aq0i:-webkit-autofill:focus:first-line, .input__input_1aq0i:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_1quwb:-webkit-autofill,
-    .input__input_1quwb:-webkit-autofill:hover,
-    .input__input_1quwb:-webkit-autofill:focus,
-    .input__input_1quwb:-webkit-autofill:active {
+        } .input__input_1aq0i:-webkit-autofill,
+    .input__input_1aq0i:-webkit-autofill:hover,
+    .input__input_1aq0i:-webkit-autofill:focus,
+    .input__input_1aq0i:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .input__input_1quwb:-webkit-autofill {
-        animation: input__onautofillstart_1quwb 999999s forwards;
-    } .input__input_1quwb:not(:-webkit-autofill) {
+    } .input__input_1aq0i:-webkit-autofill {
+        animation: input__onautofillstart_1aq0i 999999s forwards;
+    } .input__input_1aq0i:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_1quwb 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_1quwb::-webkit-outer-spin-button,
-    .input__input_1quwb::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_1aq0i 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_1aq0i::-webkit-outer-spin-button,
+    .input__input_1aq0i::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_1quwb {
+    } .input__input_1aq0i {
 
     /* Firefox */
-} .input__input_1quwb[type='number'] {
+} .input__input_1aq0i[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_1quwb {
+    } @keyframes input__onautofillstart_1aq0i {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_1quwb {
+} @keyframes input__onautofillcancel_1aq0i {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/inverted.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1qh0f {
+} .input__input_d76lp {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1qh0f:-webkit-autofill {
+} .input__input_d76lp:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1qh0f::placeholder {
+} .input__input_d76lp::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1qh0f::placeholder {
+} .input__hasInnerLabel_d76lp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_1qh0f {
+} .input__clearIcon_d76lp {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .input__input_1qh0f:read-only {
+} /* READ-ONLY STATE */ .input__input_d76lp:read-only {
     color: var(--input-inverted-read-only-color)
-} .input__input_1qh0f:read-only:focus::placeholder {
+} .input__input_d76lp:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1qh0f:disabled {
+    } /* DISABLED STATE */ .input__input_d76lp:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1qh0f:focus::placeholder {
+} /* FOCUS STATE */ .input__input_d76lp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1qh0f {
+} /* ERROR STATE */ .input__error_d76lp {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input-autocomplete/Component.mobile.js

@@ -9,7 +9,7 @@ var coreComponentsButton = require('../button');
 var coreComponentsInput = require('../input');
 var coreComponentsSelect = require('../select');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-1c5c7f65.js');
+var mobile_module = require('./mobile.module-ea0ec598.js');
 require('../form-control');
 require('@alfalab/hooks');
 

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

@@ -9,7 +9,7 @@ var coreComponentsButton = require('../button');
 var coreComponentsInput = require('../input');
 var mobile = require('../select/mobile');
 var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
-var mobile_module = require('./mobile.module-1c5c7f65.js');
+var mobile_module = require('./mobile.module-ea0ec598.js');
 require('../form-control');
 require('@alfalab/hooks');
 
@@ -21,7 +21,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
 var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React__default.default.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = React.useRef(null);
     var modalScrollableRef = React.useRef(null);
@@ -69,7 +69,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/Component.responsive.js

@@ -14,7 +14,7 @@ require('lodash.throttle');
 require('../button');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control');
-require('./mobile.module-1c5c7f65.js');
+require('./mobile.module-ea0ec598.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1oi46","error":"input-autocomplete__error_1oi46"};
+var styles = {"arrow":"input-autocomplete__arrow_13p2o","error":"input-autocomplete__error_13p2o"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1r767 */
-.input-autocomplete__arrow_1oi46.input-autocomplete__error_1oi46 ~ * {
+/* hash: 1g8bo */
+.input-autocomplete__arrow_13p2o.input-autocomplete__error_13p2o ~ * {
     display: none;
 }

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

@@ -11,7 +11,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_10bzc","field":"input-autocomplete__field_10bzc","disabled":"input-autocomplete__disabled_10bzc","placeholder":"input-autocomplete__placeholder_10bzc","contentWrapper":"input-autocomplete__contentWrapper_10bzc","value":"input-autocomplete__value_10bzc","focusVisible":"input-autocomplete__focusVisible_10bzc"};
+var styles = {"component":"input-autocomplete__component_1xlxc","field":"input-autocomplete__field_1xlxc","disabled":"input-autocomplete__disabled_1xlxc","placeholder":"input-autocomplete__placeholder_1xlxc","contentWrapper":"input-autocomplete__contentWrapper_1xlxc","value":"input-autocomplete__value_1xlxc","focusVisible":"input-autocomplete__focusVisible_1xlxc"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1de0t */
+/* hash: v88g5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_10bzc {
+} .input-autocomplete__component_1xlxc {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_10bzc:not(.input-autocomplete__disabled_10bzc) {
+} .input-autocomplete__field_1xlxc:not(.input-autocomplete__disabled_1xlxc) {
     cursor: pointer;
-} .input-autocomplete__disabled_10bzc {
+} .input-autocomplete__disabled_1xlxc {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_10bzc {
+} .input-autocomplete__placeholder_1xlxc {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_10bzc {
+} .input-autocomplete__contentWrapper_1xlxc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_10bzc {
+} .input-autocomplete__value_1xlxc {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_10bzc {
+} .input-autocomplete__focusVisible_1xlxc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/cssm/Component.desktop.d.ts

@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

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

@@ -23,7 +23,7 @@ var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = tslib.__rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React__default.default.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = React.useRef(null);
     var modalScrollableRef = React.useRef(null);
@@ -71,7 +71,7 @@ var InputAutocompleteModalMobile = React__default.default.forwardRef(function (_
     var renderFooter = function () { return (React__default.default.createElement(React__default.default.Fragment, null,
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React__default.default.createElement(mobile.SelectModalMobile, tslib.__assign({ ref: mergeRefs__default.default([ref, targetRef]), name: name, Field: autocompleteMobileField_Component.AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: tslib.__assign(tslib.__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: tslib.__assign(tslib.__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: tslib.__assign(tslib.__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;

package/input-autocomplete/cssm/Component.responsive.d.ts

@@ -14,7 +14,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -26,7 +26,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;
@@ -47,7 +47,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -59,7 +59,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
         hint?: React.ReactNode;
         label?: React.ReactNode;
         labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
         wrapperRef?: React.Ref<HTMLDivElement> | undefined;
         leftAddons?: React.ReactNode;
         rightAddons?: React.ReactNode;

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

@@ -7,7 +7,7 @@ import { Button } from '../../button/esm';
 import { Input } from '../../input/esm';
 import { SelectMobile } from '../../select/esm';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-ff3caf01.js';
+import { s as styles } from './mobile.module-0af9aa29.js';
 import '../../form-control/esm';
 import '@alfalab/hooks';
 

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

@@ -7,12 +7,12 @@ import { Button } from '../../button/esm';
 import { Input } from '../../input/esm';
 import { SelectModalMobile } from '../../select/esm/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-ff3caf01.js';
+import { s as styles } from './mobile.module-0af9aa29.js';
 import '../../form-control/esm';
 import '@alfalab/hooks';
 
 var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
-    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input$1 = _c === void 0 ? Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, restProps = __rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps"]);
+    var openProp = _a.open, onOpen = _a.onOpen, name = _a.name, _b = _a.size, size = _b === void 0 ? 's' : _b, _c = _a.Input, Input$1 = _c === void 0 ? Input : _c, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, onClearFilter = _a.onClearFilter, _e = _a.filter, filter = _e === void 0 ? '' : _e, onFilter = _a.onFilter, placeholder = _a.placeholder, bottomAddonProps = _a.bottomAddonProps, multiple = _a.multiple, onChange = _a.onChange, onCancel = _a.onCancel, value = _a.value, cancelButtonProps = _a.cancelButtonProps, continueButtonProps = _a.continueButtonProps, modalProps = _a.modalProps, modalHeaderProps = _a.modalHeaderProps, modalFooterProps = _a.modalFooterProps, restProps = __rest(_a, ["open", "onOpen", "name", "size", "Input", "Arrow", "onClearFilter", "filter", "onFilter", "placeholder", "bottomAddonProps", "multiple", "onChange", "onCancel", "value", "cancelButtonProps", "continueButtonProps", "modalProps", "modalHeaderProps", "modalFooterProps"]);
     var _f = React.useState(false), open = _f[0], setOpen = _f[1];
     var targetRef = useRef(null);
     var modalScrollableRef = useRef(null);
@@ -60,7 +60,7 @@ var InputAutocompleteModalMobile = React.forwardRef(function (_a, ref) {
     var renderFooter = function () { return (React.createElement(React.Fragment, null,
         React.createElement(Button, __assign({ block: true, view: 'primary', size: 's', onClick: handleApply }, continueButtonProps), "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
         React.createElement(Button, __assign({ block: true, view: 'secondary', size: 's', onClick: handleCancel }, cancelButtonProps), "\u041E\u0442\u043C\u0435\u043D\u0430"))); };
-    return (React.createElement(SelectModalMobile, __assign({}, restProps, { ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: __assign(__assign({}, restProps.modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, restProps.modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, restProps.modalFooterProps), { children: renderFooter() }) })));
+    return (React.createElement(SelectModalMobile, __assign({ ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp !== null && openProp !== void 0 ? openProp : open, size: size, fieldProps: { value: value }, placeholder: placeholder, useWithApplyHook: false, modalProps: __assign(__assign({}, modalProps), { componentRef: modalScrollableRef }), modalHeaderProps: __assign(__assign({}, modalHeaderProps), { bottomAddons: renderBottomAddon() }), modalFooterProps: __assign(__assign({ sticky: true }, modalFooterProps), { children: renderFooter() }) }, restProps)));
 });
 
 export { InputAutocompleteModalMobile };

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

@@ -12,7 +12,7 @@ import 'lodash.throttle';
 import '../../button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
-import './mobile.module-ff3caf01.js';
+import './mobile.module-0af9aa29.js';
 
 var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);

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

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Input } from '../../../input/esm';
 
-var styles = {"arrow":"input-autocomplete__arrow_1oi46","error":"input-autocomplete__error_1oi46"};
+var styles = {"arrow":"input-autocomplete__arrow_13p2o","error":"input-autocomplete__error_13p2o"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1r767 */
-.input-autocomplete__arrow_1oi46.input-autocomplete__error_1oi46 ~ * {
+/* hash: 1g8bo */
+.input-autocomplete__arrow_13p2o.input-autocomplete__error_13p2o ~ * {
     display: none;
 }

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { FormControl } from '../../../form-control/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_10bzc","field":"input-autocomplete__field_10bzc","disabled":"input-autocomplete__disabled_10bzc","placeholder":"input-autocomplete__placeholder_10bzc","contentWrapper":"input-autocomplete__contentWrapper_10bzc","value":"input-autocomplete__value_10bzc","focusVisible":"input-autocomplete__focusVisible_10bzc"};
+var styles = {"component":"input-autocomplete__component_1xlxc","field":"input-autocomplete__field_1xlxc","disabled":"input-autocomplete__disabled_1xlxc","placeholder":"input-autocomplete__placeholder_1xlxc","contentWrapper":"input-autocomplete__contentWrapper_1xlxc","value":"input-autocomplete__value_1xlxc","focusVisible":"input-autocomplete__focusVisible_1xlxc"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1de0t */
+/* hash: v88g5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_10bzc {
+} .input-autocomplete__component_1xlxc {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_10bzc:not(.input-autocomplete__disabled_10bzc) {
+} .input-autocomplete__field_1xlxc:not(.input-autocomplete__disabled_1xlxc) {
     cursor: pointer;
-} .input-autocomplete__disabled_10bzc {
+} .input-autocomplete__disabled_1xlxc {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_10bzc {
+} .input-autocomplete__placeholder_1xlxc {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_10bzc {
+} .input-autocomplete__contentWrapper_1xlxc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_10bzc {
+} .input-autocomplete__value_1xlxc {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_10bzc {
+} .input-autocomplete__focusVisible_1xlxc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/esm/index.js

@@ -13,4 +13,4 @@ import 'lodash.throttle';
 import '../../button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
-import './mobile.module-ff3caf01.js';
+import './mobile.module-0af9aa29.js';

package/input-autocomplete/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 2gl3v */
+/* hash: 1qiun */
 :root {
 } /* 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 */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_m042z {
+} .input-autocomplete__bottomAddonInput_172kg {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_m042z {
+} .input-autocomplete__footer_172kg {
     display: flex
-} .input-autocomplete__footer_m042z > button + button {
+} .input-autocomplete__footer_172kg > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/esm/mobile.js

@@ -11,5 +11,5 @@ import '../../select/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
 import '@alfalab/hooks';
-import './mobile.module-ff3caf01.js';
+import './mobile.module-0af9aa29.js';
 import '../../select/esm/mobile';