@snack-uikit/toaster 0.8.19-preview-27ae78ba.0 → 0.8.19

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.8.19 (2025-03-13)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.25.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/link@0.16.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.6.14](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.8.18 (2025-03-06)
 
 ### Only dependencies have been changed

package/README.md

@@ -1,7 +1,6 @@
 # Toaster
 
 ## Installation
-
 `npm i @snack-uikit/toaster`
 
 [Changelog](./CHANGELOG.md)
@@ -22,8 +21,8 @@ toaster.userAction.update.error(userActionId, { label: 'new text' });
 
 // update systemEvent toast
 toaster.systemEvent.update.error(systemEventId, {
-  title: 'new text',
-  description: 'new description',
+    title: 'new text',
+    description: 'new description',
 });
 
 // dismiss userAction toast
@@ -31,81 +30,45 @@ toaster.userAction.dismiss(userActionId);
 
 // dismiss systemEvent toast
 toaster.systemEvent.dismiss(systemEventId);
+```
 
-// create or update upload toast
-const uploadToastId = toaster.upload.startOrUpdate(options);
 
-// dismiss upload toast
-toaster.upload.dismiss(uploadToastId);
+## Props
+
+```typescript jsx
+type ToastUserActionLink = {
+  text: string;
+  href: string;
+  onClick?(e: MouseEvent<HTMLAnchorElement>): void;
+};
+
+type ToastUserActionProps = Partial<RtToastContentProps> &
+  WithSupportProps<{
+    label: string;
+    link?: ToastUserActionLink;
+    className?: string;
+    onClose(id?: string | number): void;
+  }>;
+
+type ToastSystemEventLink = {
+  text: string;
+  href: string;
+  onClick?(e: MouseEvent<HTMLAnchorElement>): void;
+};
+
+type ToastSystemEventProps = Partial<RtToastContentProps> &
+  WithSupportProps<{
+    title: string;
+    description?: string;
+    link?: ToastSystemEventLink;
+    progressBar?: boolean;
+    closable?: boolean;
+    className?: string;
+    onCloseClick?(e: MouseEvent<HTMLButtonElement>, close?: () => void): void;
+    onClose(id?: string | number): void;
+  }>;
 ```
 
-[//]: DOCUMENTATION_SECTION_START
-[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
-## dismissToast
-`` 
-
-Закрытие тостера
-## ToastSystemEvent
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| title* | `string` | - |  |
-| closeToast | `() => void` | - |  |
-| toastProps | `ToastProps` | - |  |
-| data | `unknown` | - |  |
-| description | `string` | - |  |
-| appearance | enum ToastSystemEventAppearance: `"neutral"`, `"error"`, `"errorCritical"`, `"warning"`, `"success"` | neutral |  |
-| link | `ToastSystemEventLink` | - |  |
-| progressBar | `boolean` | true |  |
-| closable | `boolean` | true |  |
-| className | `string` | - | CSS-класс |
-| onCloseClick | `(e: MouseEvent<HTMLButtonElement, MouseEvent>, close?: () => void) => void` | - |  |
-| action | `ButtonActionProps[]` | - |  |
-| loading | `never` | - |  |
-## ToastUserAction
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| label* | `string` | - |  |
-| closeToast | `() => void` | - |  |
-| toastProps | `ToastProps` | - |  |
-| data | `unknown` | - |  |
-| appearance | enum ToastUserActionAppearance: `"neutral"`, `"error"`, `"warning"`, `"success"` | neutral |  |
-| link | `ToastUserActionLink` | - |  |
-| className | `string` | - | CSS-класс |
-| loading | `boolean` | - |  |
-## ToasterContainer
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| position | enum ToastPosition: `"top-right"`, `"top-center"`, `"top-left"`, `"bottom-right"`, `"bottom-center"`, `"bottom-left"` | bottom-right |  |
-| limit | `number` | 5 |  |
-| containerId | `Id` | - |  |
-| displayCloseAllButton | `boolean` | - |  |
-| type | enum ToasterType: `"system-event"`, `"user-action"`, `"upload"` | system-event |  |
-## ToastUpload
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| generalActions* | `Omit<UploadActions, "onCancel">` | - | Экшены для управления загрузкой |
-| files* | `UploadItem[]` | - | Загружаемые элементы |
-| progress* | `{ current: number; total: number; }` | - | Общий прогресс загрузки |
-| description* | `string` | - | Описание статуса загрузки |
-| status* | enum ToastUploadStatus: `"error"`, `"loading"`, `"pause"`, `"uploaded"`, `"errorUploaded"` | - | Общий статус загрузки |
-| closeToast | `() => void` | - |  |
-| toastProps | `ToastProps` | - |  |
-| data | `unknown` | - |  |
-| title | `string` | - | Заголовок тостера |
-| onCloseClick | `(e: MouseEvent<HTMLButtonElement, MouseEvent>, close?: () => void) => void` | - | Закрыть тостер |
-| closable | `boolean` | - | Показывать кнопку закрытия тостера |
-| className | `string` | - | CSS-класс контейнера |
-| collapsed | `boolean` | - | Тостер свернут/развернут |
-| onCollapsed | `(collapsed: boolean) => void` | - | Развернуть/свернуть тостер |
-| cancelButton | `ButtonTextNeutralProps` | - | Отмена всей загрузки |
-
-
-[//]: DOCUMENTATION_SECTION_END
-
 ### TODO
 
 - Translations

package/dist/cjs/components/ToastSystemEvent/styles.module.css

@@ -4,8 +4,9 @@
 }
 
 .buttonClose{
+  width:var(--size-toaster-toast-system-event-button-close, 24px);
+  height:var(--size-toaster-toast-system-event-button-close, 24px);
   border-radius:var(--radius-toaster-toast-system-event-button, 8px);
-  height:var(--size-toaster-toast-system-event-button-neutral, 24px);
   cursor:pointer;
   display:flex;
   align-items:center;
@@ -107,7 +108,7 @@
   display:flex;
   flex-direction:column;
   box-sizing:border-box;
-  width:calc(var(--size-toaster-toast-system-event-container, 320px) - 2 * var(--space-toaster-toast-system-event-padding, 8px));
+  width:calc(var(--size-toaster-toast-system-event-container, 320px) - 2 * var(--space-toaster-system-event-padding, 8px));
   max-width:100%;
 }
 .container:hover .progress{

package/dist/cjs/components/ToasterContainer/styles.module.css

@@ -1,6 +1,6 @@
 .buttonCloseColumnWrapper{
-  gap:var(--space-toaster-toast-system-event-gap, 8px);
-  padding:var(--space-toaster-toast-system-event-padding, 8px);
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
   width:var(--size-toaster-toast-system-event-container, 320px);
   position:fixed;
   box-sizing:border-box;
@@ -56,7 +56,7 @@
 }
 
 .containerWithCloseAllButton{
-  margin-bottom:calc(var(--size-toaster-button-close-column, 40px) + var(--space-toaster-toast-system-event-gap, 8px));
+  margin-bottom:calc(var(--size-toaster-button-close-column, 40px) + var(--space-toaster-system-event-gap, 8px));
 }
 
 @media only screen and (max-width: 480px){
@@ -95,8 +95,8 @@
   max-width:100%;
 }
 :global .osThemeSnack.Toastify__toast-container .container-user-action{
-  padding-bottom:var(--space-toaster-toast-user-action-padding-bottom, 8px);
-  gap:var(--space-toaster-toast-user-action-gap, 8px);
+  padding-bottom:var(--space-toaster-user-action-padding-bottom, 8px);
+  gap:var(--space-toaster-user-action-gap, 8px);
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -138,16 +138,16 @@
   animation-name:osSnackTheme__toast__bounceOutDown;
 }
 :global .osThemeSnack.Toastify__toast-container.osThemeSnack__toast-container__system-event{
-  gap:var(--space-toaster-toast-system-event-gap, 8px);
-  padding:var(--space-toaster-toast-system-event-padding, 8px);
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
   width:var(--size-toaster-toast-system-event-container, 320px);
   display:flex;
   flex-direction:column;
   max-width:calc(100vw - 2 * var(--space-toaster-toast-system-event-container-padding, 16px));
 }
 :global .osThemeSnack.Toastify__toast-container.osThemeSnack__toast-container__user-action{
-  padding-bottom:var(--space-toaster-toast-user-action-padding-bottom, 8px);
-  gap:var(--space-toaster-toast-user-action-gap, 8px);
+  padding-bottom:var(--space-toaster-user-action-padding-bottom, 8px);
+  gap:var(--space-toaster-user-action-gap, 8px);
   display:flex;
   flex-direction:column;
   align-items:center;

package/dist/cjs/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ToastSystemEvent';
 export * from './ToastUserAction';
 export * from './ToasterContainer';
-export * from './ToastUpload';

package/dist/cjs/components/index.js

@@ -24,5 +24,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 __exportStar(require("./ToastSystemEvent"), exports);
 __exportStar(require("./ToastUserAction"), exports);
-__exportStar(require("./ToasterContainer"), exports);
-__exportStar(require("./ToastUpload"), exports);
+__exportStar(require("./ToasterContainer"), exports);

package/dist/cjs/constants.d.ts

@@ -3,9 +3,11 @@ import { ToasterType } from './types';
 export declare const TOASTER_TYPE: {
     readonly SystemEvent: "system-event";
     readonly UserAction: "user-action";
-    readonly Upload: "upload";
 };
 export declare const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps>;
-export declare const AUTO_CLOSE_TIME: Record<ToasterType, number | false>;
+export declare const AUTO_CLOSE_TIME: {
+    "system-event": number;
+    "user-action": number;
+};
 export declare const TOASTER_ROOT_ID = "toaster-root";
 export declare const TOASTER_CONTAINER_PREFIX = "toaster-container__";

package/dist/cjs/constants.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TOASTER_CONTAINER_PREFIX = exports.TOASTER_ROOT_ID = exports.AUTO_CLOSE_TIME = exports.TOASTER_CONTAINER_DEFAULT_PROPS = exports.TOASTER_TYPE = void 0;
 exports.TOASTER_TYPE = {
   SystemEvent: 'system-event',
-  UserAction: 'user-action',
-  Upload: 'upload'
+  UserAction: 'user-action'
 };
 exports.TOASTER_CONTAINER_DEFAULT_PROPS = {
   [exports.TOASTER_TYPE.SystemEvent]: {
@@ -21,18 +20,11 @@ exports.TOASTER_CONTAINER_DEFAULT_PROPS = {
     position: 'bottom-center',
     displayCloseAllButton: false,
     type: exports.TOASTER_TYPE.UserAction
-  },
-  [exports.TOASTER_TYPE.Upload]: {
-    limit: 5,
-    position: 'bottom-right',
-    displayCloseAllButton: true,
-    type: exports.TOASTER_TYPE.SystemEvent
   }
 };
 exports.AUTO_CLOSE_TIME = {
   [exports.TOASTER_TYPE.SystemEvent]: 5000,
-  [exports.TOASTER_TYPE.UserAction]: 2000,
-  [exports.TOASTER_TYPE.Upload]: false
+  [exports.TOASTER_TYPE.UserAction]: 2000
 };
 exports.TOASTER_ROOT_ID = 'toaster-root';
 exports.TOASTER_CONTAINER_PREFIX = 'toaster-container__';

package/dist/cjs/helperComponents/ButtonAction/styles.module.css

@@ -1,8 +1,8 @@
 .buttonAction{
   border-radius:var(--radius-toaster-toast-system-event-button, 8px);
   height:var(--size-toaster-toast-system-event-button, 32px);
-  padding-left:var(--space-toaster-toast-system-event-padding, 8px);
-  padding-right:var(--space-toaster-toast-system-event-padding, 8px);
+  padding-left:var(--space-toaster-system-event-padding, 8px);
+  padding-right:var(--space-toaster-system-event-padding, 8px);
   font-family:var(--sans-body-m-font-family, SB Sans Interface);
   font-weight:var(--sans-body-m-font-weight, Regular);
   line-height:var(--sans-body-m-line-height, 20px);

package/dist/cjs/helpers.d.ts

@@ -2,10 +2,6 @@ import { Id } from 'react-toastify';
 import { OpenToast, Toaster, UpdateToast } from './types';
 export declare const openToast: OpenToast;
 export declare const updateToast: UpdateToast;
-/**
- * Закрытие тостера
- * @function
- */
 export declare const dismissToast: (params?: Id) => void;
 export declare const isToastActive: typeof import("react-toastify/dist/core/store").isToastActive;
 export declare const toaster: Toaster;

package/dist/cjs/helpers.js

@@ -1,13 +1,5 @@
 "use strict";
 
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -68,8 +60,6 @@ function getToastComponent(_ref3) {
       return (0, jsx_runtime_1.jsx)(components_1.ToastUserAction, Object.assign({}, toasterProps));
     case constants_1.TOASTER_TYPE.SystemEvent:
       return (0, jsx_runtime_1.jsx)(components_1.ToastSystemEvent, Object.assign({}, toasterProps));
-    case constants_1.TOASTER_TYPE.Upload:
-      return (0, jsx_runtime_1.jsx)(components_1.ToastUpload, Object.assign({}, toasterProps));
     default:
       return undefined;
   }
@@ -131,10 +121,6 @@ const updateToast = (id, _ref5) => {
   }));
 };
 exports.updateToast = updateToast;
-/**
- * Закрытие тостера
- * @function
- */
 const dismissToast = params => react_toastify_1.toast.dismiss(params);
 exports.dismissToast = dismissToast;
 exports.isToastActive = react_toastify_1.toast.isActive;
@@ -332,34 +318,7 @@ const systemEvent = {
     return react_toastify_1.toast.dismiss(id);
   }
 };
-const upload = {
-  startOrUpdate(_a) {
-    var {
-        id
-      } = _a,
-      options = __rest(_a, ["id"]);
-    const toastId = id || constants_1.TOASTER_TYPE.Upload;
-    if (react_toastify_1.toast.isActive(toastId)) {
-      return (0, exports.updateToast)(toastId, {
-        type: constants_1.TOASTER_TYPE.Upload,
-        toasterProps: Object.assign({}, options)
-      });
-    }
-    return (0, exports.openToast)({
-      type: constants_1.TOASTER_TYPE.Upload,
-      toasterProps: Object.assign({}, options),
-      toastOptions: {
-        id: toastId,
-        onClose: options.onClose
-      }
-    });
-  },
-  dismiss(id) {
-    return react_toastify_1.toast.dismiss(id);
-  }
-};
 exports.toaster = {
   userAction,
-  systemEvent,
-  upload
+  systemEvent
 };

package/dist/cjs/index.d.ts

@@ -1,4 +1,4 @@
 export { toaster, openToast, updateToast, dismissToast } from './helpers';
-export * from './components';
-export type * from './types';
+export type { ToastSystemEventProps, ToastUserActionProps, ToasterContainerProps } from './components';
+export type { Toaster, UpdateToast, OpenToast, UserActionOptions, SystemEventOptions, ToasterId, ToastOptions, } from './types';
 export { TOASTER_TYPE } from './constants';

package/dist/cjs/index.js

@@ -1,24 +1,5 @@
 "use strict";
 
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -48,7 +29,6 @@ Object.defineProperty(exports, "dismissToast", {
     return helpers_1.dismissToast;
   }
 });
-__exportStar(require("./components"), exports);
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "TOASTER_TYPE", {
   enumerable: true,

package/dist/cjs/testIds.d.ts

@@ -16,17 +16,3 @@ export declare const TOAST_USER_ACTION_TEST_IDS: {
     loader: string;
     link: string;
 };
-export declare const TOAST_UPLOAD_TEST_IDS: {
-    main: string;
-    close: string;
-    title: string;
-    description: string;
-    counter: string;
-    progress: string;
-    list: string;
-    collapseButton: string;
-    progressBar: string;
-    uploadItem: string;
-    uploadItemLink: string;
-    uploadItemCancel: string;
-};

package/dist/cjs/testIds.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOAST_UPLOAD_TEST_IDS = exports.TOAST_USER_ACTION_TEST_IDS = exports.TOAST_SYSTEM_EVENT_TEST_IDS = void 0;
+exports.TOAST_USER_ACTION_TEST_IDS = exports.TOAST_SYSTEM_EVENT_TEST_IDS = void 0;
 const TOAST_SYSTEM_EVENT_TEST_ID = 'toast-system-event';
 exports.TOAST_SYSTEM_EVENT_TEST_IDS = {
   icon: `${TOAST_SYSTEM_EVENT_TEST_ID}__icon`,
@@ -23,19 +23,4 @@ exports.TOAST_USER_ACTION_TEST_IDS = {
   icon: `${TOAST_USER_ACTION_TEST_ID}__icon`,
   loader: `${TOAST_USER_ACTION_TEST_ID}__loader`,
   link: `${TOAST_USER_ACTION_TEST_ID}__link`
-};
-const TOAST_UPLOAD_TEST_ID = 'toast-upload';
-exports.TOAST_UPLOAD_TEST_IDS = {
-  main: TOAST_UPLOAD_TEST_ID,
-  close: `${TOAST_UPLOAD_TEST_ID}__close`,
-  title: `${TOAST_UPLOAD_TEST_ID}__title`,
-  description: `${TOAST_UPLOAD_TEST_ID}__description`,
-  counter: `${TOAST_UPLOAD_TEST_ID}__counter`,
-  progress: `${TOAST_UPLOAD_TEST_ID}__progress`,
-  list: `${TOAST_UPLOAD_TEST_ID}__list`,
-  collapseButton: `${TOAST_UPLOAD_TEST_ID}__collapseButton`,
-  progressBar: `${TOAST_UPLOAD_TEST_ID}__progressBar`,
-  uploadItem: `${TOAST_UPLOAD_TEST_ID}__uploadItem`,
-  uploadItemLink: `${TOAST_UPLOAD_TEST_ID}__uploadItemLink`,
-  uploadItemCancel: `${TOAST_UPLOAD_TEST_ID}__uploadItemCancel`
 };

package/dist/cjs/types.d.ts

@@ -1,6 +1,6 @@
 import { Id, ToastOptions as RtToastOptions } from 'react-toastify';
 import { ValueOf } from '@snack-uikit/utils';
-import { ToasterContainerProps, ToastSystemEventProps, ToastUploadProps, ToastUserActionProps } from './components';
+import { ToasterContainerProps, ToastSystemEventProps, ToastUserActionProps } from './components';
 import { TOASTER_TYPE } from './constants';
 export type ToasterId = Id;
 export type PromisedId = Promise<ToasterId>;
@@ -13,9 +13,6 @@ export type ToasterType = ValueOf<typeof TOASTER_TYPE>;
 export type ToasterPropsMap = {
     [TOASTER_TYPE.UserAction]: ToastUserActionProps;
     [TOASTER_TYPE.SystemEvent]: ToastSystemEventProps;
-    [TOASTER_TYPE.Upload]: ToastUploadProps & {
-        loading?: boolean;
-    };
 };
 type OpenNotificationProps<T extends keyof ToasterPropsMap> = {
     type: T;
@@ -36,7 +33,6 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(id: string | number,
 }) => void;
 export type UserActionOptions = Omit<ToastUserActionProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose'>;
 export type SystemEventOptions = Omit<ToastSystemEventProps, 'appearance'> & Pick<ToastOptions, 'id' | 'onClose'>;
-export type UploadOptions = ToastUploadProps & Pick<ToastOptions, 'id' | 'onClose'>;
 export type Toaster = {
     userAction: {
         success(options: UserActionOptions): PromisedId;
@@ -66,9 +62,5 @@ export type Toaster = {
         };
         dismiss(id?: ToasterId): void;
     };
-    upload: {
-        startOrUpdate(options: UploadOptions): void;
-        dismiss(id?: ToasterId): void;
-    };
 };
 export {};

package/dist/esm/components/ToastSystemEvent/styles.module.css

@@ -4,8 +4,9 @@
 }
 
 .buttonClose{
+  width:var(--size-toaster-toast-system-event-button-close, 24px);
+  height:var(--size-toaster-toast-system-event-button-close, 24px);
   border-radius:var(--radius-toaster-toast-system-event-button, 8px);
-  height:var(--size-toaster-toast-system-event-button-neutral, 24px);
   cursor:pointer;
   display:flex;
   align-items:center;
@@ -107,7 +108,7 @@
   display:flex;
   flex-direction:column;
   box-sizing:border-box;
-  width:calc(var(--size-toaster-toast-system-event-container, 320px) - 2 * var(--space-toaster-toast-system-event-padding, 8px));
+  width:calc(var(--size-toaster-toast-system-event-container, 320px) - 2 * var(--space-toaster-system-event-padding, 8px));
   max-width:100%;
 }
 .container:hover .progress{

package/dist/esm/components/ToasterContainer/styles.module.css

@@ -1,6 +1,6 @@
 .buttonCloseColumnWrapper{
-  gap:var(--space-toaster-toast-system-event-gap, 8px);
-  padding:var(--space-toaster-toast-system-event-padding, 8px);
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
   width:var(--size-toaster-toast-system-event-container, 320px);
   position:fixed;
   box-sizing:border-box;
@@ -56,7 +56,7 @@
 }
 
 .containerWithCloseAllButton{
-  margin-bottom:calc(var(--size-toaster-button-close-column, 40px) + var(--space-toaster-toast-system-event-gap, 8px));
+  margin-bottom:calc(var(--size-toaster-button-close-column, 40px) + var(--space-toaster-system-event-gap, 8px));
 }
 
 @media only screen and (max-width: 480px){
@@ -95,8 +95,8 @@
   max-width:100%;
 }
 :global .osThemeSnack.Toastify__toast-container .container-user-action{
-  padding-bottom:var(--space-toaster-toast-user-action-padding-bottom, 8px);
-  gap:var(--space-toaster-toast-user-action-gap, 8px);
+  padding-bottom:var(--space-toaster-user-action-padding-bottom, 8px);
+  gap:var(--space-toaster-user-action-gap, 8px);
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -138,16 +138,16 @@
   animation-name:osSnackTheme__toast__bounceOutDown;
 }
 :global .osThemeSnack.Toastify__toast-container.osThemeSnack__toast-container__system-event{
-  gap:var(--space-toaster-toast-system-event-gap, 8px);
-  padding:var(--space-toaster-toast-system-event-padding, 8px);
+  gap:var(--space-toaster-system-event-gap, 8px);
+  padding:var(--space-toaster-system-event-padding, 8px);
   width:var(--size-toaster-toast-system-event-container, 320px);
   display:flex;
   flex-direction:column;
   max-width:calc(100vw - 2 * var(--space-toaster-toast-system-event-container-padding, 16px));
 }
 :global .osThemeSnack.Toastify__toast-container.osThemeSnack__toast-container__user-action{
-  padding-bottom:var(--space-toaster-toast-user-action-padding-bottom, 8px);
-  gap:var(--space-toaster-toast-user-action-gap, 8px);
+  padding-bottom:var(--space-toaster-user-action-padding-bottom, 8px);
+  gap:var(--space-toaster-user-action-gap, 8px);
   display:flex;
   flex-direction:column;
   align-items:center;

package/dist/esm/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ToastSystemEvent';
 export * from './ToastUserAction';
 export * from './ToasterContainer';
-export * from './ToastUpload';

package/dist/esm/components/index.js

@@ -1,4 +1,3 @@
 export * from './ToastSystemEvent';
 export * from './ToastUserAction';
 export * from './ToasterContainer';
-export * from './ToastUpload';

package/dist/esm/constants.d.ts

@@ -3,9 +3,11 @@ import { ToasterType } from './types';
 export declare const TOASTER_TYPE: {
     readonly SystemEvent: "system-event";
     readonly UserAction: "user-action";
-    readonly Upload: "upload";
 };
 export declare const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps>;
-export declare const AUTO_CLOSE_TIME: Record<ToasterType, number | false>;
+export declare const AUTO_CLOSE_TIME: {
+    "system-event": number;
+    "user-action": number;
+};
 export declare const TOASTER_ROOT_ID = "toaster-root";
 export declare const TOASTER_CONTAINER_PREFIX = "toaster-container__";

package/dist/esm/constants.js

@@ -1,7 +1,6 @@
 export const TOASTER_TYPE = {
     SystemEvent: 'system-event',
     UserAction: 'user-action',
-    Upload: 'upload',
 };
 export const TOASTER_CONTAINER_DEFAULT_PROPS = {
     [TOASTER_TYPE.SystemEvent]: {
@@ -16,17 +15,10 @@ export const TOASTER_CONTAINER_DEFAULT_PROPS = {
         displayCloseAllButton: false,
         type: TOASTER_TYPE.UserAction,
     },
-    [TOASTER_TYPE.Upload]: {
-        limit: 5,
-        position: 'bottom-right',
-        displayCloseAllButton: true,
-        type: TOASTER_TYPE.SystemEvent,
-    },
 };
 export const AUTO_CLOSE_TIME = {
     [TOASTER_TYPE.SystemEvent]: 5000,
     [TOASTER_TYPE.UserAction]: 2000,
-    [TOASTER_TYPE.Upload]: false,
 };
 export const TOASTER_ROOT_ID = 'toaster-root';
 export const TOASTER_CONTAINER_PREFIX = 'toaster-container__';

package/dist/esm/helperComponents/ButtonAction/styles.module.css

@@ -1,8 +1,8 @@
 .buttonAction{
   border-radius:var(--radius-toaster-toast-system-event-button, 8px);
   height:var(--size-toaster-toast-system-event-button, 32px);
-  padding-left:var(--space-toaster-toast-system-event-padding, 8px);
-  padding-right:var(--space-toaster-toast-system-event-padding, 8px);
+  padding-left:var(--space-toaster-system-event-padding, 8px);
+  padding-right:var(--space-toaster-system-event-padding, 8px);
   font-family:var(--sans-body-m-font-family, SB Sans Interface);
   font-weight:var(--sans-body-m-font-weight, Regular);
   line-height:var(--sans-body-m-line-height, 20px);

package/dist/esm/helpers.d.ts

@@ -2,10 +2,6 @@ import { Id } from 'react-toastify';
 import { OpenToast, Toaster, UpdateToast } from './types';
 export declare const openToast: OpenToast;
 export declare const updateToast: UpdateToast;
-/**
- * Закрытие тостера
- * @function
- */
 export declare const dismissToast: (params?: Id) => void;
 export declare const isToastActive: typeof import("react-toastify/dist/core/store").isToastActive;
 export declare const toaster: Toaster;