@alfalab/core-components 45.6.0 → 45.8.0-beta.0

package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-57569e57").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

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

@@ -15,13 +15,15 @@ import '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_boc1k","addons":"international-phone-input__addons_boc1k"};
+const styles = {"component":"international-phone-input__component_1ojnt","addons":"international-phone-input__addons_1ojnt"};
 require('./index.css');
 
-const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, ...restProps }, ref) => {
+const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, ...restProps }, ref) => {
     const countriesData = useMemo(() => initCountries(countries), [countries]);
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
+    const [open, setOpen] = useState(defaultOpen);
+    const [openCountry, setOpenCountry] = useState(countrySelectProps?.defaultOpen);
     const [selectedCountry, setSelectedCountry] = useState(() => findCountry(countriesData, value, defaultIso2, countryProp));
     const filteredOptions = filterPhones(value, options, filterFn);
     const country = countryProp ?? selectedCountry;
@@ -76,7 +78,31 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, maskOptions]);
-    const renderCountrySelect = (compact = false) => (React.createElement(CountrySelect, { dataTestId: restProps?.dataTestId, ...countrySelectProps, view: view, SelectComponent: SelectComponent, disabled: disabled || countrySelectProps?.disabled, onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: inputWrapperRef.current?.getBoundingClientRect().width }));
+    const openPhoneSelect = (payload) => {
+        if (openProps === undefined)
+            setOpen(payload.open);
+        restProps.onOpen?.(payload);
+    };
+    const openCountrySelect = (payload) => {
+        if (countrySelectProps?.open === undefined)
+            setOpenCountry(payload.open);
+        countrySelectProps?.onOpen?.(payload);
+    };
+    const handlePhoneSelectOpen = (payload) => {
+        if (payload.open) {
+            openCountrySelect({ open: false });
+        }
+        openPhoneSelect(payload);
+    };
+    const handleCountrySelectOpen = (payload) => {
+        if (payload.open) {
+            openPhoneSelect({ open: false });
+        }
+        openCountrySelect(payload);
+    };
+    const showPhoneSelect = Boolean(open || openProps);
+    const showCountrySelect = Boolean(openCountry || countrySelectProps?.open);
+    const renderCountrySelect = (compact = false) => (React.createElement(CountrySelect, { dataTestId: restProps?.dataTestId, ...countrySelectProps, view: view, SelectComponent: SelectComponent, disabled: disabled || countrySelectProps?.disabled, onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: inputWrapperRef.current?.getBoundingClientRect().width, onOpen: handleCountrySelectOpen, open: showCountrySelect }));
     const inputProps = {
         className: styles.component,
         ref: mergeRefs([maskRef, ref, inputRef]),
@@ -86,7 +112,7 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
         clear: getClear(clearProp, clearableCountryCode, value, country?.countryCode),
         ...restProps.inputProps,
     };
-    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: (phone) => updatePhoneData(phone), inputProps: {
+    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, open: showPhoneSelect, onOpen: handlePhoneSelectOpen, onChange: handleOptionSelect, onInput: (phone) => updatePhoneData(phone), inputProps: {
             ...inputProps,
             onClear: handleClear,
             onInput: handleInput,

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

@@ -1,5 +1,5 @@
-/* hash: 1b290 */
+/* hash: n73ko */
 
-    .international-phone-input__component_boc1k .international-phone-input__addons_boc1k {
+    .international-phone-input__component_1ojnt .international-phone-input__addons_1ojnt {
         padding-left: 0;
     }

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

@@ -9,7 +9,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_zoxlb","option":"international-phone-input__option_zoxlb","flag":"international-phone-input__flag_zoxlb","countryName":"international-phone-input__countryName_zoxlb","dialCode":"international-phone-input__dialCode_zoxlb","flagIconWrapper":"international-phone-input__flagIconWrapper_zoxlb","emptyCountryIcon":"international-phone-input__emptyCountryIcon_zoxlb"};
+const styles = {"component":"international-phone-input__component_mzgzx","option":"international-phone-input__option_mzgzx","flag":"international-phone-input__flag_mzgzx","countryName":"international-phone-input__countryName_mzgzx","dialCode":"international-phone-input__dialCode_mzgzx","flagIconWrapper":"international-phone-input__flagIconWrapper_mzgzx","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mzgzx"};
 require('./index.css');
 
 const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 3joll */
+/* hash: 1c842 */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_zoxlb {
+} .international-phone-input__component_mzgzx {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_zoxlb {
+} .international-phone-input__option_mzgzx {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_zoxlb {
+} .international-phone-input__flag_mzgzx {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_zoxlb {
+} .international-phone-input__countryName_mzgzx {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_zoxlb {
+} .international-phone-input__dialCode_mzgzx {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_zoxlb {
+} .international-phone-input__flagIconWrapper_mzgzx {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_zoxlb {
+} .international-phone-input__emptyCountryIcon_mzgzx {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-phone-input/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":"international-phone-input__flagIcon_1s0q6","flagPlaceholder":"international-phone-input__flagPlaceholder_1s0q6"};
+const styles = {"flagIcon":"international-phone-input__flagIcon_1r0xb","flagPlaceholder":"international-phone-input__flagPlaceholder_1r0xb"};
 require('./index.css');
 
 /**

package/international-phone-input/modern/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: z19ag */
+/* hash: 1pdxv */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 {
-} .international-phone-input__flagIcon_1s0q6 {
+} .international-phone-input__flagIcon_1r0xb {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1s0q6 {
+} .international-phone-input__flagPlaceholder_1r0xb {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-phone-input/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":"international-phone-input__component_1ewho","flagIconContainer":"international-phone-input__flagIconContainer_1ewho","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1ewho","disabled":"international-phone-input__disabled_1ewho","inner":"international-phone-input__inner_1ewho","size-64":"international-phone-input__size-64_1ewho","size-72":"international-phone-input__size-72_1ewho","focusVisible":"international-phone-input__focusVisible_1ewho"};
+const styles = {"component":"international-phone-input__component_6lqrs","flagIconContainer":"international-phone-input__flagIconContainer_6lqrs","emptyCountryIcon":"international-phone-input__emptyCountryIcon_6lqrs","disabled":"international-phone-input__disabled_6lqrs","inner":"international-phone-input__inner_6lqrs","size-64":"international-phone-input__size-64_6lqrs","size-72":"international-phone-input__size-72_6lqrs","focusVisible":"international-phone-input__focusVisible_6lqrs"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/international-phone-input/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: ig2xb */
+/* hash: 1le9m */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_1ewho {
+} .international-phone-input__component_6lqrs {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1ewho {
+} .international-phone-input__flagIconContainer_6lqrs {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1ewho {
+} .international-phone-input__emptyCountryIcon_6lqrs {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_1ewho {
+} .international-phone-input__disabled_6lqrs {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1ewho {
+} .international-phone-input__inner_6lqrs {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__size-64_1ewho .international-phone-input__inner_1ewho,
-.international-phone-input__size-72_1ewho .international-phone-input__inner_1ewho {
+} .international-phone-input__size-64_6lqrs .international-phone-input__inner_6lqrs,
+.international-phone-input__size-72_6lqrs .international-phone-input__inner_6lqrs {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1ewho {
+} .international-phone-input__focusVisible_6lqrs {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/modern/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-57569e57";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/modern/{typings-70284312.d.ts → typings-57569e57.d.ts}

@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'update' | 'zIndex' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-57569e57";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../input/mobile";
 import { InputAutocompleteProps } from "../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-57569e57";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/{typings-70284312.d.ts → typings-57569e57.d.ts}

@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'update' | 'zIndex' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-57569e57";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/intl-phone-input/component.js

@@ -39,7 +39,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_1wapy","l":"intl-phone-input__l_1wapy","xl":"intl-phone-input__xl_1wapy","flagIconWrapper":"intl-phone-input__flagIconWrapper_1wapy","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1wapy"};
+var styles = {"addons":"intl-phone-input__addons_1n55h","l":"intl-phone-input__l_1n55h","xl":"intl-phone-input__xl_1n55h","flagIconWrapper":"intl-phone-input__flagIconWrapper_1n55h","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1n55h"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();

package/intl-phone-input/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_1wnld","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wnld"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_oaodm","flagPlaceholder":"intl-phone-input__flagPlaceholder_oaodm"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 4gmrx */
+/* hash: 1mjne */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* 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_1wnld {
+} .intl-phone-input__flagIcon_oaodm {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wnld {
+} .intl-phone-input__flagPlaceholder_oaodm {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_1kyb4","option":"intl-phone-input__option_1kyb4","flag":"intl-phone-input__flag_1kyb4","countryName":"intl-phone-input__countryName_1kyb4","dialCode":"intl-phone-input__dialCode_1kyb4"};
+var styles = {"component":"intl-phone-input__component_g2o4o","option":"intl-phone-input__option_g2o4o","flag":"intl-phone-input__flag_g2o4o","countryName":"intl-phone-input__countryName_g2o4o","dialCode":"intl-phone-input__dialCode_g2o4o"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

package/intl-phone-input/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: ugi1o */
+/* hash: 1terf */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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_1kyb4 {
+} .intl-phone-input__component_g2o4o {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1kyb4 {
+} .intl-phone-input__option_g2o4o {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1kyb4 {
+} .intl-phone-input__flag_g2o4o {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_1kyb4 {
+} .intl-phone-input__countryName_g2o4o {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_1kyb4 {
+} .intl-phone-input__dialCode_g2o4o {
     color: var(--text-secondary-color);
 }

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

@@ -15,7 +15,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_12nwr","flagIconContainer":"intl-phone-input__flagIconContainer_12nwr","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_12nwr","disabled":"intl-phone-input__disabled_12nwr","inner":"intl-phone-input__inner_12nwr","l":"intl-phone-input__l_12nwr","xl":"intl-phone-input__xl_12nwr","focusVisible":"intl-phone-input__focusVisible_12nwr"};
+var styles = {"component":"intl-phone-input__component_4tz0c","flagIconContainer":"intl-phone-input__flagIconContainer_4tz0c","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_4tz0c","disabled":"intl-phone-input__disabled_4tz0c","inner":"intl-phone-input__inner_4tz0c","l":"intl-phone-input__l_4tz0c","xl":"intl-phone-input__xl_4tz0c","focusVisible":"intl-phone-input__focusVisible_4tz0c"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/intl-phone-input/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 11eqs */
+/* hash: jyvh7 */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_12nwr {
+} .intl-phone-input__component_4tz0c {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_12nwr {
+} .intl-phone-input__flagIconContainer_4tz0c {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_12nwr {
+} .intl-phone-input__emptyCountryIcon_4tz0c {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_12nwr {
+} .intl-phone-input__disabled_4tz0c {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_12nwr {
+} .intl-phone-input__inner_4tz0c {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_12nwr .intl-phone-input__inner_12nwr,
-.intl-phone-input__xl_12nwr .intl-phone-input__inner_12nwr {
+} .intl-phone-input__l_4tz0c .intl-phone-input__inner_4tz0c,
+.intl-phone-input__xl_4tz0c .intl-phone-input__inner_4tz0c {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_12nwr {
+} .intl-phone-input__focusVisible_4tz0c {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/intl-phone-input/esm/component.js

@@ -17,7 +17,7 @@ import '../../select/esm/desktop';
 import '../../select/esm/shared';
 import './components/select-field/component.js';
 
-var styles = {"addons":"intl-phone-input__addons_1wapy","l":"intl-phone-input__l_1wapy","xl":"intl-phone-input__xl_1wapy","flagIconWrapper":"intl-phone-input__flagIconWrapper_1wapy","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1wapy"};
+var styles = {"addons":"intl-phone-input__addons_1n55h","l":"intl-phone-input__l_1n55h","xl":"intl-phone-input__xl_1n55h","flagIconWrapper":"intl-phone-input__flagIconWrapper_1n55h","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1n55h"};
 require('./index.css');
 
 var countriesHash = getCountriesHash();

package/intl-phone-input/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_1wnld","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wnld"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_oaodm","flagPlaceholder":"intl-phone-input__flagPlaceholder_oaodm"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 4gmrx */
+/* hash: 1mjne */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* 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_1wnld {
+} .intl-phone-input__flagIcon_oaodm {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wnld {
+} .intl-phone-input__flagPlaceholder_oaodm {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/intl-phone-input/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_1kyb4","option":"intl-phone-input__option_1kyb4","flag":"intl-phone-input__flag_1kyb4","countryName":"intl-phone-input__countryName_1kyb4","dialCode":"intl-phone-input__dialCode_1kyb4"};
+var styles = {"component":"intl-phone-input__component_g2o4o","option":"intl-phone-input__option_g2o4o","flag":"intl-phone-input__flag_g2o4o","countryName":"intl-phone-input__countryName_g2o4o","dialCode":"intl-phone-input__dialCode_g2o4o"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

package/intl-phone-input/esm/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: ugi1o */
+/* hash: 1terf */
 :root { /* 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 */ /* 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 */ :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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_1kyb4 {
+} .intl-phone-input__component_g2o4o {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1kyb4 {
+} .intl-phone-input__option_g2o4o {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1kyb4 {
+} .intl-phone-input__flag_g2o4o {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_1kyb4 {
+} .intl-phone-input__countryName_g2o4o {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_1kyb4 {
+} .intl-phone-input__dialCode_g2o4o {
     color: var(--text-secondary-color);
 }

package/intl-phone-input/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_12nwr","flagIconContainer":"intl-phone-input__flagIconContainer_12nwr","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_12nwr","disabled":"intl-phone-input__disabled_12nwr","inner":"intl-phone-input__inner_12nwr","l":"intl-phone-input__l_12nwr","xl":"intl-phone-input__xl_12nwr","focusVisible":"intl-phone-input__focusVisible_12nwr"};
+var styles = {"component":"intl-phone-input__component_4tz0c","flagIconContainer":"intl-phone-input__flagIconContainer_4tz0c","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_4tz0c","disabled":"intl-phone-input__disabled_4tz0c","inner":"intl-phone-input__inner_4tz0c","l":"intl-phone-input__l_4tz0c","xl":"intl-phone-input__xl_4tz0c","focusVisible":"intl-phone-input__focusVisible_4tz0c"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {