npm - @alfalab/core-components-international-phone-input - Versions diffs - 2.0.8 → 2.0.10 - Mend

@alfalab/core-components-international-phone-input 2.0.8 → 2.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/{Component-57569e57.d.ts → Component-1fe708ea.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-57569e57";
+import { OptgroupProps } from "./typings-1fe708ea";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/Component-bdb4c6b9.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/Component.responsive.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => 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-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/{esm/ResponsiveContext-88b743b5.d.ts → ResponsiveContext-d6bfd5b7.d.ts} RENAMED Viewed

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

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

@@ -9,7 +9,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

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

@@ -16,7 +16,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_1ojnt","addons":"international-phone-input__addons_1ojnt"};
+var styles = {"component":"international-phone-input__component_119eq","addons":"international-phone-input__addons_119eq"};
 require('./index.css')
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

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

@@ -1,5 +1,5 @@
-/* hash: n73ko */
+/* hash: eh9cj */
-    .international-phone-input__component_1ojnt .international-phone-input__addons_1ojnt {
+    .international-phone-input__component_119eq .international-phone-input__addons_119eq {
         padding-left: 0;
     }

package/components/country-select/Component.js CHANGED Viewed

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles = {"component":"international-phone-input__component_mzgzx","option":"international-phone-input__option_mzgzx","flag":"international-phone-input__flag_mzgzx","countryName":"international-phone-input__countryName_mzgzx","dialCode":"international-phone-input__dialCode_mzgzx","flagIconWrapper":"international-phone-input__flagIconWrapper_mzgzx","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mzgzx"};
+var styles = {"component":"international-phone-input__component_bjoji","option":"international-phone-input__option_bjoji","flag":"international-phone-input__flag_bjoji","countryName":"international-phone-input__countryName_bjoji","dialCode":"international-phone-input__dialCode_bjoji","flagIconWrapper":"international-phone-input__flagIconWrapper_bjoji","emptyCountryIcon":"international-phone-input__emptyCountryIcon_bjoji"};
 require('./index.css')
 var CountrySelect = function (_a) {

package/components/country-select/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1c842 */
+/* hash: 7tsqd */
 :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);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_mzgzx {
+} .international-phone-input__component_bjoji {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_mzgzx {
+} .international-phone-input__option_bjoji {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_mzgzx {
+} .international-phone-input__flag_bjoji {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_mzgzx {
+} .international-phone-input__countryName_bjoji {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_mzgzx {
+} .international-phone-input__dialCode_bjoji {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_mzgzx {
+} .international-phone-input__flagIconWrapper_bjoji {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_mzgzx {
+} .international-phone-input__emptyCountryIcon_bjoji {
     color: var(--color-light-neutral-translucent-700);
 }

package/components/flag-icon/component.js CHANGED Viewed

@@ -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_1r0xb","flagPlaceholder":"international-phone-input__flagPlaceholder_1r0xb"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_ehm6k","flagPlaceholder":"international-phone-input__flagPlaceholder_ehm6k"};
 require('./index.css')
 /**

package/components/flag-icon/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1pdxv */
+/* hash: opl1r */
 :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 */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1r0xb {
+} .international-phone-input__flagIcon_ehm6k {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1r0xb {
+} .international-phone-input__flagPlaceholder_ehm6k {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/select-field/component.js CHANGED Viewed

@@ -16,7 +16,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_6lqrs","flagIconContainer":"international-phone-input__flagIconContainer_6lqrs","emptyCountryIcon":"international-phone-input__emptyCountryIcon_6lqrs","disabled":"international-phone-input__disabled_6lqrs","inner":"international-phone-input__inner_6lqrs","size-64":"international-phone-input__size-64_6lqrs","size-72":"international-phone-input__size-72_6lqrs","focusVisible":"international-phone-input__focusVisible_6lqrs"};
+var styles = {"component":"international-phone-input__component_17zto","flagIconContainer":"international-phone-input__flagIconContainer_17zto","emptyCountryIcon":"international-phone-input__emptyCountryIcon_17zto","disabled":"international-phone-input__disabled_17zto","inner":"international-phone-input__inner_17zto","size-64":"international-phone-input__size-64_17zto","size-72":"international-phone-input__size-72_17zto","focusVisible":"international-phone-input__focusVisible_17zto"};
 require('./index.css')
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/components/select-field/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1le9m */
+/* hash: 1u43v */
 :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;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_6lqrs {
+} .international-phone-input__component_17zto {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_6lqrs {
+} .international-phone-input__flagIconContainer_17zto {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_6lqrs {
+} .international-phone-input__emptyCountryIcon_17zto {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_6lqrs {
+} .international-phone-input__disabled_17zto {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_6lqrs {
+} .international-phone-input__inner_17zto {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__size-64_6lqrs .international-phone-input__inner_6lqrs,
-.international-phone-input__size-72_6lqrs .international-phone-input__inner_6lqrs {
+} .international-phone-input__size-64_17zto .international-phone-input__inner_17zto,
+.international-phone-input__size-72_17zto .international-phone-input__inner_17zto {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_6lqrs {
+} .international-phone-input__focusVisible_17zto {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/{esm/Component-57569e57.d.ts → cssm/Component-1fe708ea.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-57569e57";
+import { OptgroupProps } from "./typings-1fe708ea";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/cssm/Component-bdb4c6b9.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/cssm/Component.responsive.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => 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-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/{ResponsiveContext-88b743b5.d.ts → cssm/ResponsiveContext-d6bfd5b7.d.ts} RENAMED Viewed

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

package/cssm/components/base-international-phone-input/Component.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/cssm/index-bdb4c6b9.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps, PortalProps } from "./index-ebda875c";
 type BaseModalProps = {
@@ -13,7 +13,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -134,6 +134,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -157,7 +161,10 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -179,5 +186,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
 export type { SavedStyle };

package/cssm/types.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { InputMobileProps } from "@alfalab/core-components-input/mobile";
 import { InputAutocompleteProps } from "@alfalab/core-components-input-autocomplete";
 import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "@alfalab/core-components-input-autocomplete/mobile";
-import { OptionShape } from "./typings-57569e57";
+import { OptionShape } from "./typings-1fe708ea";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/cssm/{typings-57569e57.d.ts → typings-1fe708ea.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, FocusEvent, MouseEvent, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
@@ -11,8 +11,8 @@ import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
-import { ContentProps } from "./typings-88b743b5";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ContentProps } from "./typings-d6bfd5b7";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { InputProps } from "@alfalab/core-components-input";
 interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
@@ -66,7 +66,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -172,6 +172,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
+type NavigationBarProps = NavigationBarPrivateProps;
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
@@ -464,7 +465,7 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -516,12 +517,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -652,7 +654,7 @@ type FooterProps$0 = {
     dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
-type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
+type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
 };
@@ -1129,11 +1131,11 @@ type BaseSelectProps = {
     /**
      * Компонент стрелки
      */
-    Arrow?: FC<ArrowProps> | null | false;
+    Arrow?: ComponentType<ArrowProps> | null | false;
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: ComponentType<FieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -1149,15 +1151,15 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */
-    Optgroup?: FC<OptgroupProps>;
+    Optgroup?: ComponentType<OptgroupProps>;
     /**
      * Компонент пункта меню
      */
-    Option?: FC<OptionProps>;
+    Option?: ComponentType<OptionProps>;
     /**
      * Включает отображение поиска
      */
@@ -1165,7 +1167,7 @@ type BaseSelectProps = {
     /**
      * Компонент поиска
      */
-    Search?: FC<SearchProps>;
+    Search?: ComponentType<SearchProps>;
     /**
      * Настройки поиска
      */
@@ -1327,7 +1329,7 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: FC<OptionProps>;
+    Option: ComponentType<OptionProps>;
     /**
      * Функция для получения пропсов для ячейки
      */
@@ -1604,8 +1606,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, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, 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-88b743b5";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./use-skeleton-1328ead9";
 export * from "./Component.desktop-ebda875c";
 export * from "./Component.mobile-ebda875c";

package/cssm/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts} RENAMED Viewed

@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
 type ModalResponsiveProps = ModalDesktopProps & {

package/cssm/use-skeleton-1328ead9.d.ts CHANGED Viewed

@@ -19,6 +19,10 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/cssm/utils-89376c31.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-57569e57";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
 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/{cssm/Component-57569e57.d.ts → esm/Component-1fe708ea.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-57569e57";
+import { OptgroupProps } from "./typings-1fe708ea";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/esm/Component-bdb4c6b9.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/esm/Component.responsive.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => 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-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
+    options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
 } & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/{modern/ResponsiveContext-88b743b5.d.ts → esm/ResponsiveContext-d6bfd5b7.d.ts} RENAMED Viewed

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

package/esm/components/base-international-phone-input/Component.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ 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-57569e57").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/esm/components/base-international-phone-input/Component.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { BaseOption } from '@alfalab/core-components-select/esm/shared';
 import { initCountries, findCountry, filterPhones, createMaskOptions, getClear, getPhoneData } from '../../utils/index.js';
 import { CountrySelect } from '../country-select/Component.js';
-var styles = {"component":"international-phone-input__component_1ojnt","addons":"international-phone-input__addons_1ojnt"};
+var styles = {"component":"international-phone-input__component_119eq","addons":"international-phone-input__addons_119eq"};
 require('./index.css')
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {