@alfalab/core-components 37.4.0-beta.0 → 37.5.0-beta.1

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-50ed1496.js';
+import { _ as __rest, a as __assign } from './tslib.es6-c3f80519.js';
 import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
@@ -10,7 +10,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
 import '../../form-control/esm';
 import '@alfalab/hooks';
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_19pq9","footer":"input-autocomplete__footer_19pq9"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_fu1mm","footer":"input-autocomplete__footer_fu1mm"};
 require('./mobile.css');
 
 var SELECTED = [];

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-50ed1496.js';
+import { _ as __rest, a as __assign } from './tslib.es6-c3f80519.js';
 import React from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { InputAutocompleteDesktop } from './Component.desktop.js';

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../tslib.es6-50ed1496.js';
+import { a as __assign } from '../tslib.es6-c3f80519.js';
 import React, { useRef, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Input } from '../../../input/esm';
 
-var styles = {"arrow":"input-autocomplete__arrow_17923","error":"input-autocomplete__error_17923"};
+var styles = {"arrow":"input-autocomplete__arrow_dddgi","error":"input-autocomplete__error_dddgi"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: sttnp */
-.input-autocomplete__arrow_17923.input-autocomplete__error_17923 ~ * {
+/* hash: hekwj */
+.input-autocomplete__arrow_dddgi.input-autocomplete__error_dddgi ~ * {
     display: none;
 }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../input/esm';
-import '../tslib.es6-50ed1496.js';
+import '../tslib.es6-c3f80519.js';

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

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-50ed1496.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-c3f80519.js';
 import React, { useState, useRef } from 'react';
 import cn from 'classnames';
 import { FormControl } from '../../../form-control/esm';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"input-autocomplete__component_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
+var styles = {"component":"input-autocomplete__component_1xzma","field":"input-autocomplete__field_1xzma","disabled":"input-autocomplete__disabled_1xzma","placeholder":"input-autocomplete__placeholder_1xzma","contentWrapper":"input-autocomplete__contentWrapper_1xzma","value":"input-autocomplete__value_1xzma","focusVisible":"input-autocomplete__focusVisible_1xzma"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,34 +1,33 @@
-/* hash: 1k9e5 */
+/* hash: miueh */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.input-autocomplete__component_143xn {
+} .input-autocomplete__component_1xzma {
     width: 100%;
     outline: none;
-}
-.input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
+} .input-autocomplete__field_1xzma:not(.input-autocomplete__disabled_1xzma) {
     cursor: pointer;
-}
-.input-autocomplete__disabled_143xn {
+} .input-autocomplete__disabled_1xzma {
     cursor: var(--disabled-cursor);
-}
-.input-autocomplete__placeholder_143xn {
+} .input-autocomplete__placeholder_1xzma {
     color: var(--color-light-text-secondary);
-}
-.input-autocomplete__contentWrapper_143xn {
+} .input-autocomplete__contentWrapper_1xzma {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -37,13 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-}
-.input-autocomplete__value_143xn {
+} .input-autocomplete__value_1xzma {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-}
-.input-autocomplete__focusVisible_143xn {
+} .input-autocomplete__focusVisible_1xzma {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../form-control/esm';
 import '@alfalab/hooks';
-import '../tslib.es6-50ed1496.js';
+import '../tslib.es6-c3f80519.js';

package/input-autocomplete/esm/desktop.js

@@ -5,4 +5,4 @@ import './autocomplete-field/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../input/esm';
-import './tslib.es6-50ed1496.js';
+import './tslib.es6-c3f80519.js';

package/input-autocomplete/esm/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/input-autocomplete/esm/index.js

@@ -12,4 +12,4 @@ import 'lodash.throttle';
 import '../../button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
-import './tslib.es6-50ed1496.js';
+import './tslib.es6-c3f80519.js';

package/input-autocomplete/esm/mobile.css

@@ -1,23 +1,26 @@
-/* hash: 134cl */
+/* hash: rp3uu */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
-}
-.input-autocomplete__bottomSheetInput_19pq9 {
+} :root {
+} :root {
+} .input-autocomplete__bottomSheetInput_fu1mm {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-}
-.input-autocomplete__footer_19pq9 {
+} .input-autocomplete__footer_fu1mm {
     display: flex
-}
-.input-autocomplete__footer_19pq9 > button + button {
+} .input-autocomplete__footer_fu1mm > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/esm/mobile.js

@@ -9,4 +9,4 @@ import '../../select/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
 import '@alfalab/hooks';
-import './tslib.es6-50ed1496.js';
+import './tslib.es6-c3f80519.js';

package/input-autocomplete/esm/responsive.js

@@ -12,4 +12,4 @@ import 'lodash.throttle';
 import '../../button/esm';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm';
-import './tslib.es6-50ed1496.js';
+import './tslib.es6-c3f80519.js';

package/input-autocomplete/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/input-autocomplete/index.js

@@ -1,6 +1,6 @@
 var Component_desktop = require('./Component.desktop.js');
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-ca7c46bb.js');
+require('./tslib.es6-f1ddda83.js');
 require('react');
 require('../select');
 require('./autocomplete-field/Component.js');

package/input-autocomplete/mobile.css

@@ -1,23 +1,26 @@
-/* hash: 134cl */
+/* hash: rp3uu */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
-}
-.input-autocomplete__bottomSheetInput_19pq9 {
+} :root {
+} :root {
+} .input-autocomplete__bottomSheetInput_fu1mm {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-}
-.input-autocomplete__footer_19pq9 {
+} .input-autocomplete__footer_fu1mm {
     display: flex
-}
-.input-autocomplete__footer_19pq9 > button + button {
+} .input-autocomplete__footer_fu1mm > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/mobile.js

@@ -1,5 +1,5 @@
 var Component_mobile = require('./Component.mobile.js');
-require('./tslib.es6-ca7c46bb.js');
+require('./tslib.es6-f1ddda83.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

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

@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
+    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
+    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;

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

@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
 import '../../form-control/modern';
 import '@alfalab/hooks';
 
-const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_19pq9","footer":"input-autocomplete__footer_19pq9"};
+const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_fu1mm","footer":"input-autocomplete__footer_fu1mm"};
 require('./mobile.css');
 
 const SELECTED = [];

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

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Input } from '../../../input/modern';
 
-const styles = {"arrow":"input-autocomplete__arrow_17923","error":"input-autocomplete__error_17923"};
+const styles = {"arrow":"input-autocomplete__arrow_dddgi","error":"input-autocomplete__error_dddgi"};
 require('./index.css');
 
 const AutocompleteField = ({ label, labelView = 'inner', 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: sttnp */
-.input-autocomplete__arrow_17923.input-autocomplete__error_17923 ~ * {
+/* hash: hekwj */
+.input-autocomplete__arrow_dddgi.input-autocomplete__error_dddgi ~ * {
     display: none;
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { FormControl } from '../../../form-control/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
+const styles = {"component":"input-autocomplete__component_1xzma","field":"input-autocomplete__field_1xzma","disabled":"input-autocomplete__disabled_1xzma","placeholder":"input-autocomplete__placeholder_1xzma","contentWrapper":"input-autocomplete__contentWrapper_1xzma","value":"input-autocomplete__value_1xzma","focusVisible":"input-autocomplete__focusVisible_1xzma"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {

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

@@ -1,34 +1,33 @@
-/* hash: 1k9e5 */
+/* hash: miueh */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.input-autocomplete__component_143xn {
+} .input-autocomplete__component_1xzma {
     width: 100%;
     outline: none;
-}
-.input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
+} .input-autocomplete__field_1xzma:not(.input-autocomplete__disabled_1xzma) {
     cursor: pointer;
-}
-.input-autocomplete__disabled_143xn {
+} .input-autocomplete__disabled_1xzma {
     cursor: var(--disabled-cursor);
-}
-.input-autocomplete__placeholder_143xn {
+} .input-autocomplete__placeholder_1xzma {
     color: var(--color-light-text-secondary);
-}
-.input-autocomplete__contentWrapper_143xn {
+} .input-autocomplete__contentWrapper_1xzma {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -37,13 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-}
-.input-autocomplete__value_143xn {
+} .input-autocomplete__value_1xzma {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-}
-.input-autocomplete__focusVisible_143xn {
+} .input-autocomplete__focusVisible_1xzma {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/input-autocomplete/modern/mobile.css

@@ -1,23 +1,26 @@
-/* hash: 134cl */
+/* hash: rp3uu */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
-}
-.input-autocomplete__bottomSheetInput_19pq9 {
+} :root {
+} :root {
+} .input-autocomplete__bottomSheetInput_fu1mm {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-}
-.input-autocomplete__footer_19pq9 {
+} .input-autocomplete__footer_fu1mm {
     display: flex
-}
-.input-autocomplete__footer_19pq9 > button + button {
+} .input-autocomplete__footer_fu1mm > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/responsive.js

@@ -1,5 +1,5 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-ca7c46bb.js');
+require('./tslib.es6-f1ddda83.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.desktop.js');

package/intl-phone-input/{component-240c227a.js → component-5b48ac4d.js}

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-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"};
+var styles = {"component":"intl-phone-input__component_wfh97","flagIconContainer":"intl-phone-input__flagIconContainer_wfh97","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_wfh97","disabled":"intl-phone-input__disabled_wfh97","inner":"intl-phone-input__inner_wfh97","l":"intl-phone-input__l_wfh97","xl":"intl-phone-input__xl_wfh97","focusVisible":"intl-phone-input__focusVisible_wfh97"};
 require('./components/select-field/index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/intl-phone-input/component.js

@@ -1,4 +1,4 @@
-var components_selectField_component = require('./component-240c227a.js');
+var components_selectField_component = require('./component-5b48ac4d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInputAutocomplete = require('../input-autocomplete');
@@ -21,7 +21,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_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"};
+var styles = {"addons":"intl-phone-input__addons_xuxv9","l":"intl-phone-input__l_xuxv9","xl":"intl-phone-input__xl_xuxv9","flagIconWrapper":"intl-phone-input__flagIconWrapper_xuxv9","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_xuxv9"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();
@@ -273,7 +273,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-acba8063.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-0f848295.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/intl-phone-input/components/flag-icon/component.js

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

package/intl-phone-input/components/flag-icon/index.css

@@ -1,26 +1,26 @@
-/* hash: 1c3zc */
+/* hash: 14c85 */
 :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_891x3 {
+} :root {
+    --gap-3xs: 2px;
+} :root {
+} :root {
+} .intl-phone-input__flagIcon_7e4wb {
     max-width: 24px;
     max-height: 24px;
-}
-.intl-phone-input__flagPlaceholder_891x3 {
+} .intl-phone-input__flagPlaceholder_7e4wb {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/intl-phone-input/components/index.js

@@ -1,4 +1,4 @@
-var components_selectField_component = require('../component-240c227a.js');
+var components_selectField_component = require('../component-5b48ac4d.js');
 var components_flagIcon_component = require('./flag-icon/component.js');
 var components_select_component = require('./select/component.js');
 require('react');

package/intl-phone-input/components/select/component.js

@@ -1,4 +1,4 @@
-var components_selectField_component = require('../../component-240c227a.js');
+var components_selectField_component = require('../../component-5b48ac4d.js');
 var React = require('react');
 var coreComponentsSelect = require('../../../select');
 var components_flagIcon_component = require('../flag-icon/component.js');
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-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"};
+var styles = {"component":"intl-phone-input__component_1b4lc","option":"intl-phone-input__option_1b4lc","flag":"intl-phone-input__flag_1b4lc","countryName":"intl-phone-input__countryName_1b4lc","dialCode":"intl-phone-input__dialCode_1b4lc"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {