@alfalab/core-components 48.26.0 → 48.27.1

package/international-phone-input/modern/typings-d515b24c.d.ts

@@ -12,9 +12,9 @@ import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
+import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-f0afaf5b";
+import { Title, TitleProps } from "./index-86dd1e48";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { InputProps } from "../../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -731,6 +731,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
  * @deprecated use {@link useVisualViewportSize}
  */
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -866,6 +867,16 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все" в заголовке списка
      */
     showHeaderWithSelectAll?: boolean;
+    /**
+     * Значение name при применении выбора
+     * @default 'apply-footer'
+     */
+    applyName?: string;
+    /**
+     * Значение name при сбросе выбора
+     * @default 'reset-footer'
+     */
+    resetName?: string;
 };
 type AnyObject = Record<string, any>;
 type OptionShape = {
@@ -1634,7 +1645,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
-export type { TitleProps } from "./index-f0afaf5b";
+export type { TitleProps } from "./index-86dd1e48";
 export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/{typography/modern/hooks/use-skeleton.d.ts → international-phone-input/modern/use-skeleton-5479f1eb.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { TextSkeletonProps } from "../types";
+import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
 type SkeletonProps = {
     wrapperClassName?: string;
     dataTestId?: string;

package/international-phone-input/modern/utils/index.js

@@ -66,8 +66,12 @@ function guessCountry(inputNumber, data) {
         });
         return guess || selectedCountry;
     }, undefined);
-    if (!result && inputNumber.length > 5 && inputNumber.startsWith('8'))
-        return data.find((countryData) => countryData[0].iso2 === 'ru')?.[0];
+    if (!result && inputNumber.startsWith('8')) {
+        const matchContry = data.some(([{ dialCode }]) => dialCode.startsWith(inputNumberDialCode));
+        if (!matchContry) {
+            return data.find(([{ iso2 }]) => iso2 === 'ru')?.[0];
+        }
+    }
     return result;
 }
 function clearMask(value) {
@@ -169,7 +173,7 @@ function getPhoneData(phone, countries, defaultIso2) {
     let nextPhone = phone;
     const inputNumber = clearMask(nextPhone);
     const nextCountry = findCountry(countries, phone, defaultIso2);
-    if (nextCountry?.iso2 === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
+    if (nextCountry?.iso2 === 'ru' && inputNumber.startsWith('8')) {
         nextPhone = phone.replace(/\+?8/, '+7');
     }
     return {

package/international-phone-input/moderncssm/Component-5479f1eb.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type BorderRadiusSize = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 36 | 64 | 'pill';
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Скругление углов
+     * @default 8
+     */
+    borderRadius?: BorderRadiusSize;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+export { BorderRadiusSize, SkeletonProps, Skeleton };

package/international-phone-input/moderncssm/component-55a59fb5.d.ts

@@ -0,0 +1,129 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes } from "react";
+import { TextSkeletonProps } from "./index-f48ccc7b";
+import { Color } from "./colors-2c123cbc";
+declare function getDefaultWeight(font: "styrene" | "system" | "alfasans", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
+type NativeProps = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps, 'color'> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](?path=/docs/guidelines-typography--page)
+     */
+    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: 'regular' | 'medium' | 'bold' | 'semibold';
+    /**
+     * Шрифт текста
+     */
+    font?: 'styrene' | 'system' | 'alfasans' | {
+        font: 'alfasans';
+        systemCompat: boolean;
+    };
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type PrivateProps = {
+    styles: {
+        [key: string]: string;
+    };
+    platform: 'mobile' | 'desktop';
+};
+type TitleElementType = HTMLHeadingElement | HTMLDivElement;
+declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](?path=/docs/guidelines-typography--page)
+     */
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+    /**
+     * Шрифт текста
+     */
+    font?: "alfasans" | "styrene" | "system" | {
+        font: 'alfasans';
+        systemCompat: boolean;
+    } | undefined;
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean | undefined;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & PrivateProps & React.RefAttributes<TitleElementType>>;
+export { getDefaultWeight, TitleProps, TitleBase };

package/international-phone-input/moderncssm/component-86dd1e48.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-86dd1e48";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+    font?: "alfasans" | "styrene" | "system" | {
+        font: "alfasans";
+        systemCompat: boolean;
+    } | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };

package/international-phone-input/moderncssm/index-281accb7.d.ts

@@ -15,8 +15,8 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     children?: React.ReactNode;
     rowLimit?: 1 | 2 | 3 | undefined;
     showSkeleton?: boolean | undefined;
-    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { TitleMobile };
-export type { TitleProps as TitleMobileProps } from "./component-ee751dcf";
+export type { TitleProps as TitleMobileProps } from "./component-55a59fb5";

package/international-phone-input/moderncssm/index-86dd1e48.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./component-55a59fb5";
+declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+    font?: "alfasans" | "styrene" | "system" | {
+        font: "alfasans";
+        systemCompat: boolean;
+    } | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { Title };
+export type { TitleProps };

package/international-phone-input/moderncssm/index-f48ccc7b.d.ts

@@ -0,0 +1,3 @@
+export { useSkeleton } from "./use-skeleton-5479f1eb";
+export * from "./Component-5479f1eb";
+export type { TextSkeletonProps } from "./text-skeleton-props-cd673178";

package/international-phone-input/moderncssm/{types-1328ead9.d.ts → text-skeleton-props-cd673178.d.ts}

@@ -1,4 +1,3 @@
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type WidthUnit = number | string;
 type TextSkeletonProps = {
     /**
@@ -18,4 +17,4 @@ type TextSkeletonProps = {
      */
     wrapperClassName?: string;
 };
-export { TextElementType, TextSkeletonProps };
+export { TextSkeletonProps };

package/international-phone-input/moderncssm/typings-d515b24c.d.ts

@@ -12,9 +12,9 @@ import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
+import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-f0afaf5b";
+import { Title, TitleProps } from "./index-86dd1e48";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { InputProps } from "../../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -731,6 +731,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
  * @deprecated use {@link useVisualViewportSize}
  */
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -866,6 +867,16 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все" в заголовке списка
      */
     showHeaderWithSelectAll?: boolean;
+    /**
+     * Значение name при применении выбора
+     * @default 'apply-footer'
+     */
+    applyName?: string;
+    /**
+     * Значение name при сбросе выбора
+     * @default 'reset-footer'
+     */
+    resetName?: string;
 };
 type AnyObject = Record<string, any>;
 type OptionShape = {
@@ -1634,7 +1645,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
-export type { TitleProps } from "./index-f0afaf5b";
+export type { TitleProps } from "./index-86dd1e48";
 export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/{typography/cssm/hooks/use-skeleton.d.ts → international-phone-input/moderncssm/use-skeleton-5479f1eb.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { TextSkeletonProps } from "../types";
+import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
 type SkeletonProps = {
     wrapperClassName?: string;
     dataTestId?: string;

package/international-phone-input/moderncssm/utils/index.js

@@ -66,8 +66,12 @@ function guessCountry(inputNumber, data) {
         });
         return guess || selectedCountry;
     }, undefined);
-    if (!result && inputNumber.length > 5 && inputNumber.startsWith('8'))
-        return data.find((countryData) => countryData[0].iso2 === 'ru')?.[0];
+    if (!result && inputNumber.startsWith('8')) {
+        const matchContry = data.some(([{ dialCode }]) => dialCode.startsWith(inputNumberDialCode));
+        if (!matchContry) {
+            return data.find(([{ iso2 }]) => iso2 === 'ru')?.[0];
+        }
+    }
     return result;
 }
 function clearMask(value) {
@@ -169,7 +173,7 @@ function getPhoneData(phone, countries, defaultIso2) {
     let nextPhone = phone;
     const inputNumber = clearMask(nextPhone);
     const nextCountry = findCountry(countries, phone, defaultIso2);
-    if (nextCountry?.iso2 === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
+    if (nextCountry?.iso2 === 'ru' && inputNumber.startsWith('8')) {
         nextPhone = phone.replace(/\+?8/, '+7');
     }
     return {

package/international-phone-input/text-skeleton-props-cd673178.d.ts

@@ -0,0 +1,20 @@
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+    /**
+     * Выравнивание элементов по горизонтали
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Класс для обертки скелетона
+     */
+    wrapperClassName?: string;
+};
+export { TextSkeletonProps };

package/international-phone-input/typings-d515b24c.d.ts

@@ -12,9 +12,9 @@ import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
+import { TextSkeletonProps } from "./index-f48ccc7b";
 import { Color } from "./colors-2c123cbc";
-import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-f0afaf5b";
+import { Title, TitleProps } from "./index-86dd1e48";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { InputProps } from "../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -731,6 +731,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
  * @deprecated use {@link useVisualViewportSize}
  */
 declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -866,6 +867,16 @@ type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все" в заголовке списка
      */
     showHeaderWithSelectAll?: boolean;
+    /**
+     * Значение name при применении выбора
+     * @default 'apply-footer'
+     */
+    applyName?: string;
+    /**
+     * Значение name при сбросе выбора
+     * @default 'reset-footer'
+     */
+    resetName?: string;
 };
 type AnyObject = Record<string, any>;
 type OptionShape = {
@@ -1634,7 +1645,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
 export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
 export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
-export type { TitleProps } from "./index-f0afaf5b";
+export type { TitleProps } from "./index-86dd1e48";
 export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/international-phone-input/use-skeleton-5479f1eb.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
+type SkeletonProps = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { useSkeleton };

package/international-phone-input/utils/index.js

@@ -72,8 +72,18 @@ function guessCountry(inputNumber, data) {
         });
         return guess || selectedCountry;
     }, undefined);
-    if (!result && inputNumber.length > 5 && inputNumber.startsWith('8'))
-        return (_a = data.find(function (countryData) { return countryData[0].iso2 === 'ru'; })) === null || _a === void 0 ? void 0 : _a[0];
+    if (!result && inputNumber.startsWith('8')) {
+        var matchContry = data.some(function (_a) {
+            var dialCode = _a[0].dialCode;
+            return dialCode.startsWith(inputNumberDialCode);
+        });
+        if (!matchContry) {
+            return (_a = data.find(function (_a) {
+                var iso2 = _a[0].iso2;
+                return iso2 === 'ru';
+            })) === null || _a === void 0 ? void 0 : _a[0];
+        }
+    }
     return result;
 }
 function clearMask(value) {
@@ -177,7 +187,7 @@ function getPhoneData(phone, countries, defaultIso2) {
     var nextPhone = phone;
     var inputNumber = clearMask(nextPhone);
     var nextCountry = findCountry(countries, phone, defaultIso2);
-    if ((nextCountry === null || nextCountry === void 0 ? void 0 : nextCountry.iso2) === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
+    if ((nextCountry === null || nextCountry === void 0 ? void 0 : nextCountry.iso2) === 'ru' && inputNumber.startsWith('8')) {
         nextPhone = phone.replace(/\+?8/, '+7');
     }
     return {

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_1nhst","l":"intl-phone-input__l_1nhst","xl":"intl-phone-input__xl_1nhst","flagIconWrapper":"intl-phone-input__flagIconWrapper_1nhst","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1nhst"};
+var styles = {"addons":"intl-phone-input__addons_nbuk1","l":"intl-phone-input__l_nbuk1","xl":"intl-phone-input__xl_nbuk1","flagIconWrapper":"intl-phone-input__flagIconWrapper_nbuk1","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_nbuk1"};
 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_dkh43","flagPlaceholder":"intl-phone-input__flagPlaceholder_dkh43"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_rhvn2","flagPlaceholder":"intl-phone-input__flagPlaceholder_rhvn2"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: s0cmm */
+/* hash: 1qxhv */
 :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-300: rgba(15, 25, 55, 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,10 +26,10 @@
     --gap-2: var(--gap-3xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_dkh43 {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_rhvn2 {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_dkh43 {
+} .intl-phone-input__flagPlaceholder_rhvn2 {
     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_9zw49","option":"intl-phone-input__option_9zw49","flag":"intl-phone-input__flag_9zw49","countryName":"intl-phone-input__countryName_9zw49","dialCode":"intl-phone-input__dialCode_9zw49"};
+var styles = {"component":"intl-phone-input__component_tnr9u","option":"intl-phone-input__option_tnr9u","flag":"intl-phone-input__flag_tnr9u","countryName":"intl-phone-input__countryName_tnr9u","dialCode":"intl-phone-input__dialCode_tnr9u"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {