@alfalab/core-components-intl-phone-input 9.2.6 → 9.2.8

package/{component-29a3a48d.js → component-556503f0.js}

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1fsx2","flagIconContainer":"intl-phone-input__flagIconContainer_1fsx2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fsx2","disabled":"intl-phone-input__disabled_1fsx2","inner":"intl-phone-input__inner_1fsx2","l":"intl-phone-input__l_1fsx2","xl":"intl-phone-input__xl_1fsx2","focusVisible":"intl-phone-input__focusVisible_1fsx2"};
+var styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
 require('./components/select-field/index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_selectField_component = require('./component-29a3a48d.js');
+var components_selectField_component = require('./component-556503f0.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
@@ -23,7 +23,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_16hrm","l":"intl-phone-input__l_16hrm","xl":"intl-phone-input__xl_16hrm","flagIconWrapper":"intl-phone-input__flagIconWrapper_16hrm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16hrm"};
+var styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -275,7 +275,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-bcdb384e.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-6c4c77da.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/components/flag-icon/component.js

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

package/components/flag-icon/index.css

@@ -1,26 +1,26 @@
-/* hash: 1qp3n */
+/* hash: 1c3zc */
 :root {
+} /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-3xs: 2px;
-}
-:root {
+} :root {
     --border-radius-xs: 2px;
-}
-.intl-phone-input__flagIcon_1xsf6 {
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .intl-phone-input__flagIcon_891x3 {
     max-width: 24px;
     max-height: 24px;
-}
-.intl-phone-input__flagPlaceholder_1xsf6 {
+} .intl-phone-input__flagPlaceholder_891x3 {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_selectField_component = require('../component-29a3a48d.js');
+var components_selectField_component = require('../component-556503f0.js');
 var components_flagIcon_component = require('./flag-icon/component.js');
 var components_select_component = require('./select/component.js');
 require('react');

package/components/select/component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_selectField_component = require('../../component-29a3a48d.js');
+var components_selectField_component = require('../../component-556503f0.js');
 var React = require('react');
 var coreComponentsSelect = require('@alfalab/core-components-select');
 var components_flagIcon_component = require('../flag-icon/component.js');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_dl538","option":"intl-phone-input__option_dl538","flag":"intl-phone-input__flag_dl538","countryName":"intl-phone-input__countryName_dl538","dialCode":"intl-phone-input__dialCode_dl538"};
+var styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/components/select/index.css

@@ -1,38 +1,35 @@
-/* hash: 1jd8a */
+/* hash: 1lvo2 */
 :root {
+} /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --text-secondary-color: var(--color-light-text-secondary);
-}
-.intl-phone-input__component_dl538 {
+} .intl-phone-input__component_1lcr8 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-}
-.intl-phone-input__option_dl538 {
+} .intl-phone-input__option_1lcr8 {
     display: flex;
     align-items: flex-start;
-}
-.intl-phone-input__flag_dl538 {
+} .intl-phone-input__flag_1lcr8 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__countryName_dl538 {
+} .intl-phone-input__countryName_1lcr8 {
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__dialCode_dl538 {
+} .intl-phone-input__dialCode_1lcr8 {
     color: var(--text-secondary-color);
 }

package/components/select/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_select_component = require('./component.js');
-require('../../component-29a3a48d.js');
+require('../../component-556503f0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/components/select-field/component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_selectField_component = require('../../component-29a3a48d.js');
+var components_selectField_component = require('../../component-556503f0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/components/select-field/index.css

@@ -1,58 +1,53 @@
-/* hash: u0emz */
+/* hash: rhyu6 */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.intl-phone-input__component_1fsx2 {
+} .intl-phone-input__component_y9zv4 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-}
-.intl-phone-input__flagIconContainer_1fsx2 {
+} .intl-phone-input__flagIconContainer_y9zv4 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-}
-.intl-phone-input__emptyCountryIcon_1fsx2 {
+} .intl-phone-input__emptyCountryIcon_y9zv4 {
     color: var(--color-light-graphic-secondary);
-}
-.intl-phone-input__disabled_1fsx2 {
+} .intl-phone-input__disabled_y9zv4 {
     cursor: var(--disabled-cursor);
-}
-.intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__inner_y9zv4 {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-}
-.intl-phone-input__l_1fsx2 .intl-phone-input__inner_1fsx2,
-.intl-phone-input__xl_1fsx2 .intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
+.intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
     padding-left: var(--gap-m);
-}
-.intl-phone-input__focusVisible_1fsx2 {
+} .intl-phone-input__focusVisible_y9zv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-29a3a48d";
+export * from "../../component-556503f0";

package/components/select-field/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_selectField_component = require('../../component-29a3a48d.js');
+var components_selectField_component = require('../../component-556503f0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/cssm/components/flag-icon/index.module.css

@@ -1,25 +1,25 @@
 :root {
+} /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-3xs: 2px;
-}
-:root {
+} :root {
     --border-radius-xs: 2px;
-}
-.flagIcon {
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .flagIcon {
     max-width: 24px;
     max-height: 24px;
-}
-.flagPlaceholder {
+} .flagPlaceholder {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/cssm/components/select/index.module.css

@@ -1,38 +1,35 @@
 :root {
+} /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --text-secondary-color: var(--color-light-text-secondary);
-}
-.component {
+} .component {
     position: static;
     display: flex;
     min-width: 0;
     min-width: initial;
     height: 100%;
-}
-.option {
+} .option {
     display: flex;
     align-items: flex-start;
-}
-.flag {
+} .flag {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-}
-.countryName {
+} .countryName {
     margin-right: var(--gap-xs);
-}
-.dialCode {
+} .dialCode {
     color: var(--text-secondary-color);
 }

package/cssm/components/select-field/index.module.css

@@ -1,57 +1,52 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.component {
+} .component {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-}
-.flagIconContainer {
+} .flagIconContainer {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-}
-.emptyCountryIcon {
+} .emptyCountryIcon {
     color: var(--color-light-graphic-secondary);
-}
-.disabled {
+} .disabled {
     cursor: var(--disabled-cursor);
-}
-.inner {
+} .inner {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-}
-.l .inner,
+} .l .inner,
 .xl .inner {
     padding-left: var(--gap-m);
-}
-.focusVisible {
+} .focusVisible {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/index.module.css

@@ -1,31 +1,31 @@
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
-}
-.addons {
+} :root {
+} :root {
+} .addons {
     padding-left: 0;
-}
-.l .addons, .xl .addons {
+} .l .addons, .xl .addons {
         padding-left: 0;
-    }
-.flagIconWrapper {
+    } .flagIconWrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-}
-.emptyCountryIcon {
+} .emptyCountryIcon {
     color: var(--color-light-graphic-secondary);
 }

package/esm/{component-50fd39a5.js → component-7ff2f7f8.js}

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1fsx2","flagIconContainer":"intl-phone-input__flagIconContainer_1fsx2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fsx2","disabled":"intl-phone-input__disabled_1fsx2","inner":"intl-phone-input__inner_1fsx2","l":"intl-phone-input__l_1fsx2","xl":"intl-phone-input__xl_1fsx2","focusVisible":"intl-phone-input__focusVisible_1fsx2"};
+var styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
 require('./components/select-field/index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './component-50fd39a5.js';
+import { _ as __rest, a as __assign } from './component-7ff2f7f8.js';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { InputAutocomplete } from '@alfalab/core-components-input-autocomplete/esm';
@@ -15,7 +15,7 @@ import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 import './components/flag-icon/flagSprite.js';
 import '@alfalab/core-components-select/esm';
 
-var styles = {"addons":"intl-phone-input__addons_16hrm","l":"intl-phone-input__l_16hrm","xl":"intl-phone-input__xl_16hrm","flagIconWrapper":"intl-phone-input__flagIconWrapper_16hrm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16hrm"};
+var styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
 require('./index.css')
 
 var countriesHash = getCountriesHash();
@@ -267,7 +267,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-32905111.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-daea543f.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

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_1xsf6","flagPlaceholder":"intl-phone-input__flagPlaceholder_1xsf6"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_891x3","flagPlaceholder":"intl-phone-input__flagPlaceholder_891x3"};
 require('./index.css')
 
 /**

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

@@ -1,26 +1,26 @@
-/* hash: 1qp3n */
+/* hash: 1c3zc */
 :root {
+} /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-3xs: 2px;
-}
-:root {
+} :root {
     --border-radius-xs: 2px;
-}
-.intl-phone-input__flagIcon_1xsf6 {
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .intl-phone-input__flagIcon_891x3 {
     max-width: 24px;
     max-height: 24px;
-}
-.intl-phone-input__flagPlaceholder_1xsf6 {
+} .intl-phone-input__flagPlaceholder_891x3 {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/index.js

@@ -1,4 +1,4 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-50fd39a5.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-7ff2f7f8.js';
 export { FlagIcon } from './flag-icon/component.js';
 export { CountriesSelect } from './select/component.js';
 import 'react';

package/esm/components/select/component.js

@@ -1,4 +1,4 @@
-import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-50fd39a5.js';
+import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
 import React, { useMemo, useCallback } from 'react';
 import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
 import { FlagIcon } from '../flag-icon/component.js';
@@ -8,7 +8,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"intl-phone-input__component_dl538","option":"intl-phone-input__option_dl538","flag":"intl-phone-input__flag_dl538","countryName":"intl-phone-input__countryName_dl538","dialCode":"intl-phone-input__dialCode_dl538"};
+var styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/esm/components/select/index.css

@@ -1,38 +1,35 @@
-/* hash: 1jd8a */
+/* hash: 1lvo2 */
 :root {
+} /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --text-secondary-color: var(--color-light-text-secondary);
-}
-.intl-phone-input__component_dl538 {
+} .intl-phone-input__component_1lcr8 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-}
-.intl-phone-input__option_dl538 {
+} .intl-phone-input__option_1lcr8 {
     display: flex;
     align-items: flex-start;
-}
-.intl-phone-input__flag_dl538 {
+} .intl-phone-input__flag_1lcr8 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__countryName_dl538 {
+} .intl-phone-input__countryName_1lcr8 {
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__dialCode_dl538 {
+} .intl-phone-input__dialCode_1lcr8 {
     color: var(--text-secondary-color);
 }

package/esm/components/select/index.js

@@ -1,5 +1,5 @@
 export { CountriesSelect } from './component.js';
-import '../../component-50fd39a5.js';
+import '../../component-7ff2f7f8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -1,4 +1,4 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-50fd39a5.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -1,58 +1,53 @@
-/* hash: u0emz */
+/* hash: rhyu6 */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.intl-phone-input__component_1fsx2 {
+} .intl-phone-input__component_y9zv4 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-}
-.intl-phone-input__flagIconContainer_1fsx2 {
+} .intl-phone-input__flagIconContainer_y9zv4 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-}
-.intl-phone-input__emptyCountryIcon_1fsx2 {
+} .intl-phone-input__emptyCountryIcon_y9zv4 {
     color: var(--color-light-graphic-secondary);
-}
-.intl-phone-input__disabled_1fsx2 {
+} .intl-phone-input__disabled_y9zv4 {
     cursor: var(--disabled-cursor);
-}
-.intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__inner_y9zv4 {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-}
-.intl-phone-input__l_1fsx2 .intl-phone-input__inner_1fsx2,
-.intl-phone-input__xl_1fsx2 .intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
+.intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
     padding-left: var(--gap-m);
-}
-.intl-phone-input__focusVisible_1fsx2 {
+} .intl-phone-input__focusVisible_y9zv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-50fd39a5";
+export * from "../../component-7ff2f7f8";

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

@@ -1,4 +1,4 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-50fd39a5.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/esm/index.css

@@ -1,32 +1,32 @@
-/* hash: t5a0h */
+/* hash: 17qeb */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
-}
-.intl-phone-input__addons_16hrm {
+} :root {
+} :root {
+} .intl-phone-input__addons_16d2o {
     padding-left: 0;
-}
-.intl-phone-input__l_16hrm .intl-phone-input__addons_16hrm, .intl-phone-input__xl_16hrm .intl-phone-input__addons_16hrm {
+} .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
         padding-left: 0;
-    }
-.intl-phone-input__flagIconWrapper_16hrm {
+    } .intl-phone-input__flagIconWrapper_16d2o {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-}
-.intl-phone-input__emptyCountryIcon_16hrm {
+} .intl-phone-input__emptyCountryIcon_16d2o {
     color: var(--color-light-graphic-secondary);
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 export { IntlPhoneInput } from './component.js';
-import './component-50fd39a5.js';
+import './component-7ff2f7f8.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/index.css

@@ -1,32 +1,32 @@
-/* hash: t5a0h */
+/* hash: 17qeb */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
-}
-.intl-phone-input__addons_16hrm {
+} :root {
+} :root {
+} .intl-phone-input__addons_16d2o {
     padding-left: 0;
-}
-.intl-phone-input__l_16hrm .intl-phone-input__addons_16hrm, .intl-phone-input__xl_16hrm .intl-phone-input__addons_16hrm {
+} .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
         padding-left: 0;
-    }
-.intl-phone-input__flagIconWrapper_16hrm {
+    } .intl-phone-input__flagIconWrapper_16d2o {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-}
-.intl-phone-input__emptyCountryIcon_16hrm {
+} .intl-phone-input__emptyCountryIcon_16d2o {
     color: var(--color-light-graphic-secondary);
 }

package/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var component = require('./component.js');
-require('./component-29a3a48d.js');
+require('./component-556503f0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/modern/component.js

@@ -15,7 +15,7 @@ import './components/flag-icon/flagSprite.js';
 import '@alfalab/core-components-select/modern';
 import './components/select-field/component.js';
 
-const styles = {"addons":"intl-phone-input__addons_16hrm","l":"intl-phone-input__l_16hrm","xl":"intl-phone-input__xl_16hrm","flagIconWrapper":"intl-phone-input__flagIconWrapper_16hrm","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16hrm"};
+const styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
 require('./index.css')
 
 const countriesHash = getCountriesHash();
@@ -263,7 +263,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-32905111.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-daea543f.js')
             .then((utils) => {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

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_1xsf6","flagPlaceholder":"intl-phone-input__flagPlaceholder_1xsf6"};
+const styles = {"flagIcon":"intl-phone-input__flagIcon_891x3","flagPlaceholder":"intl-phone-input__flagPlaceholder_891x3"};
 require('./index.css')
 
 /**

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

@@ -1,26 +1,26 @@
-/* hash: 1qp3n */
+/* hash: 1c3zc */
 :root {
+} /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-3xs: 2px;
-}
-:root {
+} :root {
     --border-radius-xs: 2px;
-}
-.intl-phone-input__flagIcon_1xsf6 {
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .intl-phone-input__flagIcon_891x3 {
     max-width: 24px;
     max-height: 24px;
-}
-.intl-phone-input__flagPlaceholder_1xsf6 {
+} .intl-phone-input__flagPlaceholder_891x3 {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/modern/components/select/component.js

@@ -8,7 +8,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-const styles = {"component":"intl-phone-input__component_dl538","option":"intl-phone-input__option_dl538","flag":"intl-phone-input__flag_dl538","countryName":"intl-phone-input__countryName_dl538","dialCode":"intl-phone-input__dialCode_dl538"};
+const styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/components/select/index.css

@@ -1,38 +1,35 @@
-/* hash: 1jd8a */
+/* hash: 1lvo2 */
 :root {
+} /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
     --text-secondary-color: var(--color-light-text-secondary);
-}
-.intl-phone-input__component_dl538 {
+} .intl-phone-input__component_1lcr8 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-}
-.intl-phone-input__option_dl538 {
+} .intl-phone-input__option_1lcr8 {
     display: flex;
     align-items: flex-start;
-}
-.intl-phone-input__flag_dl538 {
+} .intl-phone-input__flag_1lcr8 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__countryName_dl538 {
+} .intl-phone-input__countryName_1lcr8 {
     margin-right: var(--gap-xs);
-}
-.intl-phone-input__dialCode_dl538 {
+} .intl-phone-input__dialCode_1lcr8 {
     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_1fsx2","flagIconContainer":"intl-phone-input__flagIconContainer_1fsx2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1fsx2","disabled":"intl-phone-input__disabled_1fsx2","inner":"intl-phone-input__inner_1fsx2","l":"intl-phone-input__l_1fsx2","xl":"intl-phone-input__xl_1fsx2","focusVisible":"intl-phone-input__focusVisible_1fsx2"};
+const styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
 require('./index.css')
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,58 +1,53 @@
-/* hash: u0emz */
+/* hash: rhyu6 */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.intl-phone-input__component_1fsx2 {
+} .intl-phone-input__component_y9zv4 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-}
-.intl-phone-input__flagIconContainer_1fsx2 {
+} .intl-phone-input__flagIconContainer_y9zv4 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-}
-.intl-phone-input__emptyCountryIcon_1fsx2 {
+} .intl-phone-input__emptyCountryIcon_y9zv4 {
     color: var(--color-light-graphic-secondary);
-}
-.intl-phone-input__disabled_1fsx2 {
+} .intl-phone-input__disabled_y9zv4 {
     cursor: var(--disabled-cursor);
-}
-.intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__inner_y9zv4 {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-}
-.intl-phone-input__l_1fsx2 .intl-phone-input__inner_1fsx2,
-.intl-phone-input__xl_1fsx2 .intl-phone-input__inner_1fsx2 {
+} .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
+.intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
     padding-left: var(--gap-m);
-}
-.intl-phone-input__focusVisible_1fsx2 {
+} .intl-phone-input__focusVisible_y9zv4 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,32 +1,32 @@
-/* hash: t5a0h */
+/* hash: 17qeb */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
-}
-.intl-phone-input__addons_16hrm {
+} :root {
+} :root {
+} .intl-phone-input__addons_16d2o {
     padding-left: 0;
-}
-.intl-phone-input__l_16hrm .intl-phone-input__addons_16hrm, .intl-phone-input__xl_16hrm .intl-phone-input__addons_16hrm {
+} .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
         padding-left: 0;
-    }
-.intl-phone-input__flagIconWrapper_16hrm {
+    } .intl-phone-input__flagIconWrapper_16d2o {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-}
-.intl-phone-input__emptyCountryIcon_16hrm {
+} .intl-phone-input__emptyCountryIcon_16d2o {
     color: var(--color-light-graphic-secondary);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "9.2.6",
+    "version": "9.2.8",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -18,8 +18,8 @@
     },
     "dependencies": {
         "@alfalab/core-components-input": "^11.1.4",
-        "@alfalab/core-components-input-autocomplete": "9.3.4",
-        "@alfalab/core-components-select": "^13.2.7",
+        "@alfalab/core-components-input-autocomplete": "9.3.6",
+        "@alfalab/core-components-select": "^13.2.9",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.13.3",
         "classnames": "^2.3.1",