@sberbusiness/triplex-next 1.8.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", "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. */
@@ -4712,6 +4724,10 @@ declare interface ITabsLineDropdownState {
     activeDescendant?: string;
     /** Состояние открытости дропдауна. */
     opened: boolean;
+    /** Состояние фокуса кнопки дропдауна. */
+    focused: boolean;
+    /** Состояние ховера над кнопкой дропдауна. */
+    hovered: boolean;
 }
 
 /** Свойства TabsLineItem. */
@@ -5624,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;
@@ -5705,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;
@@ -6071,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>;