@sberbusiness/triplex-next 0.24.0 → 0.25.0

package/index.d.ts

@@ -29,16 +29,8 @@ export declare class AdvancedTouchSensor extends TouchSensor {
     }[];
 }
 
-/** Компонент контекстного предупреждения. */
-export declare const AlertContext: default_2.ForwardRefExoticComponent<IAlertContextProps & default_2.RefAttributes<HTMLSpanElement>>;
-
-/** Компонент процессного предупреждения. */
-export declare const AlertProcess: default_2.ForwardRefExoticComponent<IAlertProcessProps & default_2.RefAttributes<HTMLDivElement>> & {
-    Spoiler: default_2.FC<IAlertProcessSpoilerProps>;
-};
-
 /** Получить класс по типу предупреждения. */
-export declare const alertTypeToClassNameMap: {
+export declare const ALERT_TYPE_TO_CLASS_NAME_MAP: {
     info: (styles: Record<string, string>) => string;
     warning: (styles: Record<string, string>) => string;
     error: (styles: Record<string, string>) => string;
@@ -46,6 +38,14 @@ export declare const alertTypeToClassNameMap: {
     feature: (styles: Record<string, string>) => string;
 };
 
+/** Компонент контекстного предупреждения. */
+export declare const AlertContext: default_2.ForwardRefExoticComponent<IAlertContextProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/** Компонент процессного предупреждения. */
+export declare const AlertProcess: default_2.ForwardRefExoticComponent<IAlertProcessProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Spoiler: default_2.FC<IAlertProcessSpoilerProps>;
+};
+
 /** Компонент отображения суммы. */
 export declare const Amount: default_2.FC<IAmountProps>;
 
@@ -204,10 +204,10 @@ declare const CheckboxTreeExtendedCheckbox: default_2.FC<ICheckboxTreeExtendedCh
 declare const CheckboxTreeExtendedNode: default_2.FC<ICheckboxTreeExtendedNodeProps>;
 
 /** Группа чекбоксов с направлением по оси X. */
-export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
+export declare const CheckboxXGroup: default_2.ForwardRefExoticComponent<ICheckboxXGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Группа чекбоксов с направлением по оси Y. */
-export declare const CheckboxYGroup: default_2.FC<ICheckboxYGroupProps>;
+export declare const CheckboxYGroup: default_2.ForwardRefExoticComponent<ICheckboxYGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Обновление флага checked дочерних чекбоксов, при изменении родителя. */
 export declare const checkChildrenCheckboxes: (checkbox: ICheckboxTreeCheckboxData) => void;
@@ -538,6 +538,12 @@ export declare const DropdownMobileListItem: default_2.ForwardRefExoticComponent
 /** Лоадер компонента DropdownMobile. */
 export declare const DropdownMobileLoader: default_2.FC<IDropownMobileLoaderProps>;
 
+/** Возможные варианты скругления визуальной формы. */
+export declare enum EAlertProcessBorderRadius {
+    MD = "md",
+    LG = "lg"
+}
+
 /** Тип компонентов-предупреждений. */
 export declare enum EAlertType {
     INFO = "info",
@@ -690,6 +696,11 @@ export declare enum EDropdownWidth {
     MIN_TARGET = "min-target"
 }
 
+export declare enum EEmptyViewSize {
+    SM = "sm",
+    MD = "md"
+}
+
 /** Возможные источники фокуса. */
 export declare enum EFocusSource {
     NONE = 0,
@@ -774,6 +785,13 @@ export declare enum EIslandType {
     TYPE_3 = "type_3"
 }
 
+export declare enum ELightBoxSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+
 /** Возможные типы интерлиньяжа компонентов типографики. */
 export declare enum ELineType {
     NORMAL = "normal",
@@ -800,6 +818,9 @@ export declare enum EMarkerStatus {
     WAITING = "waiting"
 }
 
+/** Заглушка для пустых состояний. */
+export declare const EmptyView: default_2.ForwardRefExoticComponent<IEmptyViewProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /** Перечисление направлений сортировки колонки. (ASC - по возрастанию, DESC - по убыванию) */
 export declare enum EOrderDirection {
     NONE = "none",
@@ -1317,7 +1338,7 @@ export declare const HeaderTitleContent: default_2.ForwardRefExoticComponent<IHe
 export declare const HeaderTitleControls: default_2.ForwardRefExoticComponent<IHeaderTitleControlsProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Иконка "?" со всплывающей подсказкой выбранного размера. */
-export declare const HelpBox: default_2.FC<IHelpBoxProps>;
+export declare const HelpBox: default_2.ForwardRefExoticComponent<IHelpBoxProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Свойства AccordionBase.
@@ -1369,6 +1390,8 @@ export declare interface IAlertProcessProps extends default_2.HTMLAttributes<HTM
     onClose?: () => void;
     /** Отображаемая иконка. */
     renderIcon?: default_2.ReactNode;
+    /** Вариант скругления визуальной формы. */
+    borderRadius?: EAlertProcessBorderRadius;
 }
 
 /** Свойства компонента AlertProcessSpoiler. */
@@ -1836,6 +1859,8 @@ export declare interface ICheckboxProps extends Omit<default_2.InputHTMLAttribut
     bulk?: boolean;
     /** Размер чекбокса. */
     size?: EComponentSize;
+    /** Контент лейбла чекбокса. */
+    children?: default_2.ReactNode;
 }
 
 /** Описание чекбокса компонента CheckboxTree. */
@@ -1889,13 +1914,15 @@ export declare interface ICheckboxTreeProps extends Omit<ICheckboxTreeExtendedPr
 }
 
 /** Свойства компонента CheckboxXGroup. */
-export declare interface ICheckboxXGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ICheckboxXGroupProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "role"> {
+    children?: default_2.ReactNode;
     /** Размер отступа. */
     indent?: TIndentSize;
 }
 
 /** Свойства компонента CheckboxYGroup. */
-export declare interface ICheckboxYGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+export declare interface ICheckboxYGroupProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "role"> {
+    children?: default_2.ReactNode;
 }
 
 /** Свойства компонента ChipClearButton. */
@@ -2150,6 +2177,12 @@ export declare interface IConfirmProps extends IIslandProps {
     parentComponent?: EConfirmParentComponent;
 }
 
+/**
+ * Обёртка для иконок из @sberbusiness/icons-next.
+ * Добавляет классы hoverable/active/disabled, которые управляют цветом иконки при взаимодействии.
+ */
+export declare const IconWrapper: default_2.ForwardRefExoticComponent<IIconWrapperProps & default_2.RefAttributes<HTMLSpanElement>>;
+
 /** Свойства компонента DateField. */
 export declare interface IDateFieldProps extends Omit<IDatePickerExtendedProps, "pickedDate" | "onDateChange" | "renderTarget" | "renderDropdownHeaderTarget">, Pick<IMaskedFieldProps, "size" | "status" | "label"> {
     /** Значение даты. */
@@ -2397,6 +2430,22 @@ export declare interface IEllipsisProps extends default_2.HTMLAttributes<HTMLDiv
     maxLines: number;
 }
 
+/** Свойства компонента EmptyView. */
+export declare interface IEmptyViewProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Размер компонента. */
+    size: EEmptyViewSize;
+    /** Иконка. */
+    icon?: default_2.ReactNode;
+    /** Заголовок. */
+    title?: default_2.ReactNode;
+    /** Описание. */
+    description?: default_2.ReactNode;
+    /** Подпись. */
+    caption?: default_2.ReactNode;
+    /** Кнопки. */
+    buttons?: default_2.ReactNode;
+}
+
 /** Свойства компонента ExpandAnimation. */
 export declare interface IExpandAnimationProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Время анимации (мс). */
@@ -2632,6 +2681,21 @@ export declare interface IHelpBoxProps extends default_2.HTMLAttributes<HTMLButt
     mobileHeaderContent?: default_2.ReactNode;
     /** Свойства иконки. */
     iconProps?: ISingleColorIconProps;
+    /** Свойства кнопки закрытия Tooltip. */
+    tooltipXButtonProps?: ITooltipXButtonProps;
+}
+
+/** Свойства компонента IconWrapper. */
+export declare interface IIconWrapperProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    children: default_2.ReactNode;
+    /** Активное состояние иконки. */
+    active?: boolean;
+    /** Отключённое состояние иконки. */
+    disabled?: boolean;
+    /** Отключить взаимодействие с иконкой. Например, чтобы иконка могла быть тусклой в состоянии disabled и не реагировать на hover, если по клику на нее не должно быть действий. */
+    disableInteraction?: boolean;
+    /** Отобразить элемент со свойством display: contents. */
+    displayContents?: boolean;
 }
 
 /** Свойства компонента IslandAccordionContent. */
@@ -2816,6 +2880,8 @@ export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDiv
     isSideOverlayOpened?: boolean;
     /** Флаг открытия верхней панели. */
     isTopOverlayOpened?: boolean;
+    /** Размер контента LightBox. */
+    size?: ELightBoxSize;
 }
 
 declare interface ILightBoxRightSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {