@alfalab/core-components 41.11.0 → 41.12.0

package/input-autocomplete/{cssm/hook-4b555174.d.ts → modern/hook-b4e70cb0.d.ts}

@@ -29,17 +29,22 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все"
      */
     showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
-         * Пропсы, которые будут прокинуты в компонент списка
-         */
-        Footer?: import("react").FC<import("./Component-4b555174").FooterProps> | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-b4e70cb0").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
+        headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
+        showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
         OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
@@ -48,6 +53,12 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         onApply: () => void;
         onClose: () => void;
         selectedDraft: OptionShape[];
+        showHeaderWithSelectAll: boolean;
+        headerProps: {
+            indeterminate: boolean;
+            checked: boolean;
+            onChange: () => void;
+        };
     };
     allowUnselect: boolean;
     multiple: boolean;
@@ -58,5 +69,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export * from "./Component-4b555174";
+export * from "./Component-b4e70cb0";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/input-autocomplete/modern/index-ebda875c.d.ts

@@ -1,219 +1,98 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes } from "react";
-type ScrollbarProps = {
-    /**
-     * Оборачиваемый элемент.
-     */
-    children?: React.ReactNode;
-    /**
-     * Дополнительный класс на корневой элемент.
-     */
-    className?: string;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Растягивать контент по горизонтали по ширине содержимого.
-     */
-    horizontalAutoStretch?: boolean;
-    /**
-     * Название css свойства, которое устанавливается на контейнер при horizontalAutoStretch.
-     */
-    widthPropName?: "minWidth" | "width" | "maxWidth";
-    /**
-     * Включает автоскрытие ползунка.
-     */
-    autoHide?: boolean;
-    /**
-     * Время в мс, определяющее задержку до исчезновения полосы прокрутки (при включенной опции autoHide).
-     */
-    autoHideTimeout?: number;
-    /**
-     * Принудительное отображение полосы прокрутки.
-     */
-    forceVisible?: boolean | "x" | "y";
-    /**
-     * Управление поведением клика по треку.
-     * Если true, то будет выполняться прокрутка к месту клика.
-     */
-    clickOnTrack?: boolean;
-    /**
-     * HTML-aтрибуты на прокручиваемый узел.
-     */
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * HTML-aтрибуты на узел с контентом.
-     */
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-declare const Scrollbar: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    className?: string | undefined;
-    colors?: "default" | "inverted" | undefined;
-    horizontalAutoStretch?: boolean | undefined;
-    widthPropName?: "width" | "minWidth" | "maxWidth" | undefined;
-    autoHide?: boolean | undefined;
-    autoHideTimeout?: number | undefined;
-    forceVisible?: boolean | "x" | "y" | undefined;
-    clickOnTrack?: boolean | undefined;
-    scrollableNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    contentNodeProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare class SimpleBar {
-    static getRtlHelpers(): {
-        isRtlScrollingInverted: boolean;
-        isRtlScrollbarInverted: boolean;
-    };
-    static defaultOptions: {
-        autoHide: boolean;
-        forceVisible: boolean;
-        clickOnTrack: boolean;
-        clickOnTrackSpeed: number;
-        classNames: {
-            contentEl: string;
-            contentWrapper: string;
-            offset: string;
-            mask: string;
-            wrapper: string;
-            placeholder: string;
-            scrollbar: string;
-            track: string;
-            heightAutoObserverWrapperEl: string;
-            heightAutoObserverEl: string;
-            visible: string;
-            horizontal: string;
-            vertical: string;
-            hover: string;
-            dragging: string;
-        };
-        scrollbarMinSize: number;
-        scrollbarMaxSize: number;
-        timeout: number;
-    };
-    static getOffset(el: any): {
-        top: any;
-        left: any;
-    };
-    static instances: WeakMap<object, any>;
-    constructor(element: any, options: any);
-    el: any;
-    minScrollbarWidth: number;
-    options: any;
-    classNames: any;
-    axis: {
-        x: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-        y: {
-            scrollOffsetAttr: string;
-            sizeAttr: string;
-            scrollSizeAttr: string;
-            offsetSizeAttr: string;
-            offsetAttr: string;
-            overflowAttr: string;
-            dragOffset: number;
-            isOverflowing: boolean;
-            isVisible: boolean;
-            forceVisible: boolean;
-            track: {};
-            scrollbar: {};
-        };
-    };
-    removePreventClickId: any;
-    recalculate(): void;
-    onMouseMove: (e: any) => void;
-    hideScrollbars: () => void;
-    onWindowResize: () => void;
-    init(): void;
-    scrollbarWidth: any;
-    initDOM(): void;
-    wrapperEl: any;
-    contentWrapperEl: any;
-    contentEl: any;
-    offsetEl: any;
-    maskEl: any;
-    placeholderEl: any;
-    heightAutoObserverWrapperEl: any;
-    heightAutoObserverEl: any;
-    setAccessibilityAttributes(): void;
-    initListeners(): void;
-    resizeObserver: any;
-    mutationObserver: any;
-    elStyles: any;
-    isRtl: boolean | undefined;
-    getScrollbarSize(axis?: string): number;
-    positionScrollbar(axis?: string): void;
-    toggleTrackVisibility(axis?: string): void;
-    hideNativeScrollbar(): void;
-    onScroll: () => void;
-    scrollXTicking: boolean | undefined;
-    scrollYTicking: boolean | undefined;
-    scrollX: () => void;
-    scrollY: () => void;
-    onMouseEnter: () => void;
-    mouseX: any;
-    mouseY: any;
-    onMouseMoveForAxis(axis?: string): void;
-    onMouseLeave: () => void;
-    onMouseLeaveForAxis(axis?: string): void;
-    showScrollbar(axis?: string): void;
-    onPointerEvent: (e: any) => void;
-    onDragStart(e: any, axis?: string): void;
-    draggedAxis: string | undefined;
-    drag: (e: any) => void;
-    onEndDrag: (e: any) => void;
-    preventClick: (e: any) => void;
-    onTrackClick(e: any, axis?: string): void;
-    getContentElement(): any;
-    getScrollElement(): any;
-    getScrollbarWidth(): any;
-    removeListeners(): void;
-    unMount(): void;
-    isWithinBounds(bbox: any): boolean;
-    findChild(el: any, query: any): any;
-}
-declare function memoize(func: Function, resolver?: Function | undefined): Function;
-declare namespace memoize$0 {
-    export { MapCache as Cache };
-}
-declare function MapCache(entries?: any[] | undefined): void;
-declare class MapCache {
-    private constructor();
-    clear: typeof mapCacheClear;
-    delete: typeof mapCacheDelete;
-    get: typeof mapCacheGet;
-    has: typeof mapCacheHas;
-    set: typeof mapCacheSet;
-}
-declare function mapCacheClear(): void;
-declare class mapCacheClear {
-    __data__: {
-        hash: Hash;
-        map: any;
-        string: Hash;
-    };
-}
-declare function mapCacheDelete(key: string): boolean;
-declare function mapCacheGet(key: string): any;
-declare function mapCacheHas(key: string): boolean;
-declare function mapCacheSet(key: string, value: any): Object;
-declare var canUseDOM: boolean;
-declare function scrollbarWidth(el: any): any;
-declare function getElementWindow(element: any): any;
-declare function getElementDocument(element: any): any;
-declare function getOptions(obj: any): unknown;
-export { memoize as default, ScrollbarProps, Scrollbar, getElementWindow, getElementDocument, getOptions };
+import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
+type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+type Align = "start" | "center";
+type CheckboxProps = Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
+    checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
+    label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
+    hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m";
+    /**
+     * Доп. класс чекбокса
+     */
+    boxClassName?: string;
+    /**
+     * Доп. класс контента
+     */
+    contentClassName?: string;
+    /**
+     * Выравнивание
+     */
+    align?: Align;
+    /**
+     * Дополнительный слот
+     */
+    addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
+    block?: boolean;
+    /**
+     * Управление состоянием включен / выключен
+     */
+    disabled?: boolean;
+    /**
+     * Управление состоянием активен / неактивен
+     */
+    inactive?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
+    indeterminate?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Флаг для скрытия нативного инпута.
+     * @default false
+     */
+    hiddenInput?: boolean;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+    checked?: boolean | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    label?: ReactNode;
+    hint?: ReactNode;
+    size?: "s" | "m" | undefined;
+    boxClassName?: string | undefined;
+    contentClassName?: string | undefined;
+    align?: Align | undefined;
+    addons?: React.ReactNode;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    inactive?: boolean | undefined;
+    dataTestId?: string | undefined;
+    indeterminate?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hiddenInput?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { CheckboxProps, Checkbox };

package/input-autocomplete/modern/index.js

@@ -12,4 +12,4 @@ import 'lodash.throttle';
 import '../../button/modern';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern';
-import './mobile.module-59acaff7.js';
+import './mobile.module-32ab5262.js';

package/input-autocomplete/modern/mobile.css

@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_vub19 {
+} .input-autocomplete__bottomAddonInput_11a5a {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_vub19 {
+} .input-autocomplete__footer_11a5a {
     display: flex
-} .input-autocomplete__footer_vub19 > button + button {
+} .input-autocomplete__footer_11a5a > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/modern/mobile.js

@@ -10,5 +10,5 @@ import '../../select/modern';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern';
 import '@alfalab/hooks';
-import './mobile.module-59acaff7.js';
+import './mobile.module-32ab5262.js';
 import '../../select/modern/mobile';

package/input-autocomplete/modern/{mobile.module-59acaff7.js → mobile.module-32ab5262.js}

@@ -1,4 +1,4 @@
-const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_vub19","footer":"input-autocomplete__footer_vub19"};
+const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_11a5a","footer":"input-autocomplete__footer_11a5a"};
 require('./mobile.css');
 
 export { styles as s };

package/input-autocomplete/modern/responsive.js

@@ -12,4 +12,4 @@ import 'lodash.throttle';
 import '../../button/modern';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern';
-import './mobile.module-59acaff7.js';
+import './mobile.module-32ab5262.js';

package/input-autocomplete/responsive.js

@@ -15,7 +15,7 @@ require('lodash.throttle');
 require('../button');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control');
-require('./mobile.module-d708fa54.js');
+require('./mobile.module-22ee5ba9.js');
 
 
 

package/intl-phone-input/component.js

@@ -24,7 +24,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_u0bog","l":"intl-phone-input__l_u0bog","xl":"intl-phone-input__xl_u0bog","flagIconWrapper":"intl-phone-input__flagIconWrapper_u0bog","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_u0bog"};
+var styles = {"addons":"intl-phone-input__addons_10zrv","l":"intl-phone-input__l_10zrv","xl":"intl-phone-input__xl_10zrv","flagIconWrapper":"intl-phone-input__flagIconWrapper_10zrv","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_10zrv"};
 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_1szsk","flagPlaceholder":"intl-phone-input__flagPlaceholder_1szsk"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_y4q0k","flagPlaceholder":"intl-phone-input__flagPlaceholder_y4q0k"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: qmt4e */
+/* hash: 10vjr */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_1szsk {
+} .intl-phone-input__flagIcon_y4q0k {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1szsk {
+} .intl-phone-input__flagPlaceholder_y4q0k {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_1cvpy","option":"intl-phone-input__option_1cvpy","flag":"intl-phone-input__flag_1cvpy","countryName":"intl-phone-input__countryName_1cvpy","dialCode":"intl-phone-input__dialCode_1cvpy"};
+var styles = {"component":"intl-phone-input__component_1odma","option":"intl-phone-input__option_1odma","flag":"intl-phone-input__flag_1odma","countryName":"intl-phone-input__countryName_1odma","dialCode":"intl-phone-input__dialCode_1odma"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: z304d */
+/* hash: 7cs3h */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_1cvpy {
+} .intl-phone-input__component_1odma {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1cvpy {
+} .intl-phone-input__option_1odma {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1cvpy {
+} .intl-phone-input__flag_1odma {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_1cvpy {
+} .intl-phone-input__countryName_1odma {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_1cvpy {
+} .intl-phone-input__dialCode_1odma {
     color: var(--text-secondary-color);
 }

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

@@ -16,7 +16,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_1465p","flagIconContainer":"intl-phone-input__flagIconContainer_1465p","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1465p","disabled":"intl-phone-input__disabled_1465p","inner":"intl-phone-input__inner_1465p","l":"intl-phone-input__l_1465p","xl":"intl-phone-input__xl_1465p","focusVisible":"intl-phone-input__focusVisible_1465p"};
+var styles = {"component":"intl-phone-input__component_1a6ng","flagIconContainer":"intl-phone-input__flagIconContainer_1a6ng","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1a6ng","disabled":"intl-phone-input__disabled_1a6ng","inner":"intl-phone-input__inner_1a6ng","l":"intl-phone-input__l_1a6ng","xl":"intl-phone-input__xl_1a6ng","focusVisible":"intl-phone-input__focusVisible_1a6ng"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,4 +1,4 @@
-/* hash: 1eams */
+/* hash: 1oigq */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1465p {
+} .intl-phone-input__component_1a6ng {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1465p {
+} .intl-phone-input__flagIconContainer_1a6ng {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_1465p {
+} .intl-phone-input__emptyCountryIcon_1a6ng {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_1465p {
+} .intl-phone-input__disabled_1a6ng {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1465p {
+} .intl-phone-input__inner_1a6ng {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_1465p .intl-phone-input__inner_1465p,
-.intl-phone-input__xl_1465p .intl-phone-input__inner_1465p {
+} .intl-phone-input__l_1a6ng .intl-phone-input__inner_1a6ng,
+.intl-phone-input__xl_1a6ng .intl-phone-input__inner_1a6ng {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_1465p {
+} .intl-phone-input__focusVisible_1a6ng {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -16,7 +16,7 @@ import '../../select/esm';
 import './components/select-field/component.js';
 import './components/flag-icon/flagSprite.js';
 
-var styles = {"addons":"intl-phone-input__addons_u0bog","l":"intl-phone-input__l_u0bog","xl":"intl-phone-input__xl_u0bog","flagIconWrapper":"intl-phone-input__flagIconWrapper_u0bog","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_u0bog"};
+var styles = {"addons":"intl-phone-input__addons_10zrv","l":"intl-phone-input__l_10zrv","xl":"intl-phone-input__xl_10zrv","flagIconWrapper":"intl-phone-input__flagIconWrapper_10zrv","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_10zrv"};
 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_1szsk","flagPlaceholder":"intl-phone-input__flagPlaceholder_1szsk"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_y4q0k","flagPlaceholder":"intl-phone-input__flagPlaceholder_y4q0k"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: qmt4e */
+/* hash: 10vjr */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_1szsk {
+} .intl-phone-input__flagIcon_y4q0k {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1szsk {
+} .intl-phone-input__flagPlaceholder_y4q0k {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -9,7 +9,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"intl-phone-input__component_1cvpy","option":"intl-phone-input__option_1cvpy","flag":"intl-phone-input__flag_1cvpy","countryName":"intl-phone-input__countryName_1cvpy","dialCode":"intl-phone-input__dialCode_1cvpy"};
+var styles = {"component":"intl-phone-input__component_1odma","option":"intl-phone-input__option_1odma","flag":"intl-phone-input__flag_1odma","countryName":"intl-phone-input__countryName_1odma","dialCode":"intl-phone-input__dialCode_1odma"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {