@sberbusiness/triplex-next 1.31.0 → 1.33.0

package/index.d.ts

@@ -1110,7 +1110,7 @@ declare const designTokensComponentsIslandKeys: readonly ["Type1_Background", "T
 
 declare const designTokensComponentsIslandWidgetKeys: readonly ["ExtraFooter_Background", "ExtraFooter_Shadow"];
 
-declare const designTokensComponentsLightBoxKeys: readonly ["Backdrop_Background", "Content_Background"];
+declare const designTokensComponentsLightBoxKeys: readonly ["Backdrop_Background", "Content_Background", "SideOverlay_Background"];
 
 declare const designTokensComponentsLinkKeys: readonly ["BorderColor_Focus", "Text_Color_Active", "Text_Color_Default", "Text_Color_Hover"];
 
@@ -1474,8 +1474,8 @@ export declare enum EFontWeightText {
 
 /** Возможные начертания шрифта компонента Title. */
 export declare enum EFontWeightTitle {
-    MEDIUM = "medium",
     REGULAR = "regular",
+    MEDIUM = "medium",
     SEMIBOLD = "semibold",
     BOLD = "bold"
 }
@@ -2914,11 +2914,11 @@ declare interface IConfirmContentProps extends default_2.HTMLAttributes<HTMLDivE
 }
 
 /** Свойства компонента ConfirmContentSubTitle. */
-declare interface IConfirmContentSubTitleProps extends TTextProps<"div"> {
+declare interface IConfirmContentSubTitleProps extends Partial<TTextProps<"div">> {
 }
 
 /** Свойства компонента ConfirmContentTitle. */
-declare interface IConfirmContentTitleProps extends TTitleProps<"h1"> {
+declare interface IConfirmContentTitleProps extends Partial<TTitleProps<"h1">> {
 }
 
 /** Свойства компонента ConfirmControls. */
@@ -3232,6 +3232,10 @@ export declare interface IExpandAnimationProps extends default_2.HTMLAttributes<
 export declare interface IFilterPanelProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+/** Свойства компонента FocusTrapExtended. */
+declare interface IFocusTrapExtendedProps extends FocusTrapProps {
+}
+
 declare interface IFocusTrapUtils {
     /** Data-атрибут, на который будет установлен фокус при использовании FocusTrap. */
     firstInteractionElementDataAttr: string;
@@ -3805,8 +3809,8 @@ declare interface ILightBoxPrevProps extends default_2.HTMLAttributes<HTMLDivEle
 /** Свойства компонента LightBox. */
 export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDivElement> {
     children: default_2.ReactElement[];
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: FocusTrapProps;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Ref на контейнер LightBox. */
     forwardRef?: default_2.MutableRefObject<HTMLElement | null>;
     /** DOM-нода в которую будет рендерится лайтбокс. */
@@ -3844,15 +3848,10 @@ declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAt
 declare interface ILightBoxSideOverlayCloseMobileProps extends default_2.HTMLAttributes<HTMLButtonElement> {
 }
 
-export declare interface ILightBoxSideOverlayFC extends default_2.FC<ILightBoxSideOverlayProps> {
-    CloseDesktop: typeof LightBoxSideOverlayCloseDesktop;
-    CloseMobile: typeof LightBoxSideOverlayCloseMobile;
-}
-
 /** Свойства компонента LightBoxSideOverlay. */
 export declare interface ILightBoxSideOverlayProps extends default_2.HTMLAttributes<HTMLDivElement>, Pick<IOverlayBaseProps, "opened" | "onClose" | "onOpen"> {
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: FocusTrapProps;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Состояние загрузки. */
     isLoading?: boolean;
     /** Текст под спиннером. */
@@ -4202,9 +4201,7 @@ declare interface IMediaProps {
     fallback: default_2.ReactElement | null;
 }
 
-/**
- * Свойства MobileView.
- */
+/** Свойства компонента MobileView. */
 export declare interface IMobileViewProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */
     children: default_2.ReactElement | null;
@@ -4259,8 +4256,8 @@ export declare interface IModalWindowProps extends default_2.HTMLAttributes<HTML
     children: default_2.ReactElement;
     /** ClassName контейнера модального окна. */
     containerClassName?: string;
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: FocusTrapProps;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Callback после анимации закрытия модального окна. */
     onExited?: () => void;
     /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */
@@ -5038,6 +5035,10 @@ export declare interface IStatusTrackerProps extends default_2.HTMLAttributes<HT
     verticalAlign?: EStatusTrackerVerticalAlign;
 }
 
+/** Свойства компонента StatusTrackerStatusGroup. */
+declare interface IStatusTrackerStatusGroup extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
 /** Свойства компонента StatusTrackerSum. */
 export declare interface IStatusTrackerSumProps extends default_2.HTMLAttributes<HTMLDivElement> {
     amountProps: IAmountProps;
@@ -5841,8 +5842,8 @@ export declare interface ITooltipYCoordinates {
 /** Свойства компонента TopOverlay. */
 export declare interface ITopOverlayProps extends Pick<IOverlayProps, "opened" | "onOpen" | "onClose"> {
     children?: default_2.ReactNode;
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: FocusTrapProps;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
 }
 
 /**
@@ -5999,7 +6000,10 @@ export declare class KeyDownListener extends default_2.Component<IKeyDownListene
 
 export declare const LightBox: default_2.FC<ILightBoxProps> & {
     Content: default_2.FC<ILightBoxContentProps>;
-    SideOverlay: ILightBoxSideOverlayFC;
+    SideOverlay: default_2.ForwardRefExoticComponent<ILightBoxSideOverlayProps & default_2.RefAttributes<HTMLDivElement>> & {
+        CloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
+        CloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+    };
     TopOverlay: default_2.FC<ITopOverlayProps>;
     Controls: ILightBoxControlsFC;
     LeftSidebar: default_2.ForwardRefExoticComponent<ILightBoxLeftSidebarProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -6017,23 +6021,11 @@ declare const LightBoxNext: default_2.FC<ILightBoxNextProps>;
 /** Стрелка лайтбокса "Назад". */
 declare const LightBoxPrev: default_2.FC<ILightBoxPrevProps>;
 
-/**
- * Боковая панель LightBox.
- * Выезжает из правой границы LightBox.
- */
-export declare const LightBoxSideOverlay: ILightBoxSideOverlayFC;
-
-/**
- * Компонент закрытия SideOverlay для десктопа.
- * Отображается только на десктопе, справа от заголовка SideOverlay.
- */
-declare const LightBoxSideOverlayCloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
-
-/**
- * Компонент закрытия SideOverlay для мобильного устройства.
- * Отображается только на мобильном устройстве, внутри заголовка SideOverlay.
- */
-declare const LightBoxSideOverlayCloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+/** Боковая панель LightBox, выезжающая с правой стороны. */
+export declare const LightBoxSideOverlay: default_2.ForwardRefExoticComponent<ILightBoxSideOverlayProps & default_2.RefAttributes<HTMLDivElement>> & {
+    CloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
+    CloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+};
 
 export declare const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
 
@@ -6160,7 +6152,7 @@ export declare const LoaderSmall: default_2.FC<ILoaderSmallProps>;
 
 export declare const Marker: default_2.FC<IMarkerProps>;
 
-export declare const MarkerStatus: default_2.FC<IMarkerStatusProps>;
+export declare const MarkerStatus: default_2.ForwardRefExoticComponent<IMarkerStatusProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Компонент ввода с маской. */
 export declare const MaskedField: default_2.FC<IMaskedFieldProps>;
@@ -6537,6 +6529,7 @@ export declare const StatusTracker: default_2.ForwardRefExoticComponent<IStatusT
     Body: default_2.ForwardRefExoticComponent<IStatusTrackerBodyProps & default_2.RefAttributes<HTMLDivElement>> & {
         Alert: default_2.FC<IAlertProcessProps>;
         Status: default_2.FC<IMarkerStatusProps>;
+        StatusGroup: default_2.ForwardRefExoticComponent<IStatusTrackerStatusGroup & default_2.RefAttributes<HTMLDivElement>>;
     };
     Footer: default_2.ForwardRefExoticComponent<IStatusTrackerFooterProps & default_2.RefAttributes<HTMLDivElement>> & {
         Button: default_2.FC<IStatusTrackerButtonProps>;
@@ -6548,6 +6541,7 @@ export declare const StatusTracker: default_2.ForwardRefExoticComponent<IStatusT
 export declare const StatusTrackerBody: default_2.ForwardRefExoticComponent<IStatusTrackerBodyProps & default_2.RefAttributes<HTMLDivElement>> & {
     Alert: default_2.FC<IAlertProcessProps>;
     Status: default_2.FC<IMarkerStatusProps>;
+    StatusGroup: default_2.ForwardRefExoticComponent<IStatusTrackerStatusGroup & default_2.RefAttributes<HTMLDivElement>>;
 };
 
 /** Компонент кнопки для футера статус-трекера. */
@@ -6594,7 +6588,7 @@ export declare const StepperExtended: default_2.FC<IStepperExtendedProps> & ISte
 declare const StepperStep: default_2.FC<IStepperStepProps> & IStepperStepComposition;
 
 /** Компонент StepperStepIcon, иконка в шаге. */
-declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
+export declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
 
 /** Утилиты для работы со строками. */
 export declare const StringUtils: {
@@ -9065,7 +9059,7 @@ export declare type TSliderRangeValues = [number, number];
 declare type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;
 
 /** Свойства иконки в шаге. */
-declare type TStepperStepIconProps = {
+export declare type TStepperStepIconProps = {
     /** Тип иконки. */
     type: EStepperStepIconType;
 };
@@ -9150,7 +9144,13 @@ export declare type UploadZoneOnChangeType = (files: FileList | null, e: default
  * @param initial Начальное значение
  * @returns Результат window.matchMedia(query)
  */
-export declare function useMatchMedia(query: string, initial: boolean): boolean;
+export declare function useMatchMedia(query: string, initialMatch: boolean): boolean;
+
+/**
+ * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).
+ * @returns true, если ширина экрана соответствует мобильному устройству
+ */
+export declare const useMobileView: () => boolean;
 
 /** Хук для получения контекста Suggest. */
 export declare const useSuggestContext: <T extends ISuggestOption>() => ISuggestContext<T>;