@alfalab/core-components 48.34.0 → 48.35.0

package/input/modern/components/base-input/index.css

@@ -81,7 +81,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_ym17x {
+} .input__input_wc0jo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -96,78 +96,78 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none
-} .input__input_ym17x.input__size-40_ym17x {
+} .input__input_wc0jo.input__size-40_wc0jo {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         padding: var(--gap-0) var(--gap-8);
-    } .input__input_ym17x::placeholder {
+    } .input__input_wc0jo::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_ym17x::placeholder {
+} .input__hasInnerLabel_wc0jo::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_ym17x.input__size-40_ym17x {
+    } .input__hasInnerLabel_wc0jo.input__size-40_wc0jo {
         height: var(--form-control-40-min-height);
-    } .input__hasInnerLabel_ym17x.input__size-48_ym17x {
+    } .input__hasInnerLabel_wc0jo.input__size-48_wc0jo {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_ym17x.input__size-56_ym17x {
+    } .input__hasInnerLabel_wc0jo.input__size-56_wc0jo {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_ym17x.input__size-64_ym17x {
+    } .input__hasInnerLabel_wc0jo.input__size-64_wc0jo {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_ym17x.input__size-72_ym17x {
+    } .input__hasInnerLabel_wc0jo.input__size-72_wc0jo {
         height: var(--form-control-xl-min-height);
-    } .input__block_ym17x {
+    } .input__block_wc0jo {
     width: 100%;
-} .input__errorIcon_ym17x {
+} .input__errorIcon_wc0jo {
     display: var(--input-error-icon-display);
-} * + .input__errorIcon_ym17x {
+} * + .input__errorIcon_wc0jo {
     display: var(--input-error-icon-not-alone-display);
-} .input__successIcon_ym17x {
+} .input__successIcon_wc0jo {
     display: var(--input-success-icon-display);
-} /* DISABLED STATE */ .input__input_ym17x:disabled {
+} /* DISABLED STATE */ .input__input_wc0jo:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_ym17x:focus.input__hasInnerLabel_ym17x::placeholder,
-.input__input_ym17x:focus.input__hasInnerLabel_ym17x.input__disableUserInput_ym17x::placeholder {
+} /* FOCUS STATE */ .input__input_wc0jo:focus.input__hasInnerLabel_wc0jo::placeholder,
+.input__input_wc0jo:focus.input__hasInnerLabel_wc0jo.input__disableUserInput_wc0jo::placeholder {
     opacity: 1;
-} .input__focusVisible_ym17x {
+} .input__focusVisible_wc0jo {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_ym17x:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_wc0jo:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_ym17x:-webkit-autofill:first-line, .input__input_ym17x:-webkit-autofill:hover:first-line, .input__input_ym17x:-webkit-autofill:focus:first-line, .input__input_ym17x:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_wc0jo:-webkit-autofill:first-line, .input__input_wc0jo:-webkit-autofill:hover:first-line, .input__input_wc0jo:-webkit-autofill:focus:first-line, .input__input_wc0jo:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_ym17x:-webkit-autofill,
-    .input__input_ym17x:-webkit-autofill:hover,
-    .input__input_ym17x:-webkit-autofill:focus,
-    .input__input_ym17x:-webkit-autofill:active {
+        } .input__input_wc0jo:-webkit-autofill,
+    .input__input_wc0jo:-webkit-autofill:hover,
+    .input__input_wc0jo:-webkit-autofill:focus,
+    .input__input_wc0jo:-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_ym17x:-webkit-autofill {
-        animation: input__onautofillstart_ym17x 999999s forwards;
-    } .input__input_ym17x:not(:-webkit-autofill) {
+    } .input__input_wc0jo:-webkit-autofill {
+        animation: input__onautofillstart_wc0jo 999999s forwards;
+    } .input__input_wc0jo:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_ym17x 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_ym17x::-webkit-outer-spin-button,
-    .input__input_ym17x::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_wc0jo 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_wc0jo::-webkit-outer-spin-button,
+    .input__input_wc0jo::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_ym17x {
+    } .input__input_wc0jo {
 
     /* Firefox */
-} .input__input_ym17x[type='number'] {
+} .input__input_wc0jo[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_ym17x {
+    } @keyframes input__onautofillstart_wc0jo {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_ym17x {
+} @keyframes input__onautofillcancel_wc0jo {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/components/base-input/inverted.css

@@ -44,26 +44,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1wnld {
+} .input__input_ihqio {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1wnld:-webkit-autofill {
+} .input__input_ihqio:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1wnld::placeholder {
+} .input__input_ihqio::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1wnld::placeholder {
+} .input__hasInnerLabel_ihqio::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_1wnld:read-only:not(.input__disableUserInput_1wnld) {
+} /* READ-ONLY STATE */ .input__input_ihqio:read-only:not(.input__disableUserInput_ihqio) {
     color: var(--input-inverted-read-only-color)
-} .input__input_1wnld:read-only:not(.input__disableUserInput_1wnld):focus::placeholder {
+} .input__input_ihqio:read-only:not(.input__disableUserInput_ihqio):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1wnld:disabled {
+    } /* DISABLED STATE */ .input__input_ihqio:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1wnld:focus::placeholder {
+} /* FOCUS STATE */ .input__input_ihqio:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1wnld {
+} /* ERROR STATE */ .input__error_ihqio {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/components/clear-button/Component.js

@@ -4,13 +4,13 @@ import { Button } from '../../../../button/modern';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const defaultColors = {"clearIcon":"input__clearIcon_1ipnu"};
+const defaultColors = {"clearIcon":"input__clearIcon_knmgz"};
 require('./default.css');
 
-const styles = {"clearIcon":"input__clearIcon_12y8b","clearButton":"input__clearButton_12y8b"};
+const styles = {"clearIcon":"input__clearIcon_kke5g","clearButton":"input__clearButton_kke5g"};
 require('./index.css');
 
-const invertedColors = {"clearIcon":"input__clearIcon_lj244"};
+const invertedColors = {"clearIcon":"input__clearIcon_1mi4s"};
 require('./inverted.css');
 
 const colorStyles = {

package/input/modern/components/clear-button/default.css

@@ -35,10 +35,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1ipnu {
+} .input__clearIcon_knmgz {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1ipnu:hover {
+} .input__clearIcon_knmgz:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1ipnu:active {
+    } .input__clearIcon_knmgz:active {
         color: var(--color-light-neutral-translucent-500-press);
     }

package/input/modern/components/clear-button/index.css

@@ -60,9 +60,9 @@
     --input-error-icon-display: none;
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_12y8b {
+} .input__clearIcon_kke5g {
     display: block;
     transition: opacity 0.2s ease;
-} .input__clearButton_12y8b + [data-addon='error-icon'] {
+} .input__clearButton_kke5g + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/input/modern/components/clear-button/inverted.css

@@ -35,10 +35,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_lj244 {
+} .input__clearIcon_1mi4s {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_lj244:hover {
+} .input__clearIcon_1mi4s:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_lj244:active {
+    } .input__clearIcon_1mi4s:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
     }

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

@@ -13,7 +13,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_lz528","error":"input-autocomplete__error_lz528"};
+var styles = {"arrow":"input-autocomplete__arrow_eha0d","error":"input-autocomplete__error_eha0d"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
 /* hash: u03hr */
-.input-autocomplete__arrow_lz528.input-autocomplete__error_lz528 ~ * {
+.input-autocomplete__arrow_eha0d.input-autocomplete__error_eha0d ~ * {
     display: none;
 }

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

@@ -14,7 +14,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_1wtvh","field":"input-autocomplete__field_1wtvh","disabled":"input-autocomplete__disabled_1wtvh","errorIcon":"input-autocomplete__errorIcon_1wtvh","successIcon":"input-autocomplete__successIcon_1wtvh","placeholder":"input-autocomplete__placeholder_1wtvh","contentWrapper":"input-autocomplete__contentWrapper_1wtvh","value":"input-autocomplete__value_1wtvh","focusVisible":"input-autocomplete__focusVisible_1wtvh"};
+var styles = {"component":"input-autocomplete__component_af3zj","field":"input-autocomplete__field_af3zj","disabled":"input-autocomplete__disabled_af3zj","errorIcon":"input-autocomplete__errorIcon_af3zj","successIcon":"input-autocomplete__successIcon_af3zj","placeholder":"input-autocomplete__placeholder_af3zj","contentWrapper":"input-autocomplete__contentWrapper_af3zj","value":"input-autocomplete__value_af3zj","focusVisible":"input-autocomplete__focusVisible_af3zj"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -32,22 +32,22 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input-autocomplete__component_1wtvh {
+} .input-autocomplete__component_af3zj {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1wtvh:not(.input-autocomplete__disabled_1wtvh) {
+} .input-autocomplete__field_af3zj:not(.input-autocomplete__disabled_af3zj) {
     cursor: pointer;
-} .input-autocomplete__errorIcon_1wtvh {
+} .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-display);
-} * + .input-autocomplete__errorIcon_1wtvh {
+} * + .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-not-alone-display);
-} .input-autocomplete__successIcon_1wtvh {
+} .input-autocomplete__successIcon_af3zj {
     display: var(--input-success-icon-display);
-} .input-autocomplete__disabled_1wtvh {
+} .input-autocomplete__disabled_af3zj {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1wtvh {
+} .input-autocomplete__placeholder_af3zj {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1wtvh {
+} .input-autocomplete__contentWrapper_af3zj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -56,11 +56,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1wtvh {
+} .input-autocomplete__value_af3zj {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1wtvh {
+} .input-autocomplete__focusVisible_af3zj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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_lz528","error":"input-autocomplete__error_lz528"};
+var styles = {"arrow":"input-autocomplete__arrow_eha0d","error":"input-autocomplete__error_eha0d"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
 /* hash: u03hr */
-.input-autocomplete__arrow_lz528.input-autocomplete__error_lz528 ~ * {
+.input-autocomplete__arrow_eha0d.input-autocomplete__error_eha0d ~ * {
     display: none;
 }

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

@@ -7,7 +7,7 @@ import { getDataTestId } from '../../../shared/esm';
 import { StatusBadge } from '../../../status-badge/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_1wtvh","field":"input-autocomplete__field_1wtvh","disabled":"input-autocomplete__disabled_1wtvh","errorIcon":"input-autocomplete__errorIcon_1wtvh","successIcon":"input-autocomplete__successIcon_1wtvh","placeholder":"input-autocomplete__placeholder_1wtvh","contentWrapper":"input-autocomplete__contentWrapper_1wtvh","value":"input-autocomplete__value_1wtvh","focusVisible":"input-autocomplete__focusVisible_1wtvh"};
+var styles = {"component":"input-autocomplete__component_af3zj","field":"input-autocomplete__field_af3zj","disabled":"input-autocomplete__disabled_af3zj","errorIcon":"input-autocomplete__errorIcon_af3zj","successIcon":"input-autocomplete__successIcon_af3zj","placeholder":"input-autocomplete__placeholder_af3zj","contentWrapper":"input-autocomplete__contentWrapper_af3zj","value":"input-autocomplete__value_af3zj","focusVisible":"input-autocomplete__focusVisible_af3zj"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -32,22 +32,22 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input-autocomplete__component_1wtvh {
+} .input-autocomplete__component_af3zj {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1wtvh:not(.input-autocomplete__disabled_1wtvh) {
+} .input-autocomplete__field_af3zj:not(.input-autocomplete__disabled_af3zj) {
     cursor: pointer;
-} .input-autocomplete__errorIcon_1wtvh {
+} .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-display);
-} * + .input-autocomplete__errorIcon_1wtvh {
+} * + .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-not-alone-display);
-} .input-autocomplete__successIcon_1wtvh {
+} .input-autocomplete__successIcon_af3zj {
     display: var(--input-success-icon-display);
-} .input-autocomplete__disabled_1wtvh {
+} .input-autocomplete__disabled_af3zj {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1wtvh {
+} .input-autocomplete__placeholder_af3zj {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1wtvh {
+} .input-autocomplete__contentWrapper_af3zj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -56,11 +56,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1wtvh {
+} .input-autocomplete__value_af3zj {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1wtvh {
+} .input-autocomplete__focusVisible_af3zj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

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

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

@@ -21,6 +21,6 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1anj1 {
+} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_ws86e {
     width: auto;
 }

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

@@ -20,7 +20,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_1anj1"};
+var styles = {"input":"input-autocomplete__input_ws86e"};
 require('./mobile.css');
 
 var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {

package/input-autocomplete/mobile/mobile.css

@@ -21,6 +21,6 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1anj1 {
+} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_ws86e {
     width: auto;
 }

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_lz528","error":"input-autocomplete__error_lz528"};
+const styles = {"arrow":"input-autocomplete__arrow_eha0d","error":"input-autocomplete__error_eha0d"};
 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: u03hr */
-.input-autocomplete__arrow_lz528.input-autocomplete__error_lz528 ~ * {
+.input-autocomplete__arrow_eha0d.input-autocomplete__error_eha0d ~ * {
     display: none;
 }

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

@@ -6,7 +6,7 @@ import { getDataTestId } from '../../../shared/modern';
 import { StatusBadge } from '../../../status-badge/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_1wtvh","field":"input-autocomplete__field_1wtvh","disabled":"input-autocomplete__disabled_1wtvh","errorIcon":"input-autocomplete__errorIcon_1wtvh","successIcon":"input-autocomplete__successIcon_1wtvh","placeholder":"input-autocomplete__placeholder_1wtvh","contentWrapper":"input-autocomplete__contentWrapper_1wtvh","value":"input-autocomplete__value_1wtvh","focusVisible":"input-autocomplete__focusVisible_1wtvh"};
+const styles = {"component":"input-autocomplete__component_af3zj","field":"input-autocomplete__field_af3zj","disabled":"input-autocomplete__disabled_af3zj","errorIcon":"input-autocomplete__errorIcon_af3zj","successIcon":"input-autocomplete__successIcon_af3zj","placeholder":"input-autocomplete__placeholder_af3zj","contentWrapper":"input-autocomplete__contentWrapper_af3zj","value":"input-autocomplete__value_af3zj","focusVisible":"input-autocomplete__focusVisible_af3zj"};
 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, success, onClear, onInput, colors = 'default', ...restProps }) => {

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

@@ -32,22 +32,22 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input-autocomplete__component_1wtvh {
+} .input-autocomplete__component_af3zj {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1wtvh:not(.input-autocomplete__disabled_1wtvh) {
+} .input-autocomplete__field_af3zj:not(.input-autocomplete__disabled_af3zj) {
     cursor: pointer;
-} .input-autocomplete__errorIcon_1wtvh {
+} .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-display);
-} * + .input-autocomplete__errorIcon_1wtvh {
+} * + .input-autocomplete__errorIcon_af3zj {
     display: var(--input-error-icon-not-alone-display);
-} .input-autocomplete__successIcon_1wtvh {
+} .input-autocomplete__successIcon_af3zj {
     display: var(--input-success-icon-display);
-} .input-autocomplete__disabled_1wtvh {
+} .input-autocomplete__disabled_af3zj {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1wtvh {
+} .input-autocomplete__placeholder_af3zj {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1wtvh {
+} .input-autocomplete__contentWrapper_af3zj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -56,11 +56,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1wtvh {
+} .input-autocomplete__value_af3zj {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1wtvh {
+} .input-autocomplete__focusVisible_af3zj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -14,7 +14,7 @@ import '../../../input/modern/shared';
 import '../../../status-badge/modern';
 import '@alfalab/hooks';
 
-const styles = {"input":"input-autocomplete__input_1anj1"};
+const styles = {"input":"input-autocomplete__input_ws86e"};
 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, success, virtualKeyboard = false, ...restProps }, ref) => {

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

@@ -21,6 +21,6 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_1anj1 {
+} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__input_ws86e {
     width: auto;
 }

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

@@ -6,7 +6,6 @@ var mergeRefs = require('react-merge-refs');
 var core = require('@maskito/core');
 var react = require('@maskito/react');
 var shared = require('../../../select/shared');
-var coreComponentsShared = require('../../../shared');
 var utils_index = require('../../utils/index.js');
 var components_countrySelect_Component = require('../country-select/Component.js');
 
@@ -15,17 +14,17 @@ 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_rdgs4","addons":"international-phone-input__addons_rdgs4"};
+var styles = {"component":"international-phone-input__component_1xhv5","addons":"international-phone-input__addons_1xhv5"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.clearableCountryCode, clearableCountryCodeFromProps = _b === void 0 ? true : _b, value = _a.value, countryProp = _a.country, filterFn = _a.filterFn, onChange = _a.onChange, onCountryChange = _a.onCountryChange, countrySelectProps = _a.countrySelectProps, countries = _a.countries, defaultIso2 = _a.defaultIso2, disabled = _a.disabled, options = _a.options, _c = _a.size, size = _c === void 0 ? 56 : _c, Input = _a.Input, InputAutocomplete = _a.InputAutocomplete, SelectComponent = _a.SelectComponent, view = _a.view, clearProp = _a.clear, openProps = _a.open, defaultOpen = _a.defaultOpen, customCountriesList = _a.customCountriesList, restProps = tslib.__rest(_a, ["clearableCountryCode", "value", "country", "filterFn", "onChange", "onCountryChange", "countrySelectProps", "countries", "defaultIso2", "disabled", "options", "size", "Input", "InputAutocomplete", "SelectComponent", "view", "clear", "open", "defaultOpen", "customCountriesList"]);
-    var lastCountryRef = React.useRef(null);
     var countriesData = React.useMemo(function () { return utils_index.initCountries(countries, customCountriesList); }, [countries, customCountriesList]);
     var inputRef = React.useRef(null);
     var inputWrapperRef = React.useRef(null);
     var _d = React.useState(defaultOpen), open = _d[0], setOpen = _d[1];
     var _e = React.useState(countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.defaultOpen), openCountry = _e[0], setOpenCountry = _e[1];
+    var beforeAutofillValueRef = React.useRef('');
     var _f = React.useState(function () {
         return utils_index.findCountry(countriesData, value, defaultIso2, countryProp);
     }), selectedCountry = _f[0], setSelectedCountry = _f[1];
@@ -39,7 +38,7 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     var preserveCountryCode = clearableCountryCodeFromProps === 'preserve';
     var clearableCountryCode = preserveCountryCode || clearableCountryCodeFromProps;
     var maskOptions = React.useMemo(function () {
-        return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef);
+        return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode, beforeAutofillValueRef);
     }, [country, clearableCountryCode, preserveCountryCode]);
     var maskRef = react.useMaskito({ options: maskOptions });
     var changeNumber = function (phone) {
@@ -122,12 +121,6 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId, size: size }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width, onOpen: handleCountrySelectOpen, open: showCountrySelect })));
     };
     var inputProps = tslib.__assign({ className: styles.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
-    React.useEffect(function () {
-        if (!preserveCountryCode || coreComponentsShared.isNullable(country)) {
-            return;
-        }
-        lastCountryRef.current = country;
-    }, [country, preserveCountryCode]);
     return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, open: showPhoneSelect, onOpen: handlePhoneSelectOpen, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 

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

@@ -22,6 +22,6 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_rdgs4 .international-phone-input__addons_rdgs4 {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1xhv5 .international-phone-input__addons_1xhv5 {
         padding-left: var(--gap-0);
     }

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

@@ -15,7 +15,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":"international-phone-input__component_1tf79","option":"international-phone-input__option_1tf79","mobile":"international-phone-input__mobile_1tf79","size-72":"international-phone-input__size-72_1tf79","flag":"international-phone-input__flag_1tf79","countryName":"international-phone-input__countryName_1tf79","dialCode":"international-phone-input__dialCode_1tf79","flagIconWrapper":"international-phone-input__flagIconWrapper_1tf79","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1tf79"};
+var styles = {"component":"international-phone-input__component_1kfms","option":"international-phone-input__option_1kfms","mobile":"international-phone-input__mobile_1kfms","size-72":"international-phone-input__size-72_1kfms","flag":"international-phone-input__flag_1kfms","countryName":"international-phone-input__countryName_1kfms","dialCode":"international-phone-input__dialCode_1kfms","flagIconWrapper":"international-phone-input__flagIconWrapper_1kfms","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1kfms"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

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

@@ -29,32 +29,32 @@
     --gap-16: var(--gap-m);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1tf79 {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1kfms {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1tf79 {
+} .international-phone-input__option_1kfms {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-12)
-} .international-phone-input__option_1tf79.international-phone-input__mobile_1tf79,
-    .international-phone-input__option_1tf79.international-phone-input__size-72_1tf79 {
+} .international-phone-input__option_1kfms.international-phone-input__mobile_1kfms,
+    .international-phone-input__option_1kfms.international-phone-input__size-72_1kfms {
         padding-left: var(--gap-16);
-    } .international-phone-input__flag_1tf79 {
+    } .international-phone-input__flag_1kfms {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .international-phone-input__countryName_1tf79 {
+} .international-phone-input__countryName_1kfms {
     margin-right: var(--gap-8);
-} .international-phone-input__dialCode_1tf79 {
+} .international-phone-input__dialCode_1kfms {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1tf79 {
+} .international-phone-input__flagIconWrapper_1kfms {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-12);
-} .international-phone-input__emptyCountryIcon_1tf79 {
+} .international-phone-input__emptyCountryIcon_1kfms {
     color: var(--color-light-neutral-translucent-700);
 }