skillgrid 0.0.36-dev-40511-42085-40506-alert-placeholder-modal-fix.1221738 → 0.0.36-dev-40511-42085-40506-alert-placeholder-modal-fix.1230719

package/dist/components/Alert/Alert.type.d.ts

@@ -1,8 +1,10 @@
 import { DialogProps } from '../Dialog';
-import { ReactNode } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 import { AvatarProps } from '../Avatar';
 export type AlertVariant = 'info' | 'success' | 'warning' | 'error' | 'dialog' | 'avatar';
-export interface AlertProps extends Pick<DialogProps, 'placement' | 'open' | 'onOpenChange' | 'children'> {
+/** Поля плейсхолдера для стилизации. */
+type AlertFields = 'title' | 'subTitle' | 'iconSlot' | 'children' | 'textBlock' | 'container' | 'dialog';
+export interface AlertProps extends Omit<DialogProps, 'style' | 'className'> {
     /**
      * Вариант отображения Alert. Определяет иконку и цветовую схему.
      * Вариант `avatar` позволяет отобразить кастомный аватар.
@@ -20,6 +22,9 @@ export interface AlertProps extends Pick<DialogProps, 'placement' | 'open' | 'on
     title: ReactNode;
     /** Основной контент/описание Alert. */
     description?: ReactNode;
-    /** ID для тестирования. */
-    'data-testid'?: string;
+    /** Inline-стили для отдельных частей Alert. */
+    styles?: Partial<Record<AlertFields, HTMLProps<HTMLDivElement>['style']>>;
+    /** CSS-классы для отдельных частей Alert. */
+    classNames?: Partial<Record<AlertFields, HTMLProps<HTMLDivElement>['className']>>;
 }
+export {};

package/dist/components/Dialog/Dialog.type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, HTMLProps } from 'react';
-import { FloatingOverlay, FloatingPortalProps } from '@floating-ui/react';
+import { FloatingFocusManagerProps, FloatingOverlay, FloatingPortalProps } from '@floating-ui/react';
 /**
  * Определяет вариант расположения диалогового окна на экране.
  * - `default`: Вверху экрана с вертикальными и горизонтальными отступами.
@@ -48,6 +48,14 @@ export interface DialogProps extends Pick<HTMLProps<HTMLDivElement>, 'className'
     'data-testid'?: string;
     /** Дополнительные пропсы для кастомизации оверлея (фона). */
     overlayProps?: Pick<ComponentProps<typeof FloatingOverlay>, 'lockScroll' | 'className' | 'style'>;
-    /** Дополнительные пропсы для `FloatingPortal`, который используется для рендеринга диалога. */
+    /**
+      * Дополнительные пропсы для `FloatingPortal`, который используется для рендеринга диалога.
+      * @extends https://floating-ui.com/docs/FloatingPortal
+      * */
     portalProps?: FloatingPortalProps;
+    /**
+     * Дополнительные пропсы для `FloatingFocusManager`, который используется для рендеринга диалога.
+     * @extends https://floating-ui.com/docs/floatingfocusmanager
+     * */
+    focusManagement?: FloatingFocusManagerProps;
 }

package/dist/components/Modal/Modal.type.d.ts

@@ -2,7 +2,7 @@ import { DialogProps } from '../Dialog';
 import { FC, HTMLProps, PropsWithChildren, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 /** Поля модального окна для стилизации. */
-type ModalFields = 'container' | 'leftActionsStack' | 'rightActionsStack' | 'title' | 'subTitle' | 'content' | 'footer' | 'header' | 'grabber';
+type ModalFields = 'dialog' | 'container' | 'leftActionsStack' | 'rightActionsStack' | 'title' | 'subTitle' | 'content' | 'footer' | 'header' | 'grabber';
 export type ModalActionButtonProps = {
     /** Пропсы кнопки действия; можно обернуть кнопку через wrapper. */
     props?: ButtonProps;
@@ -10,7 +10,7 @@ export type ModalActionButtonProps = {
     wrapper?: FC<PropsWithChildren>;
 };
 /** Пропсы компонента Modal. @extends DialogProps */
-export interface ModalProps extends DialogProps {
+export interface ModalProps extends Omit<DialogProps, 'style' | 'className'> {
     /** Заголовок модального окна. */
     title?: ReactNode;
     /** Подзаголовок под основным заголовком. */
@@ -24,20 +24,23 @@ export interface ModalProps extends DialogProps {
     /** CSS-классы для отдельных частей модального окна. */
     classNames?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['className']>>;
     /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
-    rightActionsButtons?: ModalActionButtonProps[];
-    leftActionsButtons?: ModalActionButtonProps[];
+    rightActionsSlot?: ReactNode[];
+    /** Слот для элементов в правом верхнем углу (рядом с кнопкой закрытия). */
+    leftActionsSlot?: ReactNode[];
+    /** Пропсы для кнопки закрытия в правом верхнем углу */
     closeButton?: {
         /**
          * Показывать кнопку закрытия.
          * @default true */
         show: boolean;
     } & ModalActionButtonProps;
+    /** Пропсы для кнопки "назад" в левом верхнем углу */
     backButton?: {
-        /**
-         * Показывать кнопку закрытия.
+        /** Показывать кнопку 'назад'.
          * @default true */
         show: boolean;
     } & ModalActionButtonProps;
+    /** Шаблон расположения элементов в шапке модального окна. */
     headerTemplate?: 'title-actions-actions' | 'actions-title-actions';
     /** Скрыть разделитель в шапке. */
     hideHeaderDivider?: boolean;