@alfalab/core-components-intl-phone-input 9.5.14 → 9.5.15

package/component.d.ts

@@ -47,6 +47,10 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange
     ruNumberPriority?: boolean;
     clear?: boolean;
 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<InputAutocompleteDesktopProps, "onChange">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение

package/component.js

@@ -45,7 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_1fvsr","l":"intl-phone-input__l_1fvsr","xl":"intl-phone-input__xl_1fvsr","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvsr","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvsr"};
+var styles = {"addons":"intl-phone-input__addons_8qlqo","l":"intl-phone-input__l_8qlqo","xl":"intl-phone-input__xl_8qlqo","flagIconWrapper":"intl-phone-input__flagIconWrapper_8qlqo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_8qlqo"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -53,6 +53,10 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var MASK_SYMBOLS = [' ', '-', '(', ')'];
 var MAX_PHONE_LEN = 15;
 var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.hideCountrySelect, hideCountrySelect = _d === void 0 ? false : _d, _e = _a.canBeEmptyCountry, canBeEmptyCountry = _e === void 0 ? false : _e, _f = _a.ruNumberPriority, ruNumberPriority = _f === void 0 ? false : _f, _g = _a.clear, clear = _g === void 0 ? false : _g, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.options, options = _k === void 0 ? [] : _k, _l = _a.countries, countries = _l === void 0 ? utils.getCountries() : _l, _m = _a.clearableCountryCode, clearableCountryCode = _m === void 0 ? true : _m, _o = _a.maxDialCodeLength, maxDialCodeLength = _o === void 0 ? MAX_DIAL_CODE_LENGTH : _o, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _p = _a.defaultCountryIso2, defaultCountryIso2 = _p === void 0 ? 'ru' : _p, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _q = _a.maxPhoneLen, maxPhoneLen = _q === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _q, restProps = tslib.__rest(_a, ["disabled", "readOnly", "hideCountrySelect", "canBeEmptyCountry", "ruNumberPriority", "clear", "size", "colors", "options", "countries", "clearableCountryCode", "maxDialCodeLength", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _r = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _r[0], setCountryIso2 = _r[1];

package/components/flag-icon/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 = {"flagIcon":"intl-phone-input__flagIcon_11sry","flagPlaceholder":"intl-phone-input__flagPlaceholder_11sry"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1tooy","flagPlaceholder":"intl-phone-input__flagPlaceholder_1tooy"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bboj */
+/* hash: jist4 */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_11sry {
+} .intl-phone-input__flagIcon_1tooy {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_11sry {
+} .intl-phone-input__flagPlaceholder_1tooy {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select/component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_173l9","option":"intl-phone-input__option_173l9","flag":"intl-phone-input__flag_173l9","countryName":"intl-phone-input__countryName_173l9","dialCode":"intl-phone-input__dialCode_173l9"};
+var styles = {"component":"intl-phone-input__component_gjivl","option":"intl-phone-input__option_gjivl","flag":"intl-phone-input__flag_gjivl","countryName":"intl-phone-input__countryName_gjivl","dialCode":"intl-phone-input__dialCode_gjivl"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ofey */
+/* hash: wa6fm */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_173l9 {
+} .intl-phone-input__component_gjivl {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_173l9 {
+} .intl-phone-input__option_gjivl {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_173l9 {
+} .intl-phone-input__flag_gjivl {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_173l9 {
+} .intl-phone-input__countryName_gjivl {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_173l9 {
+} .intl-phone-input__dialCode_gjivl {
     color: var(--text-secondary-color);
 }

package/components/select-field/component.js

@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_udd4m","flagIconContainer":"intl-phone-input__flagIconContainer_udd4m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_udd4m","disabled":"intl-phone-input__disabled_udd4m","inner":"intl-phone-input__inner_udd4m","l":"intl-phone-input__l_udd4m","xl":"intl-phone-input__xl_udd4m","focusVisible":"intl-phone-input__focusVisible_udd4m"};
+var styles = {"component":"intl-phone-input__component_1uslt","flagIconContainer":"intl-phone-input__flagIconContainer_1uslt","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1uslt","disabled":"intl-phone-input__disabled_1uslt","inner":"intl-phone-input__inner_1uslt","l":"intl-phone-input__l_1uslt","xl":"intl-phone-input__xl_1uslt","focusVisible":"intl-phone-input__focusVisible_1uslt"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: bdqv6 */
+/* hash: d5qdd */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_udd4m {
+} .intl-phone-input__component_1uslt {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_udd4m {
+} .intl-phone-input__flagIconContainer_1uslt {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_udd4m {
+} .intl-phone-input__emptyCountryIcon_1uslt {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_udd4m {
+} .intl-phone-input__disabled_1uslt {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_udd4m {
+} .intl-phone-input__inner_1uslt {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_udd4m .intl-phone-input__inner_udd4m,
-.intl-phone-input__xl_udd4m .intl-phone-input__inner_udd4m {
+} .intl-phone-input__l_1uslt .intl-phone-input__inner_1uslt,
+.intl-phone-input__xl_1uslt .intl-phone-input__inner_1uslt {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_udd4m {
+} .intl-phone-input__focusVisible_1uslt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/component.d.ts

@@ -47,6 +47,10 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange
     ruNumberPriority?: boolean;
     clear?: boolean;
 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<InputAutocompleteDesktopProps, "onChange">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение

package/cssm/component.js

@@ -55,6 +55,10 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var MASK_SYMBOLS = [' ', '-', '(', ')'];
 var MAX_PHONE_LEN = 15;
 var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.hideCountrySelect, hideCountrySelect = _d === void 0 ? false : _d, _e = _a.canBeEmptyCountry, canBeEmptyCountry = _e === void 0 ? false : _e, _f = _a.ruNumberPriority, ruNumberPriority = _f === void 0 ? false : _f, _g = _a.clear, clear = _g === void 0 ? false : _g, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.options, options = _k === void 0 ? [] : _k, _l = _a.countries, countries = _l === void 0 ? utils.getCountries() : _l, _m = _a.clearableCountryCode, clearableCountryCode = _m === void 0 ? true : _m, _o = _a.maxDialCodeLength, maxDialCodeLength = _o === void 0 ? MAX_DIAL_CODE_LENGTH : _o, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _p = _a.defaultCountryIso2, defaultCountryIso2 = _p === void 0 ? 'ru' : _p, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _q = _a.maxPhoneLen, maxPhoneLen = _q === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _q, restProps = tslib.__rest(_a, ["disabled", "readOnly", "hideCountrySelect", "canBeEmptyCountry", "ruNumberPriority", "clear", "size", "colors", "options", "countries", "clearableCountryCode", "maxDialCodeLength", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _r = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _r[0], setCountryIso2 = _r[1];

package/esm/component.d.ts

@@ -47,6 +47,10 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange
     ruNumberPriority?: boolean;
     clear?: boolean;
 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<InputAutocompleteDesktopProps, "onChange">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение

package/esm/component.js

@@ -17,7 +17,7 @@ import '@alfalab/core-components-select/esm/desktop';
 import '@alfalab/core-components-select/esm/shared';
 import './components/select-field/component.js';
 
-var styles = {"addons":"intl-phone-input__addons_1fvsr","l":"intl-phone-input__l_1fvsr","xl":"intl-phone-input__xl_1fvsr","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvsr","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvsr"};
+var styles = {"addons":"intl-phone-input__addons_8qlqo","l":"intl-phone-input__l_8qlqo","xl":"intl-phone-input__xl_8qlqo","flagIconWrapper":"intl-phone-input__flagIconWrapper_8qlqo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_8qlqo"};
 require('./index.css')
 
 var countriesHash = getCountriesHash();
@@ -25,6 +25,10 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var MASK_SYMBOLS = [' ', '-', '(', ')'];
 var MAX_PHONE_LEN = 15;
 var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 var IntlPhoneInput = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.hideCountrySelect, hideCountrySelect = _d === void 0 ? false : _d, _e = _a.canBeEmptyCountry, canBeEmptyCountry = _e === void 0 ? false : _e, _f = _a.ruNumberPriority, ruNumberPriority = _f === void 0 ? false : _f, _g = _a.clear, clear = _g === void 0 ? false : _g, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.options, options = _k === void 0 ? [] : _k, _l = _a.countries, countries = _l === void 0 ? getCountries() : _l, _m = _a.clearableCountryCode, clearableCountryCode = _m === void 0 ? true : _m, _o = _a.maxDialCodeLength, maxDialCodeLength = _o === void 0 ? MAX_DIAL_CODE_LENGTH : _o, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _p = _a.defaultCountryIso2, defaultCountryIso2 = _p === void 0 ? 'ru' : _p, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _q = _a.maxPhoneLen, maxPhoneLen = _q === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _q, restProps = __rest(_a, ["disabled", "readOnly", "hideCountrySelect", "canBeEmptyCountry", "ruNumberPriority", "clear", "size", "colors", "options", "countries", "clearableCountryCode", "maxDialCodeLength", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _r = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _r[0], setCountryIso2 = _r[1];

package/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_11sry","flagPlaceholder":"intl-phone-input__flagPlaceholder_11sry"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1tooy","flagPlaceholder":"intl-phone-input__flagPlaceholder_1tooy"};
 require('./index.css')
 
 /**

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bboj */
+/* hash: jist4 */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_11sry {
+} .intl-phone-input__flagIcon_1tooy {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_11sry {
+} .intl-phone-input__flagPlaceholder_1tooy {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/select/component.js

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-var styles = {"component":"intl-phone-input__component_173l9","option":"intl-phone-input__option_173l9","flag":"intl-phone-input__flag_173l9","countryName":"intl-phone-input__countryName_173l9","dialCode":"intl-phone-input__dialCode_173l9"};
+var styles = {"component":"intl-phone-input__component_gjivl","option":"intl-phone-input__option_gjivl","flag":"intl-phone-input__flag_gjivl","countryName":"intl-phone-input__countryName_gjivl","dialCode":"intl-phone-input__dialCode_gjivl"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/esm/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ofey */
+/* hash: wa6fm */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_173l9 {
+} .intl-phone-input__component_gjivl {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_173l9 {
+} .intl-phone-input__option_gjivl {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_173l9 {
+} .intl-phone-input__flag_gjivl {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_173l9 {
+} .intl-phone-input__countryName_gjivl {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_173l9 {
+} .intl-phone-input__dialCode_gjivl {
     color: var(--text-secondary-color);
 }

package/esm/components/select-field/component.js

@@ -7,7 +7,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"intl-phone-input__component_udd4m","flagIconContainer":"intl-phone-input__flagIconContainer_udd4m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_udd4m","disabled":"intl-phone-input__disabled_udd4m","inner":"intl-phone-input__inner_udd4m","l":"intl-phone-input__l_udd4m","xl":"intl-phone-input__xl_udd4m","focusVisible":"intl-phone-input__focusVisible_udd4m"};
+var styles = {"component":"intl-phone-input__component_1uslt","flagIconContainer":"intl-phone-input__flagIconContainer_1uslt","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1uslt","disabled":"intl-phone-input__disabled_1uslt","inner":"intl-phone-input__inner_1uslt","l":"intl-phone-input__l_1uslt","xl":"intl-phone-input__xl_1uslt","focusVisible":"intl-phone-input__focusVisible_1uslt"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: bdqv6 */
+/* hash: d5qdd */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_udd4m {
+} .intl-phone-input__component_1uslt {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_udd4m {
+} .intl-phone-input__flagIconContainer_1uslt {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_udd4m {
+} .intl-phone-input__emptyCountryIcon_1uslt {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_udd4m {
+} .intl-phone-input__disabled_1uslt {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_udd4m {
+} .intl-phone-input__inner_1uslt {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_udd4m .intl-phone-input__inner_udd4m,
-.intl-phone-input__xl_udd4m .intl-phone-input__inner_udd4m {
+} .intl-phone-input__l_1uslt .intl-phone-input__inner_1uslt,
+.intl-phone-input__xl_1uslt .intl-phone-input__inner_1uslt {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_udd4m {
+} .intl-phone-input__focusVisible_1uslt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 9v9hg */
+/* hash: 1affc */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__addons_8qlqo {
     padding-left: 0;
-} .intl-phone-input__l_1fvsr .intl-phone-input__addons_1fvsr, .intl-phone-input__xl_1fvsr .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__l_8qlqo .intl-phone-input__addons_8qlqo, .intl-phone-input__xl_8qlqo .intl-phone-input__addons_8qlqo {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_1fvsr {
+    } .intl-phone-input__flagIconWrapper_8qlqo {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_1fvsr {
+} .intl-phone-input__emptyCountryIcon_8qlqo {
     color: var(--color-light-graphic-secondary);
 }

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 9v9hg */
+/* hash: 1affc */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__addons_8qlqo {
     padding-left: 0;
-} .intl-phone-input__l_1fvsr .intl-phone-input__addons_1fvsr, .intl-phone-input__xl_1fvsr .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__l_8qlqo .intl-phone-input__addons_8qlqo, .intl-phone-input__xl_8qlqo .intl-phone-input__addons_8qlqo {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_1fvsr {
+    } .intl-phone-input__flagIconWrapper_8qlqo {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_1fvsr {
+} .intl-phone-input__emptyCountryIcon_8qlqo {
     color: var(--color-light-graphic-secondary);
 }

package/modern/component.d.ts

@@ -47,6 +47,10 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange
     ruNumberPriority?: boolean;
     clear?: boolean;
 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<InputAutocompleteDesktopProps, "onChange">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение

package/modern/component.js

@@ -16,7 +16,7 @@ import '@alfalab/core-components-select/modern/desktop';
 import '@alfalab/core-components-select/modern/shared';
 import './components/select-field/component.js';
 
-const styles = {"addons":"intl-phone-input__addons_1fvsr","l":"intl-phone-input__l_1fvsr","xl":"intl-phone-input__xl_1fvsr","flagIconWrapper":"intl-phone-input__flagIconWrapper_1fvsr","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fvsr"};
+const styles = {"addons":"intl-phone-input__addons_8qlqo","l":"intl-phone-input__l_8qlqo","xl":"intl-phone-input__xl_8qlqo","flagIconWrapper":"intl-phone-input__flagIconWrapper_8qlqo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_8qlqo"};
 require('./index.css')
 
 const countriesHash = getCountriesHash();
@@ -24,6 +24,10 @@ const MAX_DIAL_CODE_LENGTH = 4;
 const MASK_SYMBOLS = [' ', '-', '(', ')'];
 const MAX_PHONE_LEN = 15;
 const DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCountrySelect = false, canBeEmptyCountry = false, ruNumberPriority = false, clear = false, size = 'm', colors = 'default', options = [], countries = getCountries(), clearableCountryCode = true, maxDialCodeLength = MAX_DIAL_CODE_LENGTH, className, value, onChange, onCountryChange, defaultCountryIso2 = 'ru', preventFlip, inputProps, maxPhoneLen = DEFAULT_MAX_PHONE_LEN_BY_COUNTRY, ...restProps }, ref) => {
     const [countryIso2, setCountryIso2] = useState(defaultCountryIso2.toLowerCase());
     const inputRef = useRef(null);

package/modern/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-const styles = {"flagIcon":"intl-phone-input__flagIcon_11sry","flagPlaceholder":"intl-phone-input__flagPlaceholder_11sry"};
+const styles = {"flagIcon":"intl-phone-input__flagIcon_1tooy","flagPlaceholder":"intl-phone-input__flagPlaceholder_1tooy"};
 require('./index.css')
 
 /**

package/modern/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bboj */
+/* hash: jist4 */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_11sry {
+} .intl-phone-input__flagIcon_1tooy {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_11sry {
+} .intl-phone-input__flagPlaceholder_1tooy {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/modern/components/select/component.js

@@ -9,7 +9,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-const styles = {"component":"intl-phone-input__component_173l9","option":"intl-phone-input__option_173l9","flag":"intl-phone-input__flag_173l9","countryName":"intl-phone-input__countryName_173l9","dialCode":"intl-phone-input__dialCode_173l9"};
+const styles = {"component":"intl-phone-input__component_gjivl","option":"intl-phone-input__option_gjivl","flag":"intl-phone-input__flag_gjivl","countryName":"intl-phone-input__countryName_gjivl","dialCode":"intl-phone-input__dialCode_gjivl"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ofey */
+/* hash: wa6fm */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_173l9 {
+} .intl-phone-input__component_gjivl {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_173l9 {
+} .intl-phone-input__option_gjivl {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_173l9 {
+} .intl-phone-input__flag_gjivl {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_173l9 {
+} .intl-phone-input__countryName_gjivl {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_173l9 {
+} .intl-phone-input__dialCode_gjivl {
     color: var(--text-secondary-color);
 }

package/modern/components/select-field/component.js

@@ -6,7 +6,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"intl-phone-input__component_udd4m","flagIconContainer":"intl-phone-input__flagIconContainer_udd4m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_udd4m","disabled":"intl-phone-input__disabled_udd4m","inner":"intl-phone-input__inner_udd4m","l":"intl-phone-input__l_udd4m","xl":"intl-phone-input__xl_udd4m","focusVisible":"intl-phone-input__focusVisible_udd4m"};
+const styles = {"component":"intl-phone-input__component_1uslt","flagIconContainer":"intl-phone-input__flagIconContainer_1uslt","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1uslt","disabled":"intl-phone-input__disabled_1uslt","inner":"intl-phone-input__inner_1uslt","l":"intl-phone-input__l_1uslt","xl":"intl-phone-input__xl_1uslt","focusVisible":"intl-phone-input__focusVisible_1uslt"};
 require('./index.css')
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: bdqv6 */
+/* hash: d5qdd */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_udd4m {
+} .intl-phone-input__component_1uslt {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_udd4m {
+} .intl-phone-input__flagIconContainer_1uslt {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_udd4m {
+} .intl-phone-input__emptyCountryIcon_1uslt {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_udd4m {
+} .intl-phone-input__disabled_1uslt {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_udd4m {
+} .intl-phone-input__inner_1uslt {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_udd4m .intl-phone-input__inner_udd4m,
-.intl-phone-input__xl_udd4m .intl-phone-input__inner_udd4m {
+} .intl-phone-input__l_1uslt .intl-phone-input__inner_1uslt,
+.intl-phone-input__xl_1uslt .intl-phone-input__inner_1uslt {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_udd4m {
+} .intl-phone-input__focusVisible_1uslt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 9v9hg */
+/* hash: 1affc */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__addons_8qlqo {
     padding-left: 0;
-} .intl-phone-input__l_1fvsr .intl-phone-input__addons_1fvsr, .intl-phone-input__xl_1fvsr .intl-phone-input__addons_1fvsr {
+} .intl-phone-input__l_8qlqo .intl-phone-input__addons_8qlqo, .intl-phone-input__xl_8qlqo .intl-phone-input__addons_8qlqo {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_1fvsr {
+    } .intl-phone-input__flagIconWrapper_8qlqo {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_1fvsr {
+} .intl-phone-input__emptyCountryIcon_8qlqo {
     color: var(--color-light-graphic-secondary);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "9.5.14",
+    "version": "9.5.15",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -14,8 +14,8 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input-autocomplete": "10.2.2",
-        "@alfalab/core-components-select": "^15.2.2",
+        "@alfalab/core-components-input-autocomplete": "10.2.3",
+        "@alfalab/core-components-select": "^15.2.3",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",
         "@alfalab/utils": "^1.14.4",

package/src/component.tsx

@@ -100,6 +100,10 @@ export type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'o
         clear?: boolean;
     };
 
+/**
+ * @deprecated
+ * use InternationalPhoneInput instead
+ */
 export const IntlPhoneInput = forwardRef<HTMLInputElement, IntlPhoneInputProps>(
     (
         {