@alfalab/core-components 48.33.1 → 48.33.3

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

@@ -31,32 +31,32 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_15l1o {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_bptth {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_15l1o {
+} .international-phone-input__flagIconContainer_bptth {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .international-phone-input__emptyCountryIcon_15l1o {
+} .international-phone-input__emptyCountryIcon_bptth {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_15l1o {
+} .international-phone-input__disabled_bptth {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_15l1o {
+} .international-phone-input__inner_bptth {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .international-phone-input__size-72_15l1o .international-phone-input__inner_15l1o {
+} .international-phone-input__size-72_bptth .international-phone-input__inner_bptth {
     padding-left: var(--gap-16);
-} .international-phone-input__focusVisible_15l1o {
+} .international-phone-input__focusVisible_bptth {
     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 '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_z7yzz","addons":"international-phone-input__addons_z7yzz"};
+var styles = {"component":"international-phone-input__component_1t36v","addons":"international-phone-input__addons_1t36v"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

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

@@ -22,6 +22,6 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_z7yzz .international-phone-input__addons_z7yzz {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1t36v .international-phone-input__addons_1t36v {
         padding-left: var(--gap-0);
     }

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

@@ -11,7 +11,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_1vw3i","option":"international-phone-input__option_1vw3i","mobile":"international-phone-input__mobile_1vw3i","size-72":"international-phone-input__size-72_1vw3i","flag":"international-phone-input__flag_1vw3i","countryName":"international-phone-input__countryName_1vw3i","dialCode":"international-phone-input__dialCode_1vw3i","flagIconWrapper":"international-phone-input__flagIconWrapper_1vw3i","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1vw3i"};
+var styles = {"component":"international-phone-input__component_m5mg8","option":"international-phone-input__option_m5mg8","mobile":"international-phone-input__mobile_m5mg8","size-72":"international-phone-input__size-72_m5mg8","flag":"international-phone-input__flag_m5mg8","countryName":"international-phone-input__countryName_m5mg8","dialCode":"international-phone-input__dialCode_m5mg8","flagIconWrapper":"international-phone-input__flagIconWrapper_m5mg8","emptyCountryIcon":"international-phone-input__emptyCountryIcon_m5mg8"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

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

@@ -29,32 +29,32 @@
     --gap-16: var(--gap-m);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1vw3i {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_m5mg8 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1vw3i {
+} .international-phone-input__option_m5mg8 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-12)
-} .international-phone-input__option_1vw3i.international-phone-input__mobile_1vw3i,
-    .international-phone-input__option_1vw3i.international-phone-input__size-72_1vw3i {
+} .international-phone-input__option_m5mg8.international-phone-input__mobile_m5mg8,
+    .international-phone-input__option_m5mg8.international-phone-input__size-72_m5mg8 {
         padding-left: var(--gap-16);
-    } .international-phone-input__flag_1vw3i {
+    } .international-phone-input__flag_m5mg8 {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .international-phone-input__countryName_1vw3i {
+} .international-phone-input__countryName_m5mg8 {
     margin-right: var(--gap-8);
-} .international-phone-input__dialCode_1vw3i {
+} .international-phone-input__dialCode_m5mg8 {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1vw3i {
+} .international-phone-input__flagIconWrapper_m5mg8 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-12);
-} .international-phone-input__emptyCountryIcon_1vw3i {
+} .international-phone-input__emptyCountryIcon_m5mg8 {
     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_vg43r","flagPlaceholder":"international-phone-input__flagPlaceholder_vg43r"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_65h3o","flagPlaceholder":"international-phone-input__flagPlaceholder_65h3o"};
 require('./index.css');
 
 /**

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

@@ -26,10 +26,10 @@
     --gap-2: var(--gap-3xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_vg43r {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_65h3o {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_vg43r {
+} .international-phone-input__flagPlaceholder_65h3o {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -8,7 +8,7 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_15l1o","flagIconContainer":"international-phone-input__flagIconContainer_15l1o","emptyCountryIcon":"international-phone-input__emptyCountryIcon_15l1o","disabled":"international-phone-input__disabled_15l1o","inner":"international-phone-input__inner_15l1o","size-72":"international-phone-input__size-72_15l1o","focusVisible":"international-phone-input__focusVisible_15l1o"};
+var styles = {"component":"international-phone-input__component_bptth","flagIconContainer":"international-phone-input__flagIconContainer_bptth","emptyCountryIcon":"international-phone-input__emptyCountryIcon_bptth","disabled":"international-phone-input__disabled_bptth","inner":"international-phone-input__inner_bptth","size-72":"international-phone-input__size-72_bptth","focusVisible":"international-phone-input__focusVisible_bptth"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -31,32 +31,32 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_15l1o {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_bptth {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_15l1o {
+} .international-phone-input__flagIconContainer_bptth {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .international-phone-input__emptyCountryIcon_15l1o {
+} .international-phone-input__emptyCountryIcon_bptth {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_15l1o {
+} .international-phone-input__disabled_bptth {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_15l1o {
+} .international-phone-input__inner_bptth {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .international-phone-input__size-72_15l1o .international-phone-input__inner_15l1o {
+} .international-phone-input__size-72_bptth .international-phone-input__inner_bptth {
     padding-left: var(--gap-16);
-} .international-phone-input__focusVisible_15l1o {
+} .international-phone-input__focusVisible_bptth {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/international-phone-input/index-235f6347.d.ts

@@ -0,0 +1,277 @@
+/// <reference types="react" />
+/* eslint-disable complexity */
+import React from "react";
+import { ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { IconButtonProps } from "./index-ebda875c";
+import { TextSkeletonProps } from "./index-f48ccc7b";
+import { Color } from "./colors-2c123cbc";
+import { Title, TitleProps } from "./index-86dd1e48";
+import { TitleMobile, TitleMobileProps } from "./index-281accb7";
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string | null;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: IconButtonProps["colors"];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+type NavigationBarPrivateProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: ReactNode;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: "default" | "compact";
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: Omit<BackArrowAddonProps, "view" | "textOpacity" | "onClick">;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: "left" | "center";
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
+};
+declare const NavigationBarPrivate: React.ForwardRefExoticComponent<NavigationBarPrivateProps & React.RefAttributes<HTMLDivElement>>;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps" | "tagline";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+    /**
+     * Шрифт текста
+     */
+    font?: "alfasans" | undefined | null;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElementType>>;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleResponsiveProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+export { NavigationBarPrivate, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets };
+export type { TitleProps } from "./index-86dd1e48";
+export type { TextProps, NavigationBarPrivateProps };
+export type { Color } from "./colors-2c123cbc";

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

@@ -15,7 +15,7 @@ import '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_z7yzz","addons":"international-phone-input__addons_z7yzz"};
+const styles = {"component":"international-phone-input__component_1t36v","addons":"international-phone-input__addons_1t36v"};
 require('./index.css');
 
 const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode: clearableCountryCodeFromProps = true, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, open: openProps, defaultOpen, customCountriesList, ...restProps }, ref) => {

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

@@ -22,6 +22,6 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_z7yzz .international-phone-input__addons_z7yzz {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1t36v .international-phone-input__addons_1t36v {
         padding-left: var(--gap-0);
     }

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

@@ -10,7 +10,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-const styles = {"component":"international-phone-input__component_1vw3i","option":"international-phone-input__option_1vw3i","mobile":"international-phone-input__mobile_1vw3i","size-72":"international-phone-input__size-72_1vw3i","flag":"international-phone-input__flag_1vw3i","countryName":"international-phone-input__countryName_1vw3i","dialCode":"international-phone-input__dialCode_1vw3i","flagIconWrapper":"international-phone-input__flagIconWrapper_1vw3i","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1vw3i"};
+const styles = {"component":"international-phone-input__component_m5mg8","option":"international-phone-input__option_m5mg8","mobile":"international-phone-input__mobile_m5mg8","size-72":"international-phone-input__size-72_m5mg8","flag":"international-phone-input__flag_m5mg8","countryName":"international-phone-input__countryName_m5mg8","dialCode":"international-phone-input__dialCode_m5mg8","flagIconWrapper":"international-phone-input__flagIconWrapper_m5mg8","emptyCountryIcon":"international-phone-input__emptyCountryIcon_m5mg8"};
 require('./index.css');
 
 const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, size, ...restProps }) => {

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

@@ -29,32 +29,32 @@
     --gap-16: var(--gap-m);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1vw3i {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_m5mg8 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1vw3i {
+} .international-phone-input__option_m5mg8 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-12)
-} .international-phone-input__option_1vw3i.international-phone-input__mobile_1vw3i,
-    .international-phone-input__option_1vw3i.international-phone-input__size-72_1vw3i {
+} .international-phone-input__option_m5mg8.international-phone-input__mobile_m5mg8,
+    .international-phone-input__option_m5mg8.international-phone-input__size-72_m5mg8 {
         padding-left: var(--gap-16);
-    } .international-phone-input__flag_1vw3i {
+    } .international-phone-input__flag_m5mg8 {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .international-phone-input__countryName_1vw3i {
+} .international-phone-input__countryName_m5mg8 {
     margin-right: var(--gap-8);
-} .international-phone-input__dialCode_1vw3i {
+} .international-phone-input__dialCode_m5mg8 {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1vw3i {
+} .international-phone-input__flagIconWrapper_m5mg8 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-12);
-} .international-phone-input__emptyCountryIcon_1vw3i {
+} .international-phone-input__emptyCountryIcon_m5mg8 {
     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_vg43r","flagPlaceholder":"international-phone-input__flagPlaceholder_vg43r"};
+const styles = {"flagIcon":"international-phone-input__flagIcon_65h3o","flagPlaceholder":"international-phone-input__flagPlaceholder_65h3o"};
 require('./index.css');
 
 /**

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

@@ -26,10 +26,10 @@
     --gap-2: var(--gap-3xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_vg43r {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_65h3o {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_vg43r {
+} .international-phone-input__flagPlaceholder_65h3o {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -7,7 +7,7 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_15l1o","flagIconContainer":"international-phone-input__flagIconContainer_15l1o","emptyCountryIcon":"international-phone-input__emptyCountryIcon_15l1o","disabled":"international-phone-input__disabled_15l1o","inner":"international-phone-input__inner_15l1o","size-72":"international-phone-input__size-72_15l1o","focusVisible":"international-phone-input__focusVisible_15l1o"};
+const styles = {"component":"international-phone-input__component_bptth","flagIconContainer":"international-phone-input__flagIconContainer_bptth","emptyCountryIcon":"international-phone-input__emptyCountryIcon_bptth","disabled":"international-phone-input__disabled_bptth","inner":"international-phone-input__inner_bptth","size-72":"international-phone-input__size-72_bptth","focusVisible":"international-phone-input__focusVisible_bptth"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -31,32 +31,32 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_15l1o {
+} /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_bptth {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_15l1o {
+} .international-phone-input__flagIconContainer_bptth {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .international-phone-input__emptyCountryIcon_15l1o {
+} .international-phone-input__emptyCountryIcon_bptth {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_15l1o {
+} .international-phone-input__disabled_bptth {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_15l1o {
+} .international-phone-input__inner_bptth {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .international-phone-input__size-72_15l1o .international-phone-input__inner_15l1o {
+} .international-phone-input__size-72_bptth .international-phone-input__inner_bptth {
     padding-left: var(--gap-16);
-} .international-phone-input__focusVisible_15l1o {
+} .international-phone-input__focusVisible_bptth {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }