@alfalab/core-components 25.5.0 → 25.6.0

package/input/inverted.css

@@ -31,47 +31,47 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.input__input_rtuub {
+.input__input_17zf4 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_rtuub:-webkit-autofill {
+.input__input_17zf4:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.input__input_rtuub::placeholder {
+.input__input_17zf4::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.input__hasLabel_rtuub::placeholder {
+.input__hasLabel_17zf4::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.input__clearIcon_rtuub {
+.input__clearIcon_17zf4 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.input__errorIcon_rtuub {
+.input__errorIcon_17zf4 {
     background-image: var(--input-inverted-error-icon);
 }
-.input__successIcon_rtuub {
+.input__successIcon_17zf4 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_rtuub:read-only {
+.input__input_17zf4:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.input__input_rtuub:read-only:focus::placeholder {
+.input__input_17zf4:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_rtuub:disabled {
+.input__input_17zf4:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_rtuub:focus::placeholder {
+.input__input_17zf4:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_rtuub {
+.input__error_17zf4 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/Component.js

@@ -6,13 +6,13 @@ import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { Button } from '../../button/modern';
 import { FormControl } from '../../form-control/modern';
 
-var styles = {"input":"input__input_3rq8d","hasLabel":"input__hasLabel_3rq8d","block":"input__block_3rq8d","clearIcon":"input__clearIcon_3rq8d","errorIcon":"input__errorIcon_3rq8d","clearButton":"input__clearButton_3rq8d","successIcon":"input__successIcon_3rq8d","focusVisible":"input__focusVisible_3rq8d","onautofillstart":"input__onautofillstart_3rq8d","onautofillcancel":"input__onautofillcancel_3rq8d"};
+var styles = {"input":"input__input_bs42x","hasLabel":"input__hasLabel_bs42x","block":"input__block_bs42x","clearIcon":"input__clearIcon_bs42x","errorIcon":"input__errorIcon_bs42x","clearButton":"input__clearButton_bs42x","successIcon":"input__successIcon_bs42x","focusVisible":"input__focusVisible_bs42x","onautofillstart":"input__onautofillstart_bs42x","onautofillcancel":"input__onautofillcancel_bs42x"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_140hh","hasLabel":"input__hasLabel_140hh","clearIcon":"input__clearIcon_140hh","errorIcon":"input__errorIcon_140hh","successIcon":"input__successIcon_140hh","error":"input__error_140hh"};
+var defaultColors = {"input":"input__input_1k61q","hasLabel":"input__hasLabel_1k61q","clearIcon":"input__clearIcon_1k61q","errorIcon":"input__errorIcon_1k61q","successIcon":"input__successIcon_1k61q","error":"input__error_1k61q"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_rtuub","hasLabel":"input__hasLabel_rtuub","clearIcon":"input__clearIcon_rtuub","errorIcon":"input__errorIcon_rtuub","successIcon":"input__successIcon_rtuub","error":"input__error_rtuub"};
+var invertedColors = {"input":"input__input_17zf4","hasLabel":"input__hasLabel_17zf4","clearIcon":"input__clearIcon_17zf4","errorIcon":"input__errorIcon_17zf4","successIcon":"input__successIcon_17zf4","error":"input__error_17zf4"};
 require('./inverted.css');
 
 const colorStyles = {

package/input/modern/default.css

@@ -31,47 +31,47 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.input__input_140hh {
+.input__input_1k61q {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_140hh:-webkit-autofill {
+.input__input_1k61q:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.input__input_140hh::placeholder {
+.input__input_1k61q::placeholder {
     color: var(--input-placeholder-color);
 }
-.input__hasLabel_140hh::placeholder {
+.input__hasLabel_1k61q::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.input__clearIcon_140hh {
+.input__clearIcon_1k61q {
     color: var(--color-light-graphic-primary);
 }
-.input__errorIcon_140hh {
+.input__errorIcon_1k61q {
     background-image: var(--input-error-icon);
 }
-.input__successIcon_140hh {
+.input__successIcon_1k61q {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_140hh:read-only {
+.input__input_1k61q:read-only {
     color: var(--input-read-only-color)
 }
-.input__input_140hh:read-only:focus::placeholder {
+.input__input_1k61q:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_140hh:disabled {
+.input__input_1k61q:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_140hh:focus::placeholder {
+.input__input_1k61q:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_140hh {
+.input__error_1k61q {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/modern/index.css

@@ -24,7 +24,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: block;
 }
-.input__input_3rq8d {
+.input__input_bs42x {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -41,27 +41,27 @@
     box-sizing: border-box;
     -webkit-appearance: none;
 }
-.input__input_3rq8d::placeholder {
+.input__input_bs42x::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.input__hasLabel_3rq8d::placeholder {
+.input__hasLabel_bs42x::placeholder {
     opacity: 0;
 }
-.input__block_3rq8d {
+.input__block_bs42x {
     width: 100%;
 }
-.input__clearIcon_3rq8d {
+.input__clearIcon_bs42x {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
 }
-.input__clearIcon_3rq8d:hover {
+.input__clearIcon_bs42x:hover {
         opacity: 0.6;
     }
-.input__clearIcon_3rq8d:active {
+.input__clearIcon_bs42x:active {
         opacity: 1;
     }
-.input__errorIcon_3rq8d {
+.input__errorIcon_bs42x {
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
@@ -69,19 +69,19 @@
 
     display: var(--input-error-icon-display)
 }
-.input__errorIcon_3rq8d:not(:only-child) {
+.input__errorIcon_bs42x:not(:only-child) {
         margin-left: var(--gap-2xs);
     }
-* + .input__errorIcon_3rq8d {
+* + .input__errorIcon_bs42x {
     display: var(--input-error-icon-not-alone-display);
 }
-.input__clearButton_3rq8d + * {
+.input__clearButton_bs42x + * {
     margin-left: var(--gap-2xs);
 }
-.input__clearButton_3rq8d + .input__errorIcon_3rq8d {
+.input__clearButton_bs42x + .input__errorIcon_bs42x {
     display: var(--input-error-icon-display);
 }
-.input__successIcon_3rq8d {
+.input__successIcon_bs42x {
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
@@ -89,56 +89,56 @@
 
     display: var(--input-success-icon-display)
 }
-.input__successIcon_3rq8d:not(:only-child) {
+.input__successIcon_bs42x:not(:only-child) {
         margin-left: var(--gap-2xs);
     }
 /* DISABLED STATE */
-.input__input_3rq8d:disabled {
+.input__input_bs42x:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* FOCUS STATE */
-.input__input_3rq8d:focus.input__hasLabel_3rq8d::placeholder {
+.input__input_bs42x:focus.input__hasLabel_bs42x::placeholder {
     opacity: 1;
 }
-.input__focusVisible_3rq8d {
+.input__focusVisible_bs42x {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* READ-ONLY STATE */
-.input__hasLabel_3rq8d:read-only:focus::placeholder {
+.input__hasLabel_bs42x:read-only:focus::placeholder {
     opacity: 0;
 }
 /* IE hide clear */
-.input__input_3rq8d::-ms-clear {
+.input__input_bs42x::-ms-clear {
     display: none;
     width: 0;
     height: 0;
 }
 /* Убирает синюю заливку при автокомплите */
-.input__input_3rq8d:-webkit-autofill:first-line, .input__input_3rq8d:-webkit-autofill:hover:first-line, .input__input_3rq8d:-webkit-autofill:focus:first-line, .input__input_3rq8d:-webkit-autofill:active:first-line {
+.input__input_bs42x:-webkit-autofill:first-line, .input__input_bs42x:-webkit-autofill:hover:first-line, .input__input_bs42x:-webkit-autofill:focus:first-line, .input__input_bs42x:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
         }
-.input__input_3rq8d:-webkit-autofill,
-    .input__input_3rq8d:-webkit-autofill:hover,
-    .input__input_3rq8d:-webkit-autofill:focus,
-    .input__input_3rq8d:-webkit-autofill:active {
+.input__input_bs42x:-webkit-autofill,
+    .input__input_bs42x:-webkit-autofill:hover,
+    .input__input_bs42x:-webkit-autofill:focus,
+    .input__input_bs42x:-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_3rq8d:-webkit-autofill {
-        animation: input__onautofillstart_3rq8d 999999s forwards;
+.input__input_bs42x:-webkit-autofill {
+        animation: input__onautofillstart_bs42x 999999s forwards;
     }
-.input__input_3rq8d:not(:-webkit-autofill) {
+.input__input_bs42x:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_3rq8d 999999s;
+        animation: input__onautofillcancel_bs42x 999999s;
     }
-@keyframes input__onautofillstart_3rq8d {
+@keyframes input__onautofillstart_bs42x {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
@@ -146,7 +146,7 @@
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
 }
-@keyframes input__onautofillcancel_3rq8d {
+@keyframes input__onautofillcancel_bs42x {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/inverted.css

@@ -31,47 +31,47 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.input__input_rtuub {
+.input__input_17zf4 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_rtuub:-webkit-autofill {
+.input__input_17zf4:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.input__input_rtuub::placeholder {
+.input__input_17zf4::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.input__hasLabel_rtuub::placeholder {
+.input__hasLabel_17zf4::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.input__clearIcon_rtuub {
+.input__clearIcon_17zf4 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.input__errorIcon_rtuub {
+.input__errorIcon_17zf4 {
     background-image: var(--input-inverted-error-icon);
 }
-.input__successIcon_rtuub {
+.input__successIcon_17zf4 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_rtuub:read-only {
+.input__input_17zf4:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.input__input_rtuub:read-only:focus::placeholder {
+.input__input_17zf4:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_rtuub:disabled {
+.input__input_17zf4:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_rtuub:focus::placeholder {
+.input__input_17zf4:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_rtuub {
+.input__error_17zf4 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input-autocomplete/{Component-5d8f3e8d.js → Component-f9c8ee2f.js}

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"arrow":"input-autocomplete__arrow_1sra8","error":"input-autocomplete__error_1sra8"};
+var styles = {"arrow":"input-autocomplete__arrow_j0ub6","error":"input-autocomplete__error_j0ub6"};
 require('./autocomplete-field/index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component-5d8f3e8d.js');
+var autocompleteField_Component = require('./Component-f9c8ee2f.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-5d8f3e8d.js');
+var autocompleteField_Component = require('../Component-f9c8ee2f.js');
 require('react');
 require('classnames');
 require('../../input');

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

@@ -1,4 +1,4 @@
 /* hash: 1sdj5 */
-.input-autocomplete__arrow_1sra8.input-autocomplete__error_1sra8 ~ * {
+.input-autocomplete__arrow_j0ub6.input-autocomplete__error_j0ub6 ~ * {
     display: none;
 }

package/input-autocomplete/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-5d8f3e8d";
+export * from "../Component-f9c8ee2f";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-5d8f3e8d.js');
+var autocompleteField_Component = require('../Component-f9c8ee2f.js');
 require('react');
 require('classnames');
 require('../../input');

package/input-autocomplete/esm/{Component-43f0a374.js → Component-350d0269.js}

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"arrow":"input-autocomplete__arrow_1sra8","error":"input-autocomplete__error_1sra8"};
+var styles = {"arrow":"input-autocomplete__arrow_j0ub6","error":"input-autocomplete__error_j0ub6"};
 require('./autocomplete-field/index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/esm/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-43f0a374.js';
+import { _ as __rest, a as __assign, A as AutocompleteField } from './Component-350d0269.js';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {

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

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-43f0a374.js';
+export { A as AutocompleteField } from '../Component-350d0269.js';

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

@@ -1,4 +1,4 @@
 /* hash: 1sdj5 */
-.input-autocomplete__arrow_1sra8.input-autocomplete__error_1sra8 ~ * {
+.input-autocomplete__arrow_j0ub6.input-autocomplete__error_j0ub6 ~ * {
     display: none;
 }

package/input-autocomplete/esm/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-43f0a374";
+export * from "../Component-350d0269";

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

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../input/esm';
 import 'react-merge-refs';
-export { A as AutocompleteField } from '../Component-43f0a374.js';
+export { A as AutocompleteField } from '../Component-350d0269.js';

package/input-autocomplete/esm/index.js

@@ -2,6 +2,6 @@ import 'react';
 import 'classnames';
 import '../../input/esm';
 import 'react-merge-refs';
-import './Component-43f0a374.js';
+import './Component-350d0269.js';
 import '../../select/esm';
 export { InputAutocomplete } from './Component.js';

package/input-autocomplete/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-5d8f3e8d.js');
+require('./Component-f9c8ee2f.js');
 require('react');
 require('../select');
 require('classnames');

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../../input/modern';
 
-var styles = {"arrow":"input-autocomplete__arrow_1sra8","error":"input-autocomplete__error_1sra8"};
+var styles = {"arrow":"input-autocomplete__arrow_j0ub6","error":"input-autocomplete__error_j0ub6"};
 require('./index.css');
 
 const AutocompleteField = ({ label, placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

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

@@ -1,4 +1,4 @@
 /* hash: 1sdj5 */
-.input-autocomplete__arrow_1sra8.input-autocomplete__error_1sra8 ~ * {
+.input-autocomplete__arrow_j0ub6.input-autocomplete__error_j0ub6 ~ * {
     display: none;
 }

package/intl-phone-input/{component-ffe9fb4a.js → component-f32bb87e.js}

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_soz5w","flagIconContainer":"intl-phone-input__flagIconContainer_soz5w","disabled":"intl-phone-input__disabled_soz5w","inner":"intl-phone-input__inner_soz5w","l":"intl-phone-input__l_soz5w","xl":"intl-phone-input__xl_soz5w","focusVisible":"intl-phone-input__focusVisible_soz5w"};
+var styles = {"component":"intl-phone-input__component_1poak","flagIconContainer":"intl-phone-input__flagIconContainer_1poak","disabled":"intl-phone-input__disabled_1poak","inner":"intl-phone-input__inner_1poak","l":"intl-phone-input__l_1poak","xl":"intl-phone-input__xl_1poak","focusVisible":"intl-phone-input__focusVisible_1poak"};
 require('./components/select-field/index.css');
 
 var SelectField = function (_a) {
@@ -64,7 +64,7 @@ var SelectField = function (_a) {
             _b)) },
         React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
             selected && (React__default['default'].createElement("span", { className: styles.flagIconContainer },
-                React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value, size: size }))),
+                React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-ffe9fb4a.js');
+var components_selectField_component = require('./component-f32bb87e.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"addons":"intl-phone-input__addons_1j84e","l":"intl-phone-input__l_1j84e","xl":"intl-phone-input__xl_1j84e"};
+var styles = {"addons":"intl-phone-input__addons_1ts2a","l":"intl-phone-input__l_1ts2a","xl":"intl-phone-input__xl_1ts2a"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();
@@ -81,7 +81,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = React.useCallback(function () {
         // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-6de26c09.js'); })
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-90094daa.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -139,7 +139,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: "field", closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/components/flag-icon/component.d.ts

@@ -4,10 +4,6 @@ type FlagIconProps = {
      * Код страны из <a href="https://ru.wikipedia.org/wiki/ISO_3166-1_alpha-2" target="_blank">ISO 3166-1 alpha-2</a>
      */
     country?: string;
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Дополнительный класс
      */