@sberbusiness/triplex-next 0.1.9 → 1.1.0

package/index.d.ts

@@ -721,11 +721,14 @@ export declare const CheckboxYGroup: default_2.FC<ICheckboxYGroupProps>;
 
 export declare const Col: default_2.FC<IColProps>;
 
+/** Композитор слушателей нажатия клавиш. */
+export declare const ComposedKeyDownListener: default_2.FC<IKeyDownListenerManagerProps>;
+
 declare const designTokensComponentsAlertContextKeys: readonly ["Error_Color", "Info_Color", "System_Color", "Warning_Color"];
 
 declare const designTokensComponentsAlertProcessKeys: readonly ["Info_Background", "Warning_Background", "Error_Background", "System_Background", "Feature_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", "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 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 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", "BorderColor_Focus", "Shadow_Default", "Shadow_Hover"];
 
@@ -741,10 +744,12 @@ declare const designTokensComponentsDropdownMobileListKeys: readonly ["Active_Ba
 
 declare const designTokensComponentsFooterPageKeys: readonly ["Background"];
 
-declare const designTokensComponentsFormFieldKeys: readonly ["Background_Active", "Background_Default", "Background_Disabled", "Background_Error", "Background_Error_Hover", "Background_Hover", "Input_Color_Default", "Input_Color_Disabled", "Label_Color_Default", "Label_Color_Disabled", "Shadow_Active", "Shadow_Default", "Shadow_Error_Active", "Placeholder_Color"];
+declare const designTokensComponentsFormFieldKeys: readonly ["Background_Active", "Background_Default", "Background_Disabled", "Background_Error", "Background_Error_Hover", "Background_Hover", "Background_Warning", "Background_Warning_Hover", "Input_Color_Default", "Input_Color_Disabled", "Target_Color_Default", "Target_Color_Disabled", "Target_PlaceholderColor_Default", "Label_Color_Default", "Label_Color_Disabled", "Shadow_Active", "Shadow_Default", "Shadow_Error_Active", "Shadow_Warning_Active", "Placeholder_Color"];
 
 declare const designTokensComponentsHeaderPageKeys: readonly ["Background"];
 
+declare const designTokensComponentsIslandKeys: readonly ["Type1_Background", "Type2_Background", "Type3_Background", "Type1_Shadow", "Type2_Shadow", "Type3_Shadow"];
+
 declare const designTokensComponentsLinkKeys: readonly ["BorderColor_Focus", "Text_Color_Active", "Text_Color_Default", "Text_Color_Hover"];
 
 declare const designTokensComponentsListItemControlsButtonKeys: readonly ["Background", "Color"];
@@ -801,8 +806,6 @@ declare const designTokensCoreGroupColorWarningKeys: readonly ["100", "90", "80"
 
 declare const designTokensRefs: readonly ["ColorBrand.0", "ColorBrand.10", "ColorBrand.20", "ColorBrand.30", "ColorBrand.40", "ColorBrand.50", "ColorBrand.60", "ColorBrand.70", "ColorBrand.80", "ColorBrand.90", "ColorBrand.100", "ColorDarkNeutralAlpha.0", "ColorDarkNeutralAlpha.10", "ColorDarkNeutralAlpha.20", "ColorDarkNeutralAlpha.30", "ColorDarkNeutralAlpha.40", "ColorDarkNeutralAlpha.50", "ColorDarkNeutralAlpha.60", "ColorDarkNeutralAlpha.70", "ColorDarkNeutralAlpha.80", "ColorDarkNeutralAlpha.90", "ColorDarkNeutralAlpha.100", "ColorDarkNeutral.0", "ColorDarkNeutral.10", "ColorDarkNeutral.20", "ColorDarkNeutral.30", "ColorDarkNeutral.40", "ColorDarkNeutral.50", "ColorDarkNeutral.60", "ColorDarkNeutral.70", "ColorDarkNeutral.80", "ColorDarkNeutral.90", "ColorDarkNeutral.100", "ColorError.0", "ColorError.10", "ColorError.20", "ColorError.30", "ColorError.40", "ColorError.50", "ColorError.60", "ColorError.70", "ColorError.80", "ColorError.90", "ColorError.100", "ColorInfo.0", "ColorInfo.10", "ColorInfo.20", "ColorInfo.30", "ColorInfo.40", "ColorInfo.50", "ColorInfo.60", "ColorInfo.70", "ColorInfo.80", "ColorInfo.90", "ColorInfo.100", "ColorNeutralAlpha.0", "ColorNeutralAlpha.10", "ColorNeutralAlpha.20", "ColorNeutralAlpha.30", "ColorNeutralAlpha.40", "ColorNeutralAlpha.50", "ColorNeutralAlpha.60", "ColorNeutralAlpha.70", "ColorNeutralAlpha.80", "ColorNeutralAlpha.90", "ColorNeutralAlpha.100", "ColorNeutral.0", "ColorNeutral.10", "ColorNeutral.20", "ColorNeutral.30", "ColorNeutral.40", "ColorNeutral.50", "ColorNeutral.60", "ColorNeutral.70", "ColorNeutral.80", "ColorNeutral.90", "ColorNeutral.100", "ColorSuccess.0", "ColorSuccess.10", "ColorSuccess.20", "ColorSuccess.30", "ColorSuccess.40", "ColorSuccess.50", "ColorSuccess.60", "ColorSuccess.70", "ColorSuccess.80", "ColorSuccess.90", "ColorSuccess.100", "ColorSystem.0", "ColorSystem.10", "ColorSystem.20", "ColorSystem.30", "ColorSystem.40", "ColorSystem.50", "ColorSystem.60", "ColorSystem.70", "ColorSystem.80", "ColorSystem.90", "ColorSystem.100", "ColorWarning.0", "ColorWarning.10", "ColorWarning.20", "ColorWarning.30", "ColorWarning.40", "ColorWarning.50", "ColorWarning.60", "ColorWarning.70", "ColorWarning.80", "ColorWarning.90", "ColorWarning.100"];
 
-export declare const dotsTheme = "dots";
-
 /** Выпадающее меню. */
 export declare const Dropdown: default_2.ForwardRefExoticComponent<IDropdownProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -850,6 +853,12 @@ export declare enum EAlertType {
     FEATURE = "feature"
 }
 
+/** Темы кнопки dots. */
+export declare enum EButtonDotsTheme {
+    DOTS_SECONDARY = "dots_secondary",
+    DOTS_SECONDARY_LIGHT = "dots_secondary_light"
+}
+
 /** Форма границы кнопки. */
 export declare enum EButtonIconShape {
     SQUIRCLE = "squircle",
@@ -867,6 +876,7 @@ export declare enum EButtonSize {
 export declare enum EButtonTheme {
     GENERAL = "general",
     SECONDARY = "secondary",
+    SECONDARY_LIGHT = "secondary_light",
     DANGER = "danger",
     LINK = "link"
 }
@@ -974,11 +984,38 @@ export declare enum EFormFieldSize {
     LG = "lg"
 }
 
+export declare enum EFormFieldStatus {
+    DEFAULT = "default",
+    DISABLED = "disabled",
+    ERROR = "error",
+    WARNING = "warning"
+}
+
 export declare enum EHeaderPageType {
     FIRST = "first",
     SECOND = "second"
 }
 
+/** Возможные размеры скругления. */
+export declare enum EIslandBorderRadius {
+    MD = "md",
+    SM = "sm"
+}
+
+/** Возможные размеры внутреннего отступа. */
+export declare enum EIslandPaddingSize {
+    LG = "lg",
+    MD = "md",
+    SM = "sm"
+}
+
+/** Типы компонента Island. Отличаются цвет и тень. */
+export declare enum EIslandType {
+    TYPE_1 = "type_1",
+    TYPE_2 = "type_2",
+    TYPE_3 = "type_3"
+}
+
 /** Возможные типы интерлиньяжа. */
 export declare enum ELineType {
     NORMAL = "normal",
@@ -1077,6 +1114,29 @@ export declare enum ETriplexNextTheme {
     DARK = "dark"
 }
 
+/** Числовые коды клавиш. */
+declare const EVENT_KEY_CODES: {
+    ARROW_DOWN: number;
+    ARROW_LEFT: number;
+    ARROW_RIGHT: number;
+    ARROW_UP: number;
+    BACKSPACE: number;
+    COMMA: number;
+    DELETE: number;
+    END: number;
+    ENTER: number;
+    ESCAPE: number;
+    HOME: number;
+    PAGE_DOWN: number;
+    PAGE_UP: number;
+    PERIOD: number;
+    SPACE: number;
+    TAB: number;
+    X: number;
+    Y: number;
+    Z: number;
+};
+
 /** Футер. */
 export declare const Footer: default_2.ForwardRefExoticComponent<IFooterProps & default_2.RefAttributes<HTMLDivElement>> & {
     Description: default_2.ForwardRefExoticComponent<IFooterDescriptionProps & default_2.RefAttributes<HTMLDivElement>> & {
@@ -1127,6 +1187,9 @@ export declare const FormFieldPostfix: default_2.ForwardRefExoticComponent<IForm
 /** Контейнер элементов, отображающихся в левой части FormField. */
 export declare const FormFieldPrefix: default_2.ForwardRefExoticComponent<IFormFieldPrefixProps & default_2.RefAttributes<HTMLSpanElement>>;
 
+/** Компонент, отображающий нередактируемое значение. */
+export declare const FormFieldTarget: default_2.ForwardRefExoticComponent<IFormFieldTargetProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /** Компонент, отображающий textarea. */
 export declare const FormFieldTextarea: default_2.ForwardRefExoticComponent<IFormFieldTextareaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
 
@@ -1250,7 +1313,7 @@ export declare interface IButtonDangerProps extends IButtonBaseProps {
 /** Свойства контекстной кнопки с выпадающим списком действий. */
 declare interface IButtonDotsProps extends IButtonDropdownProps {
     /** Тема кнопки. */
-    theme: typeof dotsTheme;
+    theme: EButtonDotsTheme;
     /** Блочное состояние кнопки. */
     block?: never;
 }
@@ -1258,7 +1321,7 @@ declare interface IButtonDotsProps extends IButtonDropdownProps {
 /** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */
 declare interface IButtonDropdownBaseProps extends IButtonDropdownProps {
     /** Тема кнопки. */
-    theme: EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.DANGER;
+    theme: EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;
     /** Блочное состояние кнопки. */
     block?: boolean;
 }
@@ -1366,6 +1429,20 @@ export declare interface IButtonLinkProps extends IButtonBaseProps {
     icon?: never;
 }
 
+/** Свойства кнопки типа SecondaryLight. */
+export declare interface IButtonSecondaryLightProps extends IButtonBaseProps {
+    /** Тема кнопки. */
+    theme: EButtonTheme.SECONDARY_LIGHT;
+    /** Размер кнопки. */
+    size: EButtonSize;
+    /** Блочный режим. */
+    block?: boolean;
+    /** Режим загрузки. */
+    loading?: boolean;
+    /** Иконка. */
+    icon?: default_2.ReactElement;
+}
+
 /** Свойства кнопки типа Secondary. */
 export declare interface IButtonSecondaryProps extends IButtonBaseProps {
     /** Тема кнопки. */
@@ -1564,7 +1641,7 @@ export declare interface IDropdownMobileFooterProps extends default_2.HTMLAttrib
 }
 
 /** Свойства компонента DropdownMobileHeader. */
-export declare interface IDropdownMobileHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+declare interface IDropdownMobileHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Кнопка закрытия мобильной версии Dropdown. */
     closeButton?: () => JSX.Element;
 }
@@ -1672,6 +1749,8 @@ export declare interface IFormFieldInputProvideProps extends Omit<IFormFieldInpu
 
 /** Свойства компонента FormFieldLabel. */
 declare interface IFormFieldLabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
+    /** Label отображается в уменьшенном виде над полем ввода/селектом. */
+    floating?: boolean;
 }
 
 /** Свойства компонента FormFieldInput. */
@@ -1699,11 +1778,16 @@ declare interface IFormFieldPrefixProps extends default_2.HTMLAttributes<HTMLSpa
 
 /** Свойства компонента FormField. */
 export declare interface IFormFieldProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    error?: boolean;
-    disabled?: boolean;
+    status?: EFormFieldStatus;
     size?: EFormFieldSize;
 }
 
+/** Свойства компонента FormFieldTarget. */
+export declare interface IFormFieldTargetProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */
+    placeholder?: default_2.ReactNode;
+}
+
 /** Свойства компонента FormFieldTextarea. */
 export declare interface IFormFieldTextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
@@ -1781,6 +1865,38 @@ export declare interface IHeaderTitleControlsProps extends default_2.HTMLAttribu
 export declare interface IHeaderTitleProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+declare interface IIslandBodyProps extends default_2.HTMLProps<HTMLDivElement> {
+}
+
+declare interface IIslandFooterProps extends default_2.HTMLProps<HTMLDivElement> {
+}
+
+declare interface IIslandHeaderProps extends default_2.HTMLProps<HTMLDivElement> {
+}
+
+export declare interface IIslandProps extends default_2.HTMLProps<HTMLDivElement> {
+    /** Возможные размеры скругления. */
+    borderRadius?: EIslandBorderRadius;
+    /** Тип компонента Island. Отличаются цвет и тень. */
+    type?: EIslandType;
+    /** Возможные размеры внутреннего отступа. */
+    paddingSize?: EIslandPaddingSize;
+}
+
+/** Свойства компонента ComposedKeyDownListener. */
+declare interface IKeyDownListenerManagerProps {
+    children?: default_2.ReactNode;
+    /** Массив-конфигуратор keydown слушателей. */
+    keyDownListeners: IKeyDownListenerProps[];
+}
+
+export declare interface IKeyDownListenerProps {
+    children?: default_2.ReactNode;
+    eventKeyCode: keyCode | keyCode[];
+    /** Обработчик совпадения нужной клавиши. */
+    onMatch: (event: KeyboardEvent) => void;
+}
+
 /** Общие свойства компонента Link. */
 declare interface ILinkCommonProps extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Тело гиперссылки. */
@@ -2112,17 +2228,6 @@ export declare interface ISegmentedControlCommonProps extends Omit<React.HTMLAtt
     disabled?: boolean;
 }
 
-/** Тип контекста компонента SegmentedControl. */
-export declare interface ISegmentedControlContextType {
-    type: ESegmentedControlType;
-    value: TSegmentedControlSingleValue | TSegmentedControlMultipleValue;
-    disabled: boolean;
-    onSegmentSelect: (props: {
-        selected: boolean;
-        value: string;
-    }) => void;
-}
-
 /** Свойства компонента SegmentedControl с множественным выбором. */
 export declare interface ISegmentedControlMultipleProps extends ISegmentedControlCommonProps {
     value: TSegmentedControlMultipleValue;
@@ -2142,6 +2247,51 @@ export declare interface ISegmentedControlSingleProps extends ISegmentedControlC
     onSelect: TSegmentedControlSingleOnSelect;
 }
 
+export declare interface ISelectExtendedFieldDefaultOption extends Omit<IDropdownListItemProps, "active" | "onSelect" | "selected" | "keyCodesForSelection" | "className" | "key"> {
+    value: string;
+    label: default_2.ReactNode;
+}
+
+export declare interface ISelectExtendedFieldDropdownFC extends default_2.FC<ISelectExtendedFieldDropdownProps> {
+    List: typeof DropdownList;
+}
+
+export declare interface ISelectExtendedFieldDropdownProps extends Omit<IDropdownProps, "forwardedRef"> {
+    forwardedRef: default_2.RefObject<HTMLDivElement>;
+    children?: default_2.ReactNode;
+    opened: boolean;
+    targetRef: default_2.RefObject<HTMLElement>;
+}
+
+export declare interface ISelectExtendedFieldDropdownProvideProps {
+    opened: boolean;
+    setOpened: (opened: boolean) => void;
+    targetRef: default_2.RefObject<HTMLDivElement>;
+    dropdownRef: default_2.RefObject<HTMLDivElement>;
+}
+
+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;
+    closeOnTab?: boolean;
+}
+
+export declare interface ISelectExtendedFieldTargetProps extends IFormFieldProps {
+    label?: default_2.ReactNode;
+    fieldLabel: default_2.ReactNode;
+    loading?: boolean;
+    opened: boolean;
+    placeholder?: default_2.ReactNode;
+    setOpened: (opened: boolean) => void;
+}
+
+export declare interface ISelectExtendedFieldTargetProvideProps {
+    opened: boolean;
+    setOpened: (opened: boolean) => void;
+}
+
 export declare interface ISkeletonProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /**
      * Тип скелетона - темный или светлый.
@@ -2149,6 +2299,12 @@ export declare interface ISkeletonProps extends default_2.HTMLAttributes<HTMLDiv
     type?: ESkeletonType;
 }
 
+export declare const Island: default_2.ForwardRefExoticComponent<Omit<IIslandProps, "ref"> & default_2.RefAttributes<HTMLDivElement>> & {
+    Body: default_2.ForwardRefExoticComponent<Omit<IIslandBodyProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+    Header: default_2.ForwardRefExoticComponent<Omit<IIslandHeaderProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+    Footer: default_2.ForwardRefExoticComponent<Omit<IIslandFooterProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+};
+
 declare interface ISwipeableAreaRef {
     /** Закрывает leftSwipeableAreaRef или rightSwipeableArea. */
     closeSwipe: () => void;
@@ -2274,6 +2430,17 @@ export declare interface ITypographyProps {
     strikethrough?: boolean;
 }
 
+declare type keyCode = (typeof EVENT_KEY_CODES)[keyof typeof EVENT_KEY_CODES];
+
+/** Слушатель нажатия клавиш. При совпадении нужной клавиши вызывает onMatch. */
+export declare class KeyDownListener extends default_2.Component<IKeyDownListenerProps> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /** Обработчик для нажатия клавиш. */
+    handleKeyDown: (event: KeyboardEvent) => void;
+    render(): default_2.ReactNode;
+}
+
 /** Гиперссылка. */
 export declare const Link: default_2.ForwardRefExoticComponent<ILinkCommonProps & default_2.RefAttributes<HTMLAnchorElement>>;
 
@@ -2443,12 +2610,22 @@ export declare const SegmentedControl: default_2.ForwardRefExoticComponent<(ISeg
     Segment: default_2.FC<ISegmentedControlSegmentProps>;
 };
 
-/** Контекст компонента SegmentedControl. */
-export declare const SegmentedControlContext: default_2.Context<ISegmentedControlContextType>;
-
 /** Элемент SegmentedControl, представляет собой опцию для выбора. */
 export declare const SegmentedControlSegment: default_2.FC<ISegmentedControlSegmentProps>;
 
+export declare const SelectExtendedField: default_2.FC<ISelectExtendedFieldProps> & {
+    Target: default_2.ForwardRefExoticComponent<ISelectExtendedFieldTargetProps & default_2.RefAttributes<HTMLDivElement>>;
+    Dropdown: ISelectExtendedFieldDropdownFC;
+};
+
+export declare const SelectExtendedFieldDropdown: ISelectExtendedFieldDropdownFC;
+
+/**
+ * Компонент SelectTarget.
+ * Видимая часть Select, при нажатии на которую открывается выпадающий список.
+ */
+export declare const SelectExtendedFieldTarget: default_2.ForwardRefExoticComponent<ISelectExtendedFieldTargetProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /**
  * Элемент для визуализации содержимого, которое еще не загрузилось.
  */
@@ -2481,7 +2658,7 @@ declare const TabsExtendedTabButton: default_2.ForwardRefExoticComponent<ITabsEx
 declare const TabsExtendedTabsWrapper: default_2.FC<ITabsExtendedTabsWrapperProps>;
 
 /** Свойства компонента Button. */
-export declare type TButtonProps = IButtonGeneralProps | IButtonSecondaryProps | IButtonDangerProps | IButtonLinkProps;
+export declare type TButtonProps = IButtonGeneralProps | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | IButtonLinkProps;
 
 /** Свойства интерактивной карточки. */
 declare type TCardActionProps = TCardProps & {
@@ -2504,7 +2681,7 @@ declare type TCreatePartialTokens<Type> = {
 
 declare type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;
 
-declare type TDesignTokensComponents = TDesignTokensComponentsButton | TDesignTokensComponentsCheckbox | TDesignTokensComponentsFormField | TDesignTokensComponentsRadio | TDesignTokensComponentsTypography | TDesignTokensComponentsTooltip | TDesignTokensComponentsLink | TDesignTokensComponentsLoader | TDesignTokensComponentsTabs | TDesignTokensComponentsLoaderWidget | TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsOverlay | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsPage | TDesignTokensComponentsOverlay | TDesignTokensComponentsUploadZone | TDesignTokensComponentsPagination | TDesignTokensComponentsCard | TDesignTokensComponentsSkeleton | TDesignTokensComponentsPagination | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsFooterPage;
+declare type TDesignTokensComponents = TDesignTokensComponentsButton | TDesignTokensComponentsCheckbox | TDesignTokensComponentsFormField | TDesignTokensComponentsRadio | TDesignTokensComponentsTypography | TDesignTokensComponentsTooltip | TDesignTokensComponentsLink | TDesignTokensComponentsLoader | TDesignTokensComponentsTabs | TDesignTokensComponentsLoaderWidget | TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsOverlay | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsPage | TDesignTokensComponentsUploadZone | TDesignTokensComponentsPagination | TDesignTokensComponentsCard | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsFooterPage | TDesignTokensComponentsIsland;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -2602,6 +2779,14 @@ declare type TDesignTokensComponentsHeaderPageKeys = (typeof designTokensCompone
 
 declare type TDesignTokensComponentsHeaderPageValue = Record<TDesignTokensComponentsHeaderPageKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsIsland = {
+    Island: TDesignTokensComponentsIslandValue;
+};
+
+declare type TDesignTokensComponentsIslandKeys = (typeof designTokensComponentsIslandKeys)[number];
+
+declare type TDesignTokensComponentsIslandValue = Record<TDesignTokensComponentsIslandKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsLink = {
     Link: TDesignTokensComponentsLinkValue;
 };
@@ -3690,7 +3875,7 @@ export declare const TextField: default_2.FC<ITextFieldProps>;
 /** Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.
  * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.
  * */
-export declare type TFormFieldMaskedInputMask = Array<string | RegExp>;
+declare type TFormFieldMaskedInputMask = Array<string | RegExp>;
 
 declare interface TFormFieldMaskedInputPresets {
     placeholderMasks: {
@@ -4384,7 +4569,7 @@ export declare type TSegmentedControlSingleOnSelect = (value: TSegmentedControlS
 /** Значение SegmentedControl с одиночным выбором. */
 export declare type TSegmentedControlSingleValue = string;
 
-export declare type TTabsExtendedOnSelectTab = (id: string) => void;
+declare type TTabsExtendedOnSelectTab = (id: string) => void;
 
 /**
  * Хук для императивного выполнения и отслеживания media queries