@alfalab/core-components 48.23.1 → 48.24.0

package/international-phone-input/moderncssm/component-ee751dcf.d.ts

@@ -0,0 +1,129 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes } from "react";
+import { Color } from "./colors-2c123cbc";
+import { TextSkeletonProps } from "./types-1328ead9";
+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-f0afaf5b.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-f0afaf5b";
+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("./types-1328ead9").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

@@ -5,7 +5,10 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     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?: "styrene" | "system" | undefined;
+    font?: "alfasans" | "styrene" | "system" | {
+        font: "alfasans";
+        systemCompat: boolean;
+    } | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
@@ -16,4 +19,4 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 export { TitleMobile };
-export type { TitleProps as TitleMobileProps } from "./component-8bdd19d3";
+export type { TitleProps as TitleMobileProps } from "./component-ee751dcf";

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./component-ee751dcf";
+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("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { Title };
+export type { TitleProps };

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

@@ -14,7 +14,7 @@ import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-2c123cbc";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-03d088c4";
+import { Title, TitleProps } from "./index-f0afaf5b";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { InputProps } from "../../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -777,6 +777,10 @@ type TextBaseProps = {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Шрифт текста
+     */
+    font?: "alfasans" | undefined | null;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -1626,7 +1630,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-03d088c4";
+export type { TitleProps } from "./index-f0afaf5b";
 export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

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

@@ -14,7 +14,7 @@ import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { Color } from "./colors-2c123cbc";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { Title, TitleProps } from "./index-03d088c4";
+import { Title, TitleProps } from "./index-f0afaf5b";
 import { TitleMobile, TitleMobileProps } from "./index-281accb7";
 import { InputProps } from "../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -777,6 +777,10 @@ type TextBaseProps = {
      * Пропы для скелетона
      */
     skeletonProps?: TextSkeletonProps;
+    /**
+     * Шрифт текста
+     */
+    font?: "alfasans" | undefined | null;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -1626,7 +1630,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-03d088c4";
+export type { TitleProps } from "./index-f0afaf5b";
 export type { Color } from "./colors-2c123cbc";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

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_f4ydi","l":"intl-phone-input__l_f4ydi","xl":"intl-phone-input__xl_f4ydi","flagIconWrapper":"intl-phone-input__flagIconWrapper_f4ydi","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_f4ydi"};
+var styles = {"addons":"intl-phone-input__addons_q988r","l":"intl-phone-input__l_q988r","xl":"intl-phone-input__xl_q988r","flagIconWrapper":"intl-phone-input__flagIconWrapper_q988r","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_q988r"};
 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_zortk","flagPlaceholder":"intl-phone-input__flagPlaceholder_zortk"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1at1o","flagPlaceholder":"intl-phone-input__flagPlaceholder_1at1o"};
 require('./index.css');
 
 /**

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

@@ -25,11 +25,11 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-2: var(--gap-3xs);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_zortk {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_1at1o {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_zortk {
+} .intl-phone-input__flagPlaceholder_1at1o {
     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_11ung","option":"intl-phone-input__option_11ung","flag":"intl-phone-input__flag_11ung","countryName":"intl-phone-input__countryName_11ung","dialCode":"intl-phone-input__dialCode_11ung"};
+var styles = {"component":"intl-phone-input__component_1g3jg","option":"intl-phone-input__option_1g3jg","flag":"intl-phone-input__flag_1g3jg","countryName":"intl-phone-input__countryName_1g3jg","dialCode":"intl-phone-input__dialCode_1g3jg"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

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

@@ -23,20 +23,20 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_11ung {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1g3jg {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_11ung {
+} .intl-phone-input__option_1g3jg {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_11ung {
+} .intl-phone-input__flag_1g3jg {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .intl-phone-input__countryName_11ung {
+} .intl-phone-input__countryName_1g3jg {
     margin-right: var(--gap-8);
-} .intl-phone-input__dialCode_11ung {
+} .intl-phone-input__dialCode_1g3jg {
     color: var(--color-light-text-secondary);
 }

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

@@ -15,7 +15,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"component":"intl-phone-input__component_1s2pv","flagIconContainer":"intl-phone-input__flagIconContainer_1s2pv","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1s2pv","disabled":"intl-phone-input__disabled_1s2pv","inner":"intl-phone-input__inner_1s2pv","l":"intl-phone-input__l_1s2pv","xl":"intl-phone-input__xl_1s2pv","focusVisible":"intl-phone-input__focusVisible_1s2pv"};
+var styles = {"component":"intl-phone-input__component_1vc7y","flagIconContainer":"intl-phone-input__flagIconContainer_1vc7y","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1vc7y","disabled":"intl-phone-input__disabled_1vc7y","inner":"intl-phone-input__inner_1vc7y","l":"intl-phone-input__l_1vc7y","xl":"intl-phone-input__xl_1vc7y","focusVisible":"intl-phone-input__focusVisible_1vc7y"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -28,36 +28,36 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1s2pv {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1vc7y {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1s2pv {
+} .intl-phone-input__flagIconContainer_1vc7y {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .intl-phone-input__emptyCountryIcon_1s2pv {
+} .intl-phone-input__emptyCountryIcon_1vc7y {
     color: var(--color-light-neutral-700);
-} .intl-phone-input__disabled_1s2pv {
+} .intl-phone-input__disabled_1vc7y {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1s2pv {
+} .intl-phone-input__inner_1vc7y {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .intl-phone-input__l_1s2pv .intl-phone-input__inner_1s2pv,
-.intl-phone-input__xl_1s2pv .intl-phone-input__inner_1s2pv {
+} .intl-phone-input__l_1vc7y .intl-phone-input__inner_1vc7y,
+.intl-phone-input__xl_1vc7y .intl-phone-input__inner_1vc7y {
     padding-left: var(--gap-16);
-} .intl-phone-input__focusVisible_1s2pv {
+} .intl-phone-input__focusVisible_1vc7y {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -24,7 +24,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-2: var(--gap-3xs);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ .flagIcon {
     max-width: 24px;
     max-height: 24px;

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

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ .component {
     position: static;
     display: flex;

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

@@ -27,7 +27,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
 } /* сбрасывает синюю подсветку при нажатии */ .component {

package/intl-phone-input/cssm/index.module.css

@@ -23,7 +23,7 @@
     --gap-0: 0px;
     --gap-12: var(--gap-s);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ .addons {
     padding-left: var(--gap-0);
 } .l .addons, .xl .addons {

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

@@ -17,7 +17,7 @@ import '../../select/esm/desktop';
 import '../../select/esm/shared';
 import './components/select-field/component.js';
 
-var styles = {"addons":"intl-phone-input__addons_f4ydi","l":"intl-phone-input__l_f4ydi","xl":"intl-phone-input__xl_f4ydi","flagIconWrapper":"intl-phone-input__flagIconWrapper_f4ydi","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_f4ydi"};
+var styles = {"addons":"intl-phone-input__addons_q988r","l":"intl-phone-input__l_q988r","xl":"intl-phone-input__xl_q988r","flagIconWrapper":"intl-phone-input__flagIconWrapper_q988r","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_q988r"};
 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_zortk","flagPlaceholder":"intl-phone-input__flagPlaceholder_zortk"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1at1o","flagPlaceholder":"intl-phone-input__flagPlaceholder_1at1o"};
 require('./index.css');
 
 /**

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

@@ -25,11 +25,11 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-2: var(--gap-3xs);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_zortk {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__flagIcon_1at1o {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_zortk {
+} .intl-phone-input__flagPlaceholder_1at1o {
     width: 24px;
     height: 16px;
     max-height: 16px;

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

@@ -10,7 +10,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-var styles = {"component":"intl-phone-input__component_11ung","option":"intl-phone-input__option_11ung","flag":"intl-phone-input__flag_11ung","countryName":"intl-phone-input__countryName_11ung","dialCode":"intl-phone-input__dialCode_11ung"};
+var styles = {"component":"intl-phone-input__component_1g3jg","option":"intl-phone-input__option_1g3jg","flag":"intl-phone-input__flag_1g3jg","countryName":"intl-phone-input__countryName_1g3jg","dialCode":"intl-phone-input__dialCode_1g3jg"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

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

@@ -23,20 +23,20 @@
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_11ung {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1g3jg {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_11ung {
+} .intl-phone-input__option_1g3jg {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_11ung {
+} .intl-phone-input__flag_1g3jg {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .intl-phone-input__countryName_11ung {
+} .intl-phone-input__countryName_1g3jg {
     margin-right: var(--gap-8);
-} .intl-phone-input__dialCode_11ung {
+} .intl-phone-input__dialCode_1g3jg {
     color: var(--color-light-text-secondary);
 }

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

@@ -7,7 +7,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"intl-phone-input__component_1s2pv","flagIconContainer":"intl-phone-input__flagIconContainer_1s2pv","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1s2pv","disabled":"intl-phone-input__disabled_1s2pv","inner":"intl-phone-input__inner_1s2pv","l":"intl-phone-input__l_1s2pv","xl":"intl-phone-input__xl_1s2pv","focusVisible":"intl-phone-input__focusVisible_1s2pv"};
+var styles = {"component":"intl-phone-input__component_1vc7y","flagIconContainer":"intl-phone-input__flagIconContainer_1vc7y","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1vc7y","disabled":"intl-phone-input__disabled_1vc7y","inner":"intl-phone-input__inner_1vc7y","l":"intl-phone-input__l_1vc7y","xl":"intl-phone-input__xl_1vc7y","focusVisible":"intl-phone-input__focusVisible_1vc7y"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -28,36 +28,36 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1s2pv {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__component_1vc7y {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1s2pv {
+} .intl-phone-input__flagIconContainer_1vc7y {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .intl-phone-input__emptyCountryIcon_1s2pv {
+} .intl-phone-input__emptyCountryIcon_1vc7y {
     color: var(--color-light-neutral-700);
-} .intl-phone-input__disabled_1s2pv {
+} .intl-phone-input__disabled_1vc7y {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1s2pv {
+} .intl-phone-input__inner_1vc7y {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .intl-phone-input__l_1s2pv .intl-phone-input__inner_1s2pv,
-.intl-phone-input__xl_1s2pv .intl-phone-input__inner_1s2pv {
+} .intl-phone-input__l_1vc7y .intl-phone-input__inner_1vc7y,
+.intl-phone-input__xl_1vc7y .intl-phone-input__inner_1vc7y {
     padding-left: var(--gap-16);
-} .intl-phone-input__focusVisible_1s2pv {
+} .intl-phone-input__focusVisible_1vc7y {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -24,18 +24,18 @@
     --gap-0: 0px;
     --gap-12: var(--gap-s);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__addons_f4ydi {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__addons_q988r {
     padding-left: var(--gap-0);
-} .intl-phone-input__l_f4ydi .intl-phone-input__addons_f4ydi, .intl-phone-input__xl_f4ydi .intl-phone-input__addons_f4ydi {
+} .intl-phone-input__l_q988r .intl-phone-input__addons_q988r, .intl-phone-input__xl_q988r .intl-phone-input__addons_q988r {
         padding-left: var(--gap-0);
-    } .intl-phone-input__flagIconWrapper_f4ydi {
+    } .intl-phone-input__flagIconWrapper_q988r {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-12);
-} .intl-phone-input__emptyCountryIcon_f4ydi {
+} .intl-phone-input__emptyCountryIcon_q988r {
     color: var(--color-light-neutral-700);
 }

package/intl-phone-input/index.css

@@ -24,18 +24,18 @@
     --gap-0: 0px;
     --gap-12: var(--gap-s);
 } :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__addons_f4ydi {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ .intl-phone-input__addons_q988r {
     padding-left: var(--gap-0);
-} .intl-phone-input__l_f4ydi .intl-phone-input__addons_f4ydi, .intl-phone-input__xl_f4ydi .intl-phone-input__addons_f4ydi {
+} .intl-phone-input__l_q988r .intl-phone-input__addons_q988r, .intl-phone-input__xl_q988r .intl-phone-input__addons_q988r {
         padding-left: var(--gap-0);
-    } .intl-phone-input__flagIconWrapper_f4ydi {
+    } .intl-phone-input__flagIconWrapper_q988r {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-12);
-} .intl-phone-input__emptyCountryIcon_f4ydi {
+} .intl-phone-input__emptyCountryIcon_q988r {
     color: var(--color-light-neutral-700);
 }