@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/index.d.ts

@@ -853,6 +853,8 @@ export declare const ChipOptions: default_2.ForwardRefExoticComponent<IChipOptio
  */
 export declare const ChipSelect: default_2.ForwardRefExoticComponent<IChipSelectProps & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare const ChipSelectTarget: default_2.ForwardRefExoticComponent<IChipSelectTargetProps & default_2.RefAttributes<HTMLSpanElement>>;
+
 /**
  * ChipSelect с иконкой выбора сортировки.
  */
@@ -918,7 +920,7 @@ declare const designTokensComponentsAlertProcessKeys: readonly ["Info_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_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"];
+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"];
 
 declare const designTokensComponentsCardKeys: readonly ["Static_General_Background", "Static_Secondary_Background", "Action_General_Background", "Action_General_Background_Hover", "Action_General_Background_Selected", "Action_General_Background_Selected_Hover", "Action_Secondary_Background", "Action_Secondary_Background_Hover", "Action_Secondary_Background_Selected", "Action_Secondary_Background_Selected_Hover", "Shadow_Default", "Shadow_Focus", "Shadow_Hover", "Shadow_Selected", "Shadow_Selected_Hover"];
 
@@ -1000,7 +1002,9 @@ declare const designTokensComponentsTableBasicKeys: readonly ["Background_Hover"
 
 declare const designTokensComponentsTabsKeys: readonly ["Type1_Background", "Type2_Background", "Type1_Tab_Background_Default", "Type2_Tab_Background_Default", "Type1_Tab_Background_Selected", "Type2_Tab_Background_Selected", "Type1_Tab_Background_Hover", "Type2_Tab_Background_Hover", "Type1_Tab_Color_Default", "Type2_Tab_Color_Default", "Type1_Tab_Color_Selected", "Type2_Tab_Color_Selected", "Type1_Tab_Color_Hover", "Type2_Tab_Color_Hover", "Tab_BorderColor_Default", "Tab_BorderColor_Focus"];
 
-declare const designTokensComponentsTabsLineKeys: readonly ["BorderColor_Active", "BorderColor_Hover", "Color_Active", "Color_Default", "Color_Hover", "Notification_Color", "Separator_Color", "Shadow_Focus"];
+declare const designTokensComponentsTabsLineKeys: readonly ["BorderColor_Active", "BorderColor_Hover", "Separator_Color", "Shadow_Focus"];
+
+declare const designTokensComponentsTagColorKeys: readonly ["Background_Default", "Background_Success", "Background_Info", "Background_Warning", "Background_Error", "Text_Color_Default"];
 
 declare const designTokensComponentsTagKeys: readonly ["Background"];
 
@@ -2338,6 +2342,12 @@ export declare interface IChipSelectProps extends Pick<IChipProps, "disabled" |
     displayedValue?: default_2.ReactNode;
 }
 
+export declare interface IChipSelectTargetProps extends IChipProps {
+    onClear: () => void;
+    opened: boolean;
+    setOpened: (opened: boolean) => void;
+}
+
 export declare interface IChipSortProps extends Omit<IChipSelectProps, "targetProps" | "clearSelected" | "defaultValue"> {
     /** Дефолтное значение, если текущее значение равно дефолтному, элемент не будет подсвечен как измененный. */
     defaultValue?: ISelectExtendedFieldDefaultOption;
@@ -2345,6 +2355,8 @@ export declare interface IChipSortProps extends Omit<IChipSelectProps, "targetPr
 
 /** Свойства компонента ChipSuggestDropdown. */
 export declare interface IChipSuggestDropdownProps<T extends ISuggestOption> extends Omit<IDropdownProps, "opened" | "setOpened"> {
+    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
+    focusTrapProps?: FocusTrapProps;
 }
 
 /** Свойства компонента ChipSuggest. */
@@ -2633,6 +2645,8 @@ export declare interface IDropdownListItemProps extends default_2.HTMLAttributes
     selected?: boolean;
     /** Коды клавиш для выбора элемента с помощью клавиатуры. */
     keyCodesForSelection?: number[];
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
 }
 
 /** Свойства компонента DropdownList. */
@@ -2662,8 +2676,8 @@ export declare interface IDropdownMobileFooterProps extends default_2.HTMLAttrib
 
 /** Свойства компонента DropdownMobileHeader. */
 declare interface IDropdownMobileHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /** Кнопка закрытия мобильной версии Dropdown. */
-    closeButton?: () => JSX.Element;
+    /** Кнопки действия мобильной версии Dropdown. */
+    controlButtons?: default_2.ReactNode;
 }
 
 /** Свойства компонента DropdownMobileInner. */
@@ -2679,6 +2693,8 @@ export declare interface IDropdownMobileListItemProps extends default_2.HTMLAttr
     id: string;
     onSelect?: () => void;
     selected?: boolean;
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
 }
 
 /** Свойства компонента DropdownMobileList. */
@@ -3569,12 +3585,16 @@ declare interface INotificationHeaderProps {
     children: default_2.ReactNode;
 }
 
+export declare interface INotificationIconProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    children?: never;
+}
+
 /**
  * Опции кастомной иконки нотификации.
  *
  * @prop {React.ReactElement} children Кастомная иконка нотификации.
  */
-declare interface INotificationIconProps {
+declare interface INotificationIconProps_2 {
     children: default_2.ReactElement;
 }
 
@@ -3593,7 +3613,7 @@ export declare interface INotificationProps extends default_2.ButtonHTMLAttribut
 }
 
 export declare interface INotificationSFC extends default_2.FC<INotificationProps> {
-    Icon: typeof NotificationIcon;
+    Icon: typeof NotificationIcon_2;
     Body: typeof NotificationBody;
     Close: typeof NotificationClose;
     Time: typeof NotificationTime;
@@ -4590,6 +4610,8 @@ export declare interface ITabsExtendedButtonProps extends default_2.ButtonHTMLAt
     selected?: boolean;
     /** Размер компонента. */
     size?: EComponentSize;
+    /** Флаг отображения значка новых уведомлений. */
+    showNotificationIcon?: boolean;
 }
 
 /** Внутренние составляющие компонента TabsExtended. */
@@ -4655,6 +4677,7 @@ export declare interface ITabsExtendedTabsWrapperProps extends default_2.HTMLAtt
 
 export declare interface ITabsItem extends Omit<ITabsExtendedTabProps, "children" | "onSelect"> {
     label: default_2.ReactNode;
+    showNotificationIcon?: boolean;
 }
 
 /** Общие свойства TabsLineDesktop и TabsLine Mobile. */
@@ -4701,6 +4724,10 @@ declare interface ITabsLineDropdownState {
     activeDescendant?: string;
     /** Состояние открытости дропдауна. */
     opened: boolean;
+    /** Состояние фокуса кнопки дропдауна. */
+    focused: boolean;
+    /** Состояние ховера над кнопкой дропдауна. */
+    hovered: boolean;
 }
 
 /** Свойства TabsLineItem. */
@@ -4739,6 +4766,8 @@ export declare interface ITabsLinePanelProps extends default_2.HTMLAttributes<HT
 export declare interface ITabsLineProps extends ITabsLineDesktopProps {
     /** Горизонтальный отступ от первого таба слева и последнего таба справа. */
     paddingX?: 0 | 8 | 16 | 24;
+    /** Разделитель в виде нижнего бордера. */
+    withSeparator?: boolean;
 }
 
 export declare interface ITabsProps extends ITabsExtendedProps {
@@ -5248,10 +5277,13 @@ export declare const NotificationGrouped: default_2.FC<INotificationGroupedProps
  */
 declare const NotificationHeader: default_2.FC<INotificationHeaderProps>;
 
+/** Компонент NotificationIcon. Отображает значок новых уведомлений в табах, дропдаунах. */
+export declare const NotificationIcon: default_2.FC<INotificationIconProps>;
+
 /**
  * Кастомная иконка нотификации.
  */
-declare const NotificationIcon: default_2.FC<INotificationIconProps>;
+declare const NotificationIcon_2: default_2.FC<INotificationIconProps_2>;
 
 /**
  * Надпись времени нотификации.
@@ -5608,6 +5640,8 @@ export declare class TabsLineDropdown extends default_2.PureComponent<ITabsLineD
     state: {
         activeDescendant: undefined;
         opened: boolean;
+        focused: boolean;
+        hovered: boolean;
     };
     private readonly targetRef;
     private readonly dropdownRef;
@@ -5689,7 +5723,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 | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSMSInput | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsLightBox | TDesignTokensComponentsModalWindow | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsSmallInput;
+declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsIslandWidget | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsMultiselectField | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSMSInput | TDesignTokensComponentsSlider | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTagColor | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsLightBox | TDesignTokensComponentsModalWindow | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsTopOverlay | TDesignTokensComponentsSmallInput;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -6055,6 +6089,14 @@ declare type TDesignTokensComponentsTag = {
     Tag: TDesignTokensComponentsTagValue;
 };
 
+declare type TDesignTokensComponentsTagColor = {
+    TagColor: TDesignTokensComponentsTagColorValue;
+};
+
+declare type TDesignTokensComponentsTagColorKeys = (typeof designTokensComponentsTagColorKeys)[number];
+
+declare type TDesignTokensComponentsTagColorValue = Record<TDesignTokensComponentsTagColorKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsTagKeys = (typeof designTokensComponentsTagKeys)[number];
 
 declare type TDesignTokensComponentsTagValue = Record<TDesignTokensComponentsTagKeys, TDesignTokenValue>;