@sberbusiness/triplex-next 0.12.0 → 0.13.0

package/index.d.ts

@@ -65,6 +65,9 @@ export declare const AmountConst: IAmountConst;
 
 export declare const AmountField: default_2.ForwardRefExoticComponent<IAmountFieldProps & default_2.RefAttributes<HTMLInputElement>>;
 
+/** Аватар, предназначен для отображения изображений профиля пользователя, инициалов или иконок. */
+export declare const Avatar: default_2.ForwardRefExoticComponent<IAvatarProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /**
  * Компонент Body, используется как один из детей(Header, Body и Footer) компонента Page.
  * Используется как контейнер для контента страницы. Имеет дефолтные отступы со всех сторон.
@@ -182,25 +185,14 @@ export declare const CheckboxTreeExtended: ICheckboxTreeExtendedSFC;
  * Обертка над базовым компонентом чекбокс.
  * Используется для фокуса чекбокса при перемещении с клавиатуры.
  */
-declare class CheckboxTreeExtendedCheckbox extends default_2.Component<ICheckboxTreeExtendedCheckboxProps> {
-    private checkboxNode?;
-    componentDidUpdate(prevProps: ICheckboxTreeExtendedCheckboxProps): void;
-    render(): JSX.Element;
-    private handleFocus;
-    private setCheckboxNode;
-}
+declare const CheckboxTreeExtendedCheckbox: default_2.FC<ICheckboxTreeExtendedCheckboxProps>;
 
 /**
  * Нода CheckboxTreeExtendedNode.
  * Является оберткой CollapsableTree.Node.
  * Добавляет стили дерева чекбоксов.
  */
-declare class CheckboxTreeExtendedNode extends default_2.Component<ICheckboxTreeExtendedNodeProps> {
-    render(): JSX.Element;
-    private handleHeaderMouseDown;
-    private renderHeader;
-    private renderBody;
-}
+declare const CheckboxTreeExtendedNode: default_2.FC<ICheckboxTreeExtendedNodeProps>;
 
 /** Группа чекбоксов с направлением по оси X. */
 export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
@@ -340,6 +332,8 @@ declare const designTokensComponentsAlertContextKeys: readonly ["Error_Color", "
 
 declare const designTokensComponentsAlertProcessKeys: readonly ["Info_Background", "Warning_Background", "Error_Background", "System_Background", "Feature_Background"];
 
+declare const designTokensComponentsAvatarKeys: readonly ["Background"];
+
 declare const designTokensComponentsButtonKeys: readonly ["General_Background_Active", "General_Background_Default", "General_Background_Disabled", "General_Background_Hover", "General_Color_Active", "General_Color_Default", "General_Color_Disabled", "General_Color_Hover", "General_Shadow_Focus", "Secondary_Background_Active", "Secondary_Background_Default", "Secondary_Background_Disabled", "Secondary_Background_Hover", "Secondary_Color_Active", "Secondary_Color_Default", "Secondary_Color_Disabled", "Secondary_Color_Hover", "Secondary_Shadow_Focus", "SecondaryLight_Background_Active", "SecondaryLight_Background_Default", "SecondaryLight_Background_Disabled", "SecondaryLight_Background_Hover", "SecondaryLight_Color_Active", "SecondaryLight_Color_Default", "SecondaryLight_Color_Disabled", "SecondaryLight_Color_Hover", "SecondaryLight_Shadow_Focus", "Danger_Background_Active", "Danger_Background_Default", "Danger_Background_Disabled", "Danger_Background_Hover", "Danger_Color_Active", "Danger_Color_Default", "Danger_Color_Disabled", "Danger_Color_Hover", "Danger_Shadow_Focus", "Icon_Shadow_Focus", "Link_Color_Active", "Link_Color_Default", "Link_Color_Disabled", "Link_Color_Hover", "Link_Shadow_Focus"];
 
 declare const designTokensComponentsCalendarKeys: readonly ["Background_Shadow", "View_Header_Color", "View_Item_Background_Default", "View_Item_Background_Hover", "View_Item_Background_Selected_Default", "View_Item_Background_Selected_Hover", "View_Item_Background_Selected_Muted_Default", "View_Item_Background_Selected_Muted_Hover", "View_Item_BorderColor_Default", "View_Item_BorderColor_Focus", "View_Item_Color_Default", "View_Item_Color_Hover", "View_Item_Color_Disabled", "View_Item_Color_Muted", "View_Item_Color_Selected", "View_Item_Color_Selected_Muted_Default", "View_Item_Color_Selected_Muted_Hover", "View_Item_Mark_Basic_Background_Default", "View_Item_Mark_Basic_Background_Selected_Default", "View_Item_Mark_Basic_Background_Selected_Hover", "View_Item_Mark_Standard_Background_Default", "View_Item_Mark_Standard_Background_Selected_Default", "View_Item_Mark_Standard_Background_Selected_Hover", "View_Item_Mark_Attention_Background_Default", "View_Item_Mark_Attention_Background_Selected_Default", "View_Item_Mark_Attention_Background_Selected_Hover", "View_Item_Mark_Critical_Background_Default", "View_Item_Mark_Critical_Background_Selected_Default", "View_Item_Mark_Critical_Background_Selected_Hover"];
@@ -529,6 +523,17 @@ export declare enum EAlertType {
     FEATURE = "feature"
 }
 
+/** Размеры компонента Avatar. */
+export declare enum EAvatarSize {
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl"
+}
+
 export declare enum EBodyPageType {
     FIRST = "first",
     SECOND = "second"
@@ -1296,6 +1301,12 @@ export declare interface IAmountProps extends default_2.HTMLAttributes<HTMLSpanE
     dataTestId?: string;
 }
 
+/** Свойства компонента Avatar. */
+export declare interface IAvatarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Размер. */
+    size: EAvatarSize;
+}
+
 declare interface IBodyPageTypeFirstProps extends IBodyProps {
     children: default_2.ReactNode;
     /** Тип компонента BodyPage. */
@@ -1698,20 +1709,13 @@ declare interface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {
     opened?: boolean;
 }
 
-/**
- * Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса.
- *
- * @prop {boolean} [active] - Текущая нода является активной при перемещении с клавиатуры.
- * @prop {boolean} [opened] -  Текущая нода раскрыта.
- */
+/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */
 declare interface ICheckboxTreeExtendedCheckboxProvideProps {
     active?: boolean;
     opened?: boolean;
 }
 
-/**
- * Свойства CheckboxTreeExtendedNode.
- */
+/** Свойства CheckboxTreeExtendedNode. */
 declare interface ICheckboxTreeExtendedNodeProps extends Omit<ICollapsableTreeNodeProps, "children" | "renderBody" | "renderHeader"> {
     checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;
     children?: default_2.ReactNode;
@@ -1720,6 +1724,8 @@ declare interface ICheckboxTreeExtendedNodeProps extends Omit<ICollapsableTreeNo
 
 /** Свойства CheckboxTreeExtended. */
 export declare interface ICheckboxTreeExtendedProps extends ICollapsableTreeProps {
+    /** Размер дерева чекбоксов. */
+    size?: EComponentSize;
 }
 
 export declare interface ICheckboxTreeExtendedSFC extends default_2.FC<ICheckboxTreeExtendedProps> {
@@ -2601,6 +2607,7 @@ declare interface ILightBoxControlsProps extends default_2.HTMLAttributes<HTMLDi
 }
 
 declare interface ILightBoxLeftSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    fixed?: boolean;
 }
 
 /** Свойства LightBoxNext. */
@@ -2643,6 +2650,7 @@ export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDiv
 }
 
 declare interface ILightBoxRightSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    fixed?: boolean;
 }
 
 declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAttributes<HTMLButtonElement> {
@@ -3008,6 +3016,7 @@ declare interface IMonthYearFieldProps extends Omit<IDatePickerExtendedProps, "p
 
 /** Свойства компонента MultiselectFieldDropdownContent. */
 declare interface IMultiselectFieldDropdownContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    loading?: boolean;
 }
 
 /** Свойства компонента MultiselectFieldDropdownFooter. */
@@ -3025,6 +3034,7 @@ declare interface IMultiselectFieldDropdownProps extends IDropdownProps {
 }
 
 export declare interface IMultiselectFieldProps extends ISelectExtendedFieldProps {
+    /** Размер компонента. */
     size?: EComponentSize;
 }
 
@@ -3347,23 +3357,34 @@ export declare interface ISelectExtendedFieldDropdownProvideProps {
 }
 
 export declare interface ISelectExtendedFieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Рендер-функция поля выбора. */
     renderTarget: (props: ISelectExtendedFieldTargetProvideProps) => default_2.ReactNode;
+    /** Рендер-функция выпадающего блока. */
     children: (props: ISelectExtendedFieldDropdownProvideProps) => default_2.ReactNode;
+    /** Функция, срабатывающая при закрытии выпадающего блока. */
     onClose?: () => void;
+    /** Функция, срабатывающая при открытии выпадающего блока. */
     onOpen?: () => void;
+    /** Закрытие выпадающего блока при нажатии клавиши Tab. */
     closeOnTab?: boolean;
 }
 
 export declare interface ISelectExtendedFieldTargetProps extends Omit<IFormFieldProps, "prefix" | "postfix"> {
+    /**  Текст или компонент, отображающий выбранное значение. */
     label?: default_2.ReactNode;
+    /** Текст или компонент, отображающий выбранное значение для Target. */
     fieldLabel: default_2.ReactNode;
+    /** Состояние загрузки. */
     loading?: boolean;
+    /** Состояние открытости выпадающего списка. */
     opened: boolean;
+    /** Текст или компонент, отображающий выбранное placeholder. */
     placeholder?: default_2.ReactNode;
     /** Префикс поля ввода. */
     prefix?: default_2.ReactNode;
     /** Постфикс поля ввода. */
     postfix?: default_2.ReactNode;
+    /** Функция открытия/закрытия выпадающего списка. */
     setOpened: (opened: boolean) => void;
 }
 
@@ -5019,6 +5040,13 @@ declare const SMSFieldTooltip: default_2.FC<ISMSFieldTooltipProps>;
 /** Компонент "Спойлер", используется для раскрытия внутреннего содержимого. */
 export declare const Spoiler: default_2.ForwardRefExoticComponent<TSpoilerProps & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare const statusToClassNameMap: {
+    default: string;
+    disabled: string;
+    error: string;
+    warning: string;
+};
+
 /**
  * Компонент предназначен для визуального отображения статуса документа.
  */
@@ -5270,7 +5298,7 @@ export declare type TDayHtmlAttributesFunction = (params: IDayHtmlAttributesFunc
 
 declare type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;
 
-declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsIslandWidget | TDesignTokensComponentsLightBox | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsModalWindow | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsNotification | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSmallInput | TDesignTokensComponentsSMSField | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTagColor | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone;
+declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsAvatar | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsIslandWidget | TDesignTokensComponentsLightBox | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsModalWindow | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsNotification | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSmallInput | TDesignTokensComponentsSMSField | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTagColor | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -5288,6 +5316,14 @@ declare type TDesignTokensComponentsAlertProcessKeys = (typeof designTokensCompo
 
 declare type TDesignTokensComponentsAlertProcessValue = Record<TDesignTokensComponentsAlertProcessKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsAvatar = {
+    Avatar: TDesignTokensComponentsAvatarValue;
+};
+
+declare type TDesignTokensComponentsAvatarKeys = (typeof designTokensComponentsAvatarKeys)[number];
+
+declare type TDesignTokensComponentsAvatarValue = Record<TDesignTokensComponentsAvatarKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsButton = {
     Button: TDesignTokensComponentsButtonValue;
 };