toast: стилизация и сторисы

.storybook/preview.js

@@ -5,6 +5,7 @@ import PrimeVue from 'primevue/config';
 import { getPrimeVueConfig } from '@/plugins/prime';
 import Tooltip from 'primevue/tooltip';
 import ConfirmationService from 'primevue/confirmationservice';
+import ToastService from 'primevue/toastservice';
 
 import '../src/tailwind.css';
 import './themes/base.css';
@@ -45,6 +46,7 @@ setup((app) => {
   registerToastification(app);
   app.use(PrimeVue, mergedConfig);
   app.use(ConfirmationService);
+  app.use(ToastService);
   app.directive('tooltip', Tooltip);
 });
 

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 CDEK-IT
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

src/plugins/prime/stories/Toast/Toast.mdx

@@ -0,0 +1,78 @@
+import { Meta, Canvas, Controls, Title, Description } from '@storybook/addon-docs/blocks';
+import * as ToastStories from './Toast.stories';
+
+<Meta of={ToastStories} />
+
+<Title />
+<Description />
+
+## Варианты использования
+
+<br />
+
+### Базовый
+Базовый вариант `Toast`. Используйте таблицу ниже для настройки пропсов. Кнопки внизу позволяют показать живые тосты.
+Иконки для каждого типа `Toast` уже "вшиты", но это поведение можно изменить (см. ниже).
+<Canvas of={ToastStories.Default} />
+
+#### Полный список аргументов и событий компонента.
+<Controls of={ToastStories.Default} />
+
+<hr />
+
+### С кнопкой закрытия
+Базовый вариант `Toast` с кнопкой закрытия.
+<Canvas of={ToastStories.DefaultButton} />
+
+### Кастомный контент
+`Toast` с кастомным контейнером.
+<Canvas of={ToastStories.WithContent} />
+
+#### Аргументы и события
+<Controls of={ToastStories.WithContent}/>
+
+<hr />
+
+### С кастомным контейнером и кнопкой закрытия
+`Toast` с кастомным контейнером и кнопкой закрытия.
+<Canvas of={ToastStories.WithContentAndCloseButton} />
+
+#### Аргументы и события
+<Controls of={ToastStories.WithContentAndCloseButton} />
+
+<hr />
+
+### Ширина Toast
+Ширина `Toast` задаётся через `props` — `width`. Доступные значения:
+<details>
+  <summary>Примеры кода</summary>
+
+  - `sm` (20rem)
+  ```html dark
+  <PBlockToast width="sm" />
+  ```
+  - `md` (25rem, по умолчанию)
+  ```html dark
+  <PBlockToast />
+  ```
+  - `lg` (30rem)
+  ```html dark
+  <PBlockToast width="lg" />
+  ```
+  - `xlg` (45rem)
+  ```html dark
+  <PBlockToast width="xlg" />
+  ```
+</details>
+
+<Canvas of={ToastStories.Width} />
+
+#### Аргументы и события
+<Controls of={ToastStories.Width} />
+
+### Позиция
+Демонстрация всех доступных позиций `Toast`. Каждая кнопка показывает уведомление в соответствующей позиции.
+<Canvas of={ToastStories.Position} />
+
+#### Аргументы и события
+<Controls of={ToastStories.Position} />