@alfalab/core-components 44.7.0-beta.1 → 45.0.0

package/international-phone-input/modern/Component.responsive.d.ts

@@ -7,11 +7,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -28,17 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-c29389e5").OptionShape | import("./typings-c29389e5").GroupShape)[];
+    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-c29389e5").OptionShape | import("./typings-c29389e5").GroupShape)[];
+    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/{cssm/ResponsiveContext-8a2a8ad1.d.ts → modern/ResponsiveContext-88b743b5.d.ts}

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

package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts

@@ -9,11 +9,9 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void) | undefined;
+    onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -18,7 +18,7 @@ import '@alfalab/hooks';
 const styles = {"component":"international-phone-input__component_1gdiu","addons":"international-phone-input__addons_1gdiu"};
 require('./index.css');
 
-const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 'm', Input, InputAutocomplete, SelectComponent, view, clear: clearProp, ...restProps }, ref) => {
+const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, country: countryProp, filterFn, onChange, onCountryChange, countrySelectProps, countries, defaultIso2, disabled, options, size = 56, Input, InputAutocomplete, SelectComponent, view, clear: clearProp, ...restProps }, ref) => {
     const countriesData = useMemo(() => initCountries(countries), [countries]);
     const inputRef = useRef(null);
     const inputWrapperRef = useRef(null);
@@ -32,40 +32,40 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
     };
     const maskOptions = useMemo(() => createMaskOptions(country, clearableCountryCode), [country, clearableCountryCode]);
     const maskRef = useMaskito({ options: maskOptions });
-    const changeNumber = (e, phone) => {
-        onChange?.(e, { value: phone });
+    const changeNumber = (phone) => {
+        onChange?.(phone);
     };
-    const updatePhoneData = (phone, e) => {
+    const updatePhoneData = (phone) => {
         const { nextCountry, nextPhone } = getPhoneData(phone, countriesData, defaultIso2);
         if (nextCountry !== country) {
             handleCountryChange?.(nextCountry);
         }
-        changeNumber(e, nextPhone);
+        changeNumber(nextPhone);
     };
     const handleSelectCountry = ({ selected }) => {
         const nextCountry = selected?.value;
         handleCountryChange?.(nextCountry);
         if (nextCountry) {
-            changeNumber(null, `+${nextCountry.dialCode}`);
+            changeNumber(`+${nextCountry.dialCode}`);
         }
         requestAnimationFrame(() => inputRef.current?.focus());
     };
     const handleOptionSelect = (payload) => {
-        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : payload.selected?.key || '', maskOptions), null);
+        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : payload.selected?.key || '', maskOptions));
     };
     const handleInput = (e) => {
-        updatePhoneData(e.target.value, e);
+        updatePhoneData(e.target.value);
     };
     const handleClear = (event) => {
         restProps.inputProps?.onClear?.(event);
         const countryCode = country?.countryCode || '';
-        changeNumber(null, clearableCountryCode ? '' : `+${countryCode}`);
+        changeNumber(clearableCountryCode ? '' : `+${countryCode}`);
     };
     useEffect(() => {
         if (value) {
             const newValue = maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue, null);
+                updatePhoneData(newValue);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -80,7 +80,7 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
         clear: getClear(clearProp, clearableCountryCode, value, country?.countryCode),
         ...restProps.inputProps,
     };
-    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: (event, { value: phone }) => updatePhoneData(phone, event), inputProps: {
+    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: (phone) => updatePhoneData(phone), inputProps: {
             ...inputProps,
             onClear: handleClear,
             onInput: handleInput,

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

@@ -1,5 +1,5 @@
 /* hash: 1r5mu */
-:root {
+: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-700: rgba(4, 4, 21, 0.47);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

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

@@ -1,5 +1,5 @@
 /* hash: 1agf3 */
-:root {
+: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-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 */
 } :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 */

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

@@ -4,5 +4,8 @@ declare const EMPTY_COUNTRY_SELECT_FIELD: {
     value: string;
     key: string;
 };
-declare const SelectField: FC<FieldProps>;
+type SelectFieldProps = FieldProps & {
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+};
+declare const SelectField: FC<SelectFieldProps>;
 export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };

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

@@ -6,18 +6,28 @@ import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-const styles = {"component":"international-phone-input__component_1vizw","flagIconContainer":"international-phone-input__flagIconContainer_1vizw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1vizw","disabled":"international-phone-input__disabled_1vizw","inner":"international-phone-input__inner_1vizw","l":"international-phone-input__l_1vizw","xl":"international-phone-input__xl_1vizw","focusVisible":"international-phone-input__focusVisible_1vizw"};
+const styles = {"component":"international-phone-input__component_1vizw","flagIconContainer":"international-phone-input__flagIconContainer_1vizw","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1vizw","disabled":"international-phone-input__disabled_1vizw","inner":"international-phone-input__inner_1vizw","size-64":"international-phone-input__size-64_1vizw","size-72":"international-phone-input__size-72_1vizw","focusVisible":"international-phone-input__focusVisible_1vizw"};
 require('./index.css');
 
 const EMPTY_COUNTRY_SELECT_FIELD = {
     value: 'EMPTY_COUNTRY_SELECT_VALUE',
     key: 'EMPTY_COUNTRY_SELECT_KEY',
 };
+const SIZE_TO_CLASSNAME_MAP = {
+    s: 'size-48',
+    m: 'size-56',
+    l: 'size-64',
+    xl: 'size-72',
+    48: 'size-48',
+    56: 'size-56',
+    64: 'size-64',
+    72: 'size-72',
+};
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {
     const wrapperRef = useRef(null);
     const [focusVisible] = useFocus(wrapperRef, 'keyboard');
     const ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[size], {
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[SIZE_TO_CLASSNAME_MAP[size]], {
             [styles.focusVisible]: focusVisible,
             [styles.disabled]: disabled,
         }) },

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

@@ -1,5 +1,5 @@
 /* hash: 1h39k */
-:root {
+: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-border-link: #2288fa;
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,8 +44,8 @@
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1vizw .international-phone-input__inner_1vizw,
-.international-phone-input__xl_1vizw .international-phone-input__inner_1vizw {
+} .international-phone-input__size-64_1vizw .international-phone-input__inner_1vizw,
+.international-phone-input__size-72_1vizw .international-phone-input__inner_1vizw {
     padding-left: var(--gap-m);
 } .international-phone-input__focusVisible_1vizw {
     outline: 2px solid var(--focus-color);

package/international-phone-input/modern/consts-6c9aad46.d.ts

@@ -0,0 +1,12 @@
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    fullscreen: string;
+    500: string;
+    600: string;
+    800: string;
+    1140: string;
+};
+export { SIZE_TO_CLASSNAME_MAP };

package/international-phone-input/modern/consts-ef43bf1b.d.ts

@@ -0,0 +1,12 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    48: string;
+    56: string;
+    64: string;
+    72: string;
+};
+export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };

package/international-phone-input/modern/{index-c241b310.d.ts → index-61e2321e.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-c241b310";
+export type { ButtonProps } from "./typings-61e2321e";

package/international-phone-input/modern/index-8566963f.d.ts

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

package/international-phone-input/modern/index-ebda875c.d.ts

@@ -17,8 +17,9 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
     block?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */
@@ -118,7 +119,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
 };
 declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | undefined;
+    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
     colors?: "default" | "inverted" | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;

package/international-phone-input/modern/types.d.ts

@@ -1,11 +1,11 @@
-import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
+import { ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "../../input";
 import { InputDesktopProps } from "../../input/desktop";
 import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-c29389e5";
+import { OptionShape } from "./typings-70284312";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;
@@ -57,9 +57,7 @@ type CommonPhoneInputProps = {
     /**
      *  Обработчик изменения номера
      */
-    onChange?: (e: ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void;
+    onChange?: (phone: string) => void;
     /**
      * Обработчик блюра поля
      */

package/international-phone-input/{typings-c241b310.d.ts → modern/typings-61e2321e.d.ts}

@@ -37,9 +37,10 @@ type ComponentProps = {
     rightAddons?: ReactNode;
     /**
      * Размер компонента
-     * @default m
+     * @default 56
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      * @default false

package/international-phone-input/modern/{typings-c29389e5.d.ts → typings-70284312.d.ts}

@@ -10,9 +10,9 @@ import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { ButtonProps } from "./index-c241b310";
-import { ContentProps } from "./typings-8a2a8ad1";
-import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+import { ButtonProps } from "./index-61e2321e";
+import { ContentProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 import { InputProps } from "../../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -512,7 +512,7 @@ interface ControlsProps {
     gap?: 16 | 24 | 32;
 }
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
@@ -521,7 +521,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-8a2a8ad1").ContentProps>;
+    Content: React.FC<import("./typings-88b743b5").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -879,7 +879,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | 24 | 32 | 40 | 48 | "xxs" | 56 | undefined;
+    size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
@@ -1029,12 +1029,14 @@ type BaseSelectProps = {
     multiple?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl';
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1299,8 +1301,9 @@ type OptionsListProps = {
     scrollbarClassName?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1402,8 +1405,9 @@ type OptgroupProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1420,8 +1424,9 @@ type OptionProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1579,8 +1584,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 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, getDefaultWeight, 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-8a2a8ad1";
-export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
+export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
 export * from "./use-skeleton-1328ead9";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/international-phone-input/{esm/typings-8a2a8ad1.d.ts → modern/typings-88b743b5.d.ts}

@@ -3,9 +3,10 @@ import { BaseModalProps } from "./index-bdb4c6b9";
 type ModalDesktopProps = BaseModalProps & {
     /**
      * Ширина модального окна
-     * @default "m"
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
     /**
      * Растягивает модальное окно на весь экран
      * @deprecated Используйте размер fullscreen

package/international-phone-input/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/types.d.ts

@@ -1,11 +1,11 @@
-import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
+import { ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "../input";
 import { InputDesktopProps } from "../input/desktop";
 import { InputMobileProps } from "../input/mobile";
 import { InputAutocompleteProps } from "../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
-import { OptionShape } from "./typings-c29389e5";
+import { OptionShape } from "./typings-70284312";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;
@@ -57,9 +57,7 @@ type CommonPhoneInputProps = {
     /**
      *  Обработчик изменения номера
      */
-    onChange?: (e: ChangeEvent<HTMLInputElement> | null, { value }: {
-        value: string;
-    }) => void;
+    onChange?: (phone: string) => void;
     /**
      * Обработчик блюра поля
      */

package/international-phone-input/{cssm/typings-c241b310.d.ts → typings-61e2321e.d.ts}

@@ -37,9 +37,10 @@ type ComponentProps = {
     rightAddons?: ReactNode;
     /**
      * Размер компонента
-     * @default m
+     * @default 56
+     * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      * @default false

package/international-phone-input/{typings-c29389e5.d.ts → typings-70284312.d.ts}

@@ -10,9 +10,9 @@ import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { ButtonProps } from "./index-c241b310";
-import { ContentProps } from "./typings-8a2a8ad1";
-import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+import { ButtonProps } from "./index-61e2321e";
+import { ContentProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 import { InputProps } from "../input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -512,7 +512,7 @@ interface ControlsProps {
     gap?: 16 | 24 | 32;
 }
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
@@ -521,7 +521,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-8a2a8ad1").ContentProps>;
+    Content: React.FC<import("./typings-88b743b5").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -879,7 +879,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | 24 | 32 | 40 | 48 | "xxs" | 56 | undefined;
+    size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
@@ -1029,12 +1029,14 @@ type BaseSelectProps = {
     multiple?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl';
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1299,8 +1301,9 @@ type OptionsListProps = {
     scrollbarClassName?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1402,8 +1405,9 @@ type OptgroupProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1420,8 +1424,9 @@ type OptionProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1579,8 +1584,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 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, getDefaultWeight, 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-8a2a8ad1";
-export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
+export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
 export * from "./use-skeleton-1328ead9";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/international-phone-input/{typings-8a2a8ad1.d.ts → typings-88b743b5.d.ts}

@@ -3,9 +3,10 @@ import { BaseModalProps } from "./index-bdb4c6b9";
 type ModalDesktopProps = BaseModalProps & {
     /**
      * Ширина модального окна
-     * @default "m"
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
     /**
      * Растягивает модальное окно на весь экран
      * @deprecated Используйте размер fullscreen

package/international-phone-input/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {