@sberbusiness/triplex-next 0.31.0 → 0.33.0

package/index.d.ts

@@ -503,7 +503,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"];
 
@@ -867,8 +867,8 @@ export declare enum EFontWeightText {
 
 /** Возможные начертания шрифта компонента Title. */
 export declare enum EFontWeightTitle {
-    MEDIUM = "medium",
     REGULAR = "regular",
+    MEDIUM = "medium",
     SEMIBOLD = "semibold",
     BOLD = "bold"
 }
@@ -2316,11 +2316,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. */
@@ -2634,6 +2634,10 @@ export declare interface IExpandAnimationProps extends default_2.HTMLAttributes<
 export declare interface IFilterPanelProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+/** Свойства компонента FocusTrapExtended. */
+declare interface IFocusTrapExtendedProps extends default_4.Props {
+}
+
 declare interface IFocusTrapUtils {
     /** Data-атрибут, на который будет установлен фокус при использовании FocusTrap. */
     firstInteractionElementDataAttr: string;
@@ -3207,8 +3211,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?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Ref на контейнер LightBox. */
     forwardRef?: default_2.MutableRefObject<HTMLElement | null>;
     /** DOM-нода в которую будет рендерится лайтбокс. */
@@ -3246,15 +3250,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?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Состояние загрузки. */
     isLoading?: boolean;
     /** Текст под спиннером. */
@@ -3604,9 +3603,7 @@ declare interface IMediaProps {
     fallback: default_2.ReactElement | null;
 }
 
-/**
- * Свойства MobileView.
- */
+/** Свойства компонента MobileView. */
 export declare interface IMobileViewProps {
     /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */
     children: default_2.ReactElement | null;
@@ -3661,8 +3658,8 @@ export declare interface IModalWindowProps extends default_2.HTMLAttributes<HTML
     children: default_2.ReactElement;
     /** ClassName контейнера модального окна. */
     containerClassName?: string;
-    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
-    focusTrapProps?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
     /** Callback после анимации закрытия модального окна. */
     onExited?: () => void;
     /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */
@@ -4442,6 +4439,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;
@@ -5260,8 +5261,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?: default_4.Props;
+    /** Свойства компонента FocusTrapExtended. */
+    focusTrapProps?: IFocusTrapExtendedProps;
 }
 
 /**
@@ -5416,7 +5417,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>>;
@@ -5434,23 +5438,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";
 
@@ -5577,7 +5569,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>;
@@ -5966,6 +5958,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>;
@@ -5977,6 +5970,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>>;
 };
 
 /** Компонент кнопки для футера статус-трекера. */
@@ -6023,7 +6017,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: {
@@ -7037,7 +7031,7 @@ export declare type TSliderRangeValues = [number, number];
 declare type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;
 
 /** Свойства иконки в шаге. */
-declare type TStepperStepIconProps = {
+export declare type TStepperStepIconProps = {
     /** Тип иконки. */
     type: EStepperStepIconType;
 };
@@ -7110,7 +7104,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>;