@alfalab/core-components 44.1.0 → 44.2.0

package/input-autocomplete/esm/types.d.ts

@@ -39,13 +39,18 @@ type MobileProps = {
      */
     transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
     /**
-     * Клик на кнопку "Применить"
+     * Обработчик нажатия на кнопку «Продолжить» в BottomSheet или модальном окне
      */
     onApply?: () => void;
     /**
-     * Клик на кнопку "Отмена"
+     * Обработчик нажатия на кнопку «Отмена» в BottomSheet или модальном окне
      */
     onCancel?: () => void;
+    /**
+     * Заголовок в модальном окне или шторке.
+     * Если не передан, то заголовок будет совпадать с label. Если не передан и label, то заголовок будет равен placeholder
+     */
+    title?: string;
 };
 type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
 interface InputAutocompleteProps extends InputAutocompleteCommonProps {

package/input-autocomplete/mobile/Component.mobile.d.ts

@@ -6,5 +6,6 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import(".
     transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
     onApply?: (() => void) | undefined;
     onCancel?: (() => void) | undefined;
+    title?: string | undefined;
 } & React.RefAttributes<unknown>>;
 export { InputAutocompleteMobile };

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

@@ -21,13 +21,13 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
-var styles = {"input":"input-autocomplete__input_obkwb"};
+var styles = {"input":"input-autocomplete__input_qz9dz"};
 require('./mobile.css');
 
 var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
     var _b;
     var _c;
-    var Input = _a.Input, value = _a.value, name = _a.name, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, label = _a.label, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.size, size = _f === void 0 ? 's' : _f, openProp = _a.open, onInput = _a.onInput, onOpen = _a.onOpen, multiple = _a.multiple, inputProps = _a.inputProps, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? true : _g, dataTestId = _a.dataTestId, transitionProps = _a.transitionProps, onCancel = _a.onCancel, onApply = _a.onApply, restProps = tslib.__rest(_a, ["Input", "value", "name", "Arrow", "label", "placeholder", "size", "open", "onInput", "onOpen", "multiple", "inputProps", "isBottomSheet", "dataTestId", "transitionProps", "onCancel", "onApply"]);
+    var Input = _a.Input, value = _a.value, name = _a.name, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, label = _a.label, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.size, size = _f === void 0 ? 's' : _f, openProp = _a.open, onInput = _a.onInput, onOpen = _a.onOpen, multiple = _a.multiple, inputProps = _a.inputProps, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? true : _g, dataTestId = _a.dataTestId, transitionProps = _a.transitionProps, onCancel = _a.onCancel, onApply = _a.onApply, title = _a.title, restProps = tslib.__rest(_a, ["Input", "value", "name", "Arrow", "label", "placeholder", "size", "open", "onInput", "onOpen", "multiple", "inputProps", "isBottomSheet", "dataTestId", "transitionProps", "onCancel", "onApply", "title"]);
     var _h = React.useState(false), open = _h[0], setOpen = _h[1];
     var frozenValue = React.useRef('');
     var searchInputRef = React.useRef(null);
@@ -70,7 +70,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
     var isOpen = Boolean(open || openProp);
     var Component = isBottomSheet ? mobile.SelectMobile : mobile.SelectModalMobile;
     var componentProps = (_b = {
-            title: label || placeholder,
+            title: title || label || placeholder,
             onClose: restorePrevValue,
             transitionProps: tslib.__assign(tslib.__assign({}, transitionProps), { onExiting: handleExiting })
         },
@@ -81,7 +81,10 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
     var clear = (_c = inputProps === null || inputProps === void 0 ? void 0 : inputProps.clear) !== null && _c !== void 0 ? _c : false;
     return (React__default.default.createElement(Component, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, (isBottomSheet
         ? { bottomSheetProps: componentProps }
-        : { modalProps: componentProps }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
+        : {
+            modalProps: componentProps,
+            modalHeaderProps: { title: title },
+        }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
             value: value,
             filterFn: utils.searchFilterStub,
             componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: onInput }),

package/input-autocomplete/mobile/Component.modal.mobile.d.ts

@@ -6,5 +6,6 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<impo
     transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
     onApply?: (() => void) | undefined;
     onCancel?: (() => void) | undefined;
+    title?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { InputAutocompleteModalMobile };

package/input-autocomplete/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1kaq4 */
+/* hash: x785z */
 :root {
 } /* deprecated */ :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 */
 } :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_obkwb {
+} .input-autocomplete__input_qz9dz {
     width: auto;
 }

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

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { InputDesktop } from '../../../input/modern/desktop';
 
-const styles = {"arrow":"input-autocomplete__arrow_1ohhy","error":"input-autocomplete__error_1ohhy"};
+const styles = {"arrow":"input-autocomplete__arrow_ldg52","error":"input-autocomplete__error_ldg52"};
 require('./index.css');
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1g9go */
-.input-autocomplete__arrow_1ohhy.input-autocomplete__error_1ohhy ~ * {
+/* hash: 5vm6i */
+.input-autocomplete__arrow_ldg52.input-autocomplete__error_ldg52 ~ * {
     display: none;
 }

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

@@ -5,7 +5,7 @@ import { ClearButton } from '../../../input/modern/shared';
 import { getDataTestId } from '../../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_zrg4l","field":"input-autocomplete__field_zrg4l","disabled":"input-autocomplete__disabled_zrg4l","placeholder":"input-autocomplete__placeholder_zrg4l","contentWrapper":"input-autocomplete__contentWrapper_zrg4l","value":"input-autocomplete__value_zrg4l","focusVisible":"input-autocomplete__focusVisible_zrg4l"};
+const styles = {"component":"input-autocomplete__component_3udw2","field":"input-autocomplete__field_3udw2","disabled":"input-autocomplete__disabled_3udw2","placeholder":"input-autocomplete__placeholder_3udw2","contentWrapper":"input-autocomplete__contentWrapper_3udw2","value":"input-autocomplete__value_3udw2","focusVisible":"input-autocomplete__focusVisible_3udw2"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1vqlc */
+/* hash: 1yog3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_zrg4l {
+} .input-autocomplete__component_3udw2 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_zrg4l:not(.input-autocomplete__disabled_zrg4l) {
+} .input-autocomplete__field_3udw2:not(.input-autocomplete__disabled_3udw2) {
     cursor: pointer;
-} .input-autocomplete__disabled_zrg4l {
+} .input-autocomplete__disabled_3udw2 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_zrg4l {
+} .input-autocomplete__placeholder_3udw2 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_zrg4l {
+} .input-autocomplete__contentWrapper_3udw2 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_zrg4l {
+} .input-autocomplete__value_3udw2 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_zrg4l {
+} .input-autocomplete__focusVisible_3udw2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -6,5 +6,6 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import(".
     transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
     onApply?: (() => void) | undefined;
     onCancel?: (() => void) | undefined;
+    title?: string | undefined;
 } & React.RefAttributes<unknown>>;
 export { InputAutocompleteMobile };

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

@@ -11,10 +11,10 @@ import '../../../input/modern/shared';
 import '../../../shared/modern';
 import '@alfalab/hooks';
 
-const styles = {"input":"input-autocomplete__input_obkwb"};
+const styles = {"input":"input-autocomplete__input_qz9dz"};
 require('./mobile.css');
 
-const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, ...restProps }, ref) => {
+const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {
     const [open, setOpen] = useState(false);
     const frozenValue = useRef('');
     const searchInputRef = useRef(null);
@@ -54,7 +54,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
     const isOpen = Boolean(open || openProp);
     const Component = isBottomSheet ? SelectMobile : SelectModalMobile;
     const componentProps = {
-        title: label || placeholder,
+        title: title || label || placeholder,
         onClose: restorePrevValue,
         transitionProps: {
             ...transitionProps,
@@ -67,7 +67,10 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
     const clear = inputProps?.clear ?? false;
     return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
             ? { bottomSheetProps: componentProps }
-            : { modalProps: componentProps }), dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
+            : {
+                modalProps: componentProps,
+                modalHeaderProps: { title },
+            }), dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
             value,
             filterFn: searchFilterStub,
             componentProps: {

package/input-autocomplete/modern/mobile/Component.modal.mobile.d.ts

@@ -6,5 +6,6 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<impo
     transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
     onApply?: (() => void) | undefined;
     onCancel?: (() => void) | undefined;
+    title?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { InputAutocompleteModalMobile };

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

@@ -1,4 +1,4 @@
-/* hash: 1kaq4 */
+/* hash: x785z */
 :root {
 } /* deprecated */ :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 */
 } :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_obkwb {
+} .input-autocomplete__input_qz9dz {
     width: auto;
 }

package/input-autocomplete/modern/types.d.ts

@@ -39,13 +39,18 @@ type MobileProps = {
      */
     transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
     /**
-     * Клик на кнопку "Применить"
+     * Обработчик нажатия на кнопку «Продолжить» в BottomSheet или модальном окне
      */
     onApply?: () => void;
     /**
-     * Клик на кнопку "Отмена"
+     * Обработчик нажатия на кнопку «Отмена» в BottomSheet или модальном окне
      */
     onCancel?: () => void;
+    /**
+     * Заголовок в модальном окне или шторке.
+     * Если не передан, то заголовок будет совпадать с label. Если не передан и label, то заголовок будет равен placeholder
+     */
+    title?: string;
 };
 type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
 interface InputAutocompleteProps extends InputAutocompleteCommonProps {

package/input-autocomplete/types.d.ts

@@ -39,13 +39,18 @@ type MobileProps = {
      */
     transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
     /**
-     * Клик на кнопку "Применить"
+     * Обработчик нажатия на кнопку «Продолжить» в BottomSheet или модальном окне
      */
     onApply?: () => void;
     /**
-     * Клик на кнопку "Отмена"
+     * Обработчик нажатия на кнопку «Отмена» в BottomSheet или модальном окне
      */
     onCancel?: () => void;
+    /**
+     * Заголовок в модальном окне или шторке.
+     * Если не передан, то заголовок будет совпадать с label. Если не передан и label, то заголовок будет равен placeholder
+     */
+    title?: string;
 };
 type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
 interface InputAutocompleteProps extends InputAutocompleteCommonProps {

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

@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_virlo","addons":"international-phone-input__addons_virlo"};
+var styles = {"component":"international-phone-input__component_1m8nv","addons":"international-phone-input__addons_1m8nv"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: k7we2 */
+/* hash: s79o7 */
 
-    .international-phone-input__component_virlo .international-phone-input__addons_virlo {
+    .international-phone-input__component_1m8nv .international-phone-input__addons_1m8nv {
         padding-left: 0;
     }

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

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_1tl9i","option":"international-phone-input__option_1tl9i","flag":"international-phone-input__flag_1tl9i","countryName":"international-phone-input__countryName_1tl9i","dialCode":"international-phone-input__dialCode_1tl9i","flagIconWrapper":"international-phone-input__flagIconWrapper_1tl9i","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1tl9i"};
+var styles = {"component":"international-phone-input__component_11p1a","option":"international-phone-input__option_11p1a","flag":"international-phone-input__flag_11p1a","countryName":"international-phone-input__countryName_11p1a","dialCode":"international-phone-input__dialCode_11p1a","flagIconWrapper":"international-phone-input__flagIconWrapper_11p1a","emptyCountryIcon":"international-phone-input__emptyCountryIcon_11p1a"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 283co */
+/* hash: wa3n8 */
 :root {
 } /* 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_1tl9i {
+} .international-phone-input__component_11p1a {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1tl9i {
+} .international-phone-input__option_11p1a {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_1tl9i {
+} .international-phone-input__flag_11p1a {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_1tl9i {
+} .international-phone-input__countryName_11p1a {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_1tl9i {
+} .international-phone-input__dialCode_11p1a {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1tl9i {
+} .international-phone-input__flagIconWrapper_11p1a {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_1tl9i {
+} .international-phone-input__emptyCountryIcon_11p1a {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-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":"international-phone-input__flagIcon_y4e8r","flagPlaceholder":"international-phone-input__flagPlaceholder_y4e8r"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_13fkt","flagPlaceholder":"international-phone-input__flagPlaceholder_13fkt"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 10cuj */
+/* hash: 6au8t */
 :root {
 } /* 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_y4e8r {
+} .international-phone-input__flagIcon_13fkt {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_y4e8r {
+} .international-phone-input__flagPlaceholder_13fkt {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_v223y","flagIconContainer":"international-phone-input__flagIconContainer_v223y","emptyCountryIcon":"international-phone-input__emptyCountryIcon_v223y","disabled":"international-phone-input__disabled_v223y","inner":"international-phone-input__inner_v223y","l":"international-phone-input__l_v223y","xl":"international-phone-input__xl_v223y","focusVisible":"international-phone-input__focusVisible_v223y"};
+var styles = {"component":"international-phone-input__component_8wqpc","flagIconContainer":"international-phone-input__flagIconContainer_8wqpc","emptyCountryIcon":"international-phone-input__emptyCountryIcon_8wqpc","disabled":"international-phone-input__disabled_8wqpc","inner":"international-phone-input__inner_8wqpc","l":"international-phone-input__l_8wqpc","xl":"international-phone-input__xl_8wqpc","focusVisible":"international-phone-input__focusVisible_8wqpc"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,4 +1,4 @@
-/* hash: 1odgt */
+/* hash: 11b2a */
 :root {
 } /* 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_v223y {
+} .international-phone-input__component_8wqpc {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_v223y {
+} .international-phone-input__flagIconContainer_8wqpc {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_v223y {
+} .international-phone-input__emptyCountryIcon_8wqpc {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_v223y {
+} .international-phone-input__disabled_8wqpc {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_v223y {
+} .international-phone-input__inner_8wqpc {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_v223y .international-phone-input__inner_v223y,
-.international-phone-input__xl_v223y .international-phone-input__inner_v223y {
+} .international-phone-input__l_8wqpc .international-phone-input__inner_8wqpc,
+.international-phone-input__xl_8wqpc .international-phone-input__inner_8wqpc {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_v223y {
+} .international-phone-input__focusVisible_8wqpc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -16,7 +16,7 @@ import '../../consts.js';
 import '../../data/country-data.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_virlo","addons":"international-phone-input__addons_virlo"};
+var styles = {"component":"international-phone-input__component_1m8nv","addons":"international-phone-input__addons_1m8nv"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: k7we2 */
+/* hash: s79o7 */
 
-    .international-phone-input__component_virlo .international-phone-input__addons_virlo {
+    .international-phone-input__component_1m8nv .international-phone-input__addons_1m8nv {
         padding-left: 0;
     }

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

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_1tl9i","option":"international-phone-input__option_1tl9i","flag":"international-phone-input__flag_1tl9i","countryName":"international-phone-input__countryName_1tl9i","dialCode":"international-phone-input__dialCode_1tl9i","flagIconWrapper":"international-phone-input__flagIconWrapper_1tl9i","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1tl9i"};
+var styles = {"component":"international-phone-input__component_11p1a","option":"international-phone-input__option_11p1a","flag":"international-phone-input__flag_11p1a","countryName":"international-phone-input__countryName_11p1a","dialCode":"international-phone-input__dialCode_11p1a","flagIconWrapper":"international-phone-input__flagIconWrapper_11p1a","emptyCountryIcon":"international-phone-input__emptyCountryIcon_11p1a"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 283co */
+/* hash: wa3n8 */
 :root {
 } /* 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_1tl9i {
+} .international-phone-input__component_11p1a {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1tl9i {
+} .international-phone-input__option_11p1a {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_1tl9i {
+} .international-phone-input__flag_11p1a {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_1tl9i {
+} .international-phone-input__countryName_11p1a {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_1tl9i {
+} .international-phone-input__dialCode_11p1a {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1tl9i {
+} .international-phone-input__flagIconWrapper_11p1a {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_1tl9i {
+} .international-phone-input__emptyCountryIcon_11p1a {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-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":"international-phone-input__flagIcon_y4e8r","flagPlaceholder":"international-phone-input__flagPlaceholder_y4e8r"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_13fkt","flagPlaceholder":"international-phone-input__flagPlaceholder_13fkt"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 10cuj */
+/* hash: 6au8t */
 :root {
 } /* 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_y4e8r {
+} .international-phone-input__flagIcon_13fkt {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_y4e8r {
+} .international-phone-input__flagPlaceholder_13fkt {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-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":"international-phone-input__component_v223y","flagIconContainer":"international-phone-input__flagIconContainer_v223y","emptyCountryIcon":"international-phone-input__emptyCountryIcon_v223y","disabled":"international-phone-input__disabled_v223y","inner":"international-phone-input__inner_v223y","l":"international-phone-input__l_v223y","xl":"international-phone-input__xl_v223y","focusVisible":"international-phone-input__focusVisible_v223y"};
+var styles = {"component":"international-phone-input__component_8wqpc","flagIconContainer":"international-phone-input__flagIconContainer_8wqpc","emptyCountryIcon":"international-phone-input__emptyCountryIcon_8wqpc","disabled":"international-phone-input__disabled_8wqpc","inner":"international-phone-input__inner_8wqpc","l":"international-phone-input__l_8wqpc","xl":"international-phone-input__xl_8wqpc","focusVisible":"international-phone-input__focusVisible_8wqpc"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,4 +1,4 @@
-/* hash: 1odgt */
+/* hash: 11b2a */
 :root {
 } /* 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_v223y {
+} .international-phone-input__component_8wqpc {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_v223y {
+} .international-phone-input__flagIconContainer_8wqpc {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_v223y {
+} .international-phone-input__emptyCountryIcon_8wqpc {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_v223y {
+} .international-phone-input__disabled_8wqpc {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_v223y {
+} .international-phone-input__inner_8wqpc {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_v223y .international-phone-input__inner_v223y,
-.international-phone-input__xl_v223y .international-phone-input__inner_v223y {
+} .international-phone-input__l_8wqpc .international-phone-input__inner_8wqpc,
+.international-phone-input__xl_8wqpc .international-phone-input__inner_8wqpc {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_v223y {
+} .international-phone-input__focusVisible_8wqpc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -15,7 +15,7 @@ import '../../consts.js';
 import '../../data/country-data.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_virlo","addons":"international-phone-input__addons_virlo"};
+const styles = {"component":"international-phone-input__component_1m8nv","addons":"international-phone-input__addons_1m8nv"};
 require('./index.css');
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 'm', Input, InputAutocomplete, SelectComponent, view, clear: clearProp, ...restProps }, ref) => {