@alfalab/core-components-international-phone-input 1.2.7 → 1.3.1

package/{Component-553146b2.d.ts → Component-202ae1dc.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/Component-bdb4c6b9.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";

package/{esm/ResponsiveContext-08e5596c.d.ts → ResponsiveContext-8a2a8ad1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-08e5596c";
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

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

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

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

@@ -1,5 +1,5 @@
-/* hash: 1622x */
+/* hash: 1avf0 */
 
-    .international-phone-input__component_c4ead .international-phone-input__addons_c4ead {
+    .international-phone-input__component_191zw .international-phone-input__addons_191zw {
         padding-left: 0;
     }

package/components/country-select/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_8itac","option":"international-phone-input__option_8itac","flag":"international-phone-input__flag_8itac","countryName":"international-phone-input__countryName_8itac","dialCode":"international-phone-input__dialCode_8itac","flagIconWrapper":"international-phone-input__flagIconWrapper_8itac","emptyCountryIcon":"international-phone-input__emptyCountryIcon_8itac"};
+var styles = {"component":"international-phone-input__component_1g218","option":"international-phone-input__option_1g218","flag":"international-phone-input__flag_1g218","countryName":"international-phone-input__countryName_1g218","dialCode":"international-phone-input__dialCode_1g218","flagIconWrapper":"international-phone-input__flagIconWrapper_1g218","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1g218"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: jhp0s */
+/* hash: lfkam */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_8itac {
+} .international-phone-input__component_1g218 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_8itac {
+} .international-phone-input__option_1g218 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_8itac {
+} .international-phone-input__flag_1g218 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_8itac {
+} .international-phone-input__countryName_1g218 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_8itac {
+} .international-phone-input__dialCode_1g218 {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_8itac {
+} .international-phone-input__flagIconWrapper_1g218 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_8itac {
+} .international-phone-input__emptyCountryIcon_1g218 {
     color: var(--color-light-neutral-translucent-700);
 }

package/components/flag-icon/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_1wlst","flagPlaceholder":"international-phone-input__flagPlaceholder_1wlst"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_1bnmj","flagPlaceholder":"international-phone-input__flagPlaceholder_1bnmj"};
 require('./index.css')
 
 /**

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: j38v9 */
+/* hash: h5dlf */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1wlst {
+} .international-phone-input__flagIcon_1bnmj {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1wlst {
+} .international-phone-input__flagPlaceholder_1bnmj {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select-field/component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_w6fk0","flagIconContainer":"international-phone-input__flagIconContainer_w6fk0","emptyCountryIcon":"international-phone-input__emptyCountryIcon_w6fk0","disabled":"international-phone-input__disabled_w6fk0","inner":"international-phone-input__inner_w6fk0","l":"international-phone-input__l_w6fk0","xl":"international-phone-input__xl_w6fk0","focusVisible":"international-phone-input__focusVisible_w6fk0"};
+var styles = {"component":"international-phone-input__component_hitta","flagIconContainer":"international-phone-input__flagIconContainer_hitta","emptyCountryIcon":"international-phone-input__emptyCountryIcon_hitta","disabled":"international-phone-input__disabled_hitta","inner":"international-phone-input__inner_hitta","l":"international-phone-input__l_hitta","xl":"international-phone-input__xl_hitta","focusVisible":"international-phone-input__focusVisible_hitta"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 12jaa */
+/* hash: imwxt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_w6fk0 {
+} .international-phone-input__component_hitta {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_w6fk0 {
+} .international-phone-input__flagIconContainer_hitta {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_w6fk0 {
+} .international-phone-input__emptyCountryIcon_hitta {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_w6fk0 {
+} .international-phone-input__disabled_hitta {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_w6fk0 {
+} .international-phone-input__inner_hitta {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_w6fk0 .international-phone-input__inner_w6fk0,
-.international-phone-input__xl_w6fk0 .international-phone-input__inner_w6fk0 {
+} .international-phone-input__l_hitta .international-phone-input__inner_hitta,
+.international-phone-input__xl_hitta .international-phone-input__inner_hitta {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_w6fk0 {
+} .international-phone-input__focusVisible_hitta {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/{modern/Component-553146b2.d.ts → cssm/Component-202ae1dc.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/cssm/Component-bdb4c6b9.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/cssm/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";

package/{ResponsiveContext-08e5596c.d.ts → cssm/ResponsiveContext-8a2a8ad1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-08e5596c";
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

package/cssm/{index-553146b2.d.ts → index-202ae1dc.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-553146b2";
+export type { ButtonProps } from "./typings-202ae1dc";

package/cssm/index-8566963f.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps } from "./typings-553146b2";
+import { CommonButtonProps } from "./typings-202ae1dc";
 declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonDesktop };
-export type { CommonButtonProps as ButtonDesktopProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-202ae1dc";

package/cssm/{types-1b036d4b.d.ts → types-1328ead9.d.ts}

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

package/{modern/typings-553146b2.d.ts → cssm/typings-202ae1dc.d.ts}

@@ -13,6 +13,20 @@ type ComponentProps = {
      * @default secondary
      */
     view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Форма кнопки
+     * @default rectangular
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Ширина текстового контента
+     * @default hug
+     */
+    textResizing?: 'fill' | 'hug';
+    /**
+     *  Подпись под лейблом (видна только в размерах >= m)
+     */
+    hint?: ReactNode;
     /**
      * Слот слева
      */

package/{modern/typings-08e5596c.d.ts → cssm/typings-8a2a8ad1.d.ts}

@@ -38,6 +38,7 @@ type View = 'desktop' | 'mobile';
 type TResponsiveModalContext = {
     view: View;
     size: NonNullable<ModalDesktopProps['size']>;
+    dataTestId?: string;
 };
 type ContentProps = {
     /**

package/cssm/typings-c29389e5.d.ts

@@ -9,10 +9,10 @@ import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
-import { ButtonProps } from "./index-553146b2";
-import { ContentProps } from "./typings-08e5596c";
-import { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
+import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
+import { ButtonProps } from "./index-202ae1dc";
+import { ContentProps } from "./typings-8a2a8ad1";
+import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 import { InputProps } from "@alfalab/core-components-input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -521,11 +521,21 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-08e5596c").ContentProps>;
+    Content: React.FC<import("./typings-8a2a8ad1").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
 declare const ModalContext: import("react").Context<BaseModalContext>;
+declare function getModalTestIds(dataTestId: string): {
+    modal: string;
+    content: string;
+    footer: string;
+    controls: string;
+    header: string;
+    title: string;
+    closer: string;
+    backButton: string;
+};
 type RefElement = HTMLElement | null;
 type Position = BasePlacement | VariationPlacement;
 type PopoverProps = {
@@ -547,7 +557,7 @@ type PopoverProps = {
     position?: Position;
     /**
      * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     * Например, если места снизу недостаточно, то он все равно будет показан снизу
      */
     preventFlip?: boolean;
     /**
@@ -811,7 +821,20 @@ declare const typographyPresets: {
         };
     };
 };
-declare const TitleResponsive: FC<TitleProps>;
+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" | undefined;
+    weight?: "bold" | "medium" | "regular" | undefined;
+    font?: "styrene" | "system" | 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;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
 type IconButtonProps = {
     /**
      * Компонент иконки
@@ -825,8 +848,9 @@ type IconButtonProps = {
     view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
     /**
      * Размер компонента
+     * @description xxs, xs, s deprecated, используйте вместо них 24, 32, 40 соответственно
      */
-    size?: "xxs" | "xs" | "s";
+    size?: "xxs" | "xs" | "s" | 24 | 32 | 40 | 48 | 56;
     /**
      * Дополнительный класс
      */
@@ -850,7 +874,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | "xxs" | undefined;
+    size?: "s" | "xs" | 24 | 32 | 40 | 48 | "xxs" | 56 | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
@@ -1548,10 +1572,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
-export { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
-export type { ContentProps as ModalContentProps } from "./typings-08e5596c";
-export * from "./useSkeleton-1b036d4b";
+export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
+export * from "./use-skeleton-1328ead9";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/{esm/useSkeleton-1b036d4b.d.ts → cssm/use-skeleton-1328ead9.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { ReactNode } from "react";
-import { TextSkeletonProps } from "./types-1b036d4b";
+import { TextSkeletonProps } from "./types-1328ead9";
 type SkeletonProps = {
     /**
      * Флаг, явно задающий состояние, при котором контент закрывается прелоадером

package/{cssm/Component-553146b2.d.ts → esm/Component-202ae1dc.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/esm/Component-bdb4c6b9.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-08e5596c";
+import { View } from "./typings-8a2a8ad1";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;

package/esm/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-553146b2";
+import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-553146b2";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";

package/{modern/ResponsiveContext-08e5596c.d.ts → esm/ResponsiveContext-8a2a8ad1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { TResponsiveModalContext } from "./typings-08e5596c";
+import { TResponsiveModalContext } from "./typings-8a2a8ad1";
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 export { ResponsiveContext };

package/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_c4ead","addons":"international-phone-input__addons_c4ead"};
+var styles = {"component":"international-phone-input__component_191zw","addons":"international-phone-input__addons_191zw"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: 1622x */
+/* hash: 1avf0 */
 
-    .international-phone-input__component_c4ead .international-phone-input__addons_c4ead {
+    .international-phone-input__component_191zw .international-phone-input__addons_191zw {
         padding-left: 0;
     }

package/esm/components/country-select/Component.js

@@ -10,7 +10,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_8itac","option":"international-phone-input__option_8itac","flag":"international-phone-input__flag_8itac","countryName":"international-phone-input__countryName_8itac","dialCode":"international-phone-input__dialCode_8itac","flagIconWrapper":"international-phone-input__flagIconWrapper_8itac","emptyCountryIcon":"international-phone-input__emptyCountryIcon_8itac"};
+var styles = {"component":"international-phone-input__component_1g218","option":"international-phone-input__option_1g218","flag":"international-phone-input__flag_1g218","countryName":"international-phone-input__countryName_1g218","dialCode":"international-phone-input__dialCode_1g218","flagIconWrapper":"international-phone-input__flagIconWrapper_1g218","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1g218"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/esm/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: jhp0s */
+/* hash: lfkam */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_8itac {
+} .international-phone-input__component_1g218 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_8itac {
+} .international-phone-input__option_1g218 {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_8itac {
+} .international-phone-input__flag_1g218 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_8itac {
+} .international-phone-input__countryName_1g218 {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_8itac {
+} .international-phone-input__dialCode_1g218 {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_8itac {
+} .international-phone-input__flagIconWrapper_1g218 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_8itac {
+} .international-phone-input__emptyCountryIcon_1g218 {
     color: var(--color-light-neutral-translucent-700);
 }

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

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: j38v9 */
+/* hash: h5dlf */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1wlst {
+} .international-phone-input__flagIcon_1bnmj {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1wlst {
+} .international-phone-input__flagPlaceholder_1bnmj {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/select-field/component.js

@@ -7,7 +7,7 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-var styles = {"component":"international-phone-input__component_w6fk0","flagIconContainer":"international-phone-input__flagIconContainer_w6fk0","emptyCountryIcon":"international-phone-input__emptyCountryIcon_w6fk0","disabled":"international-phone-input__disabled_w6fk0","inner":"international-phone-input__inner_w6fk0","l":"international-phone-input__l_w6fk0","xl":"international-phone-input__xl_w6fk0","focusVisible":"international-phone-input__focusVisible_w6fk0"};
+var styles = {"component":"international-phone-input__component_hitta","flagIconContainer":"international-phone-input__flagIconContainer_hitta","emptyCountryIcon":"international-phone-input__emptyCountryIcon_hitta","disabled":"international-phone-input__disabled_hitta","inner":"international-phone-input__inner_hitta","l":"international-phone-input__l_hitta","xl":"international-phone-input__xl_hitta","focusVisible":"international-phone-input__focusVisible_hitta"};
 require('./index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 12jaa */
+/* hash: imwxt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_w6fk0 {
+} .international-phone-input__component_hitta {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_w6fk0 {
+} .international-phone-input__flagIconContainer_hitta {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_w6fk0 {
+} .international-phone-input__emptyCountryIcon_hitta {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_w6fk0 {
+} .international-phone-input__disabled_hitta {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_w6fk0 {
+} .international-phone-input__inner_hitta {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_w6fk0 .international-phone-input__inner_w6fk0,
-.international-phone-input__xl_w6fk0 .international-phone-input__inner_w6fk0 {
+} .international-phone-input__l_hitta .international-phone-input__inner_hitta,
+.international-phone-input__xl_hitta .international-phone-input__inner_hitta {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_w6fk0 {
+} .international-phone-input__focusVisible_hitta {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }