@snack-uikit/toaster 0.8.14-preview-abb5f7dc.0 → 0.8.14

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.8.14 (2025-03-04)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.24.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/link@0.15.10](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/loaders@0.9.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/loaders/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.6.10](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+* [@snack-uikit/utils@3.8.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
 ## 0.8.13 (2025-02-10)
 
 ### 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
@@ -33,6 +32,7 @@ toaster.userAction.dismiss(userActionId);
 toaster.systemEvent.dismiss(systemEventId);
 ```
 
+
 ## Props
 
 ```typescript jsx
@@ -69,40 +69,6 @@ type ToastSystemEventProps = Partial<RtToastContentProps> &
   }>;
 ```
 
-## ToastUpload
-
-### Options
-
-| name                      | type                                                             | default value | description                        |
-| ------------------------- | ---------------------------------------------------------------- | ------------- | ---------------------------------- |
-| status\*                  | `ToastUploadStatus`                                              | -             | Общий статус загрузки              |
-| title\*                   | `string`                                                         | -             | Заголовок тостера                  |
-| description\*             | `string`                                                         | -             | Описание статуса загрузки          |
-| totalProgressCounter\*    | `string`                                                         | -             | Каунтер общего прогресса           |
-| totalProgressPercentage\* | `string`                                                         | -             | Процент прогресса                  |
-| onCloseClick              | `(e: MouseEvent<HTMLButtonElement>, close?: () => void) => void` | -             | Закрыть тостер                     |
-| closable                  | `boolean`                                                        | -             | Показывать кнопку закрытия тостера |
-| className                 | `string`                                                         | -             | CSS-класс контейнера               |
-| items\*                   | `UploadItem[]`                                                   | -             | Загружаемые элементы               |
-| collapsed\*               | `boolean`                                                        | -             | Развернут/свернут тостер           |
-| onCollapsed\*             | `boolean`                                                        | -             | Свренуть/развернуть тостер         |
-| generalActions\*          | `UploadActions`                                                  | -             | Экшены для управления загрузкой    |
-| cancelButton              | `ButtonTextNeutralProps`                                         | -             | Отмена всей загрузки               |
-
-### UploadItem
-
-| name             | type                                       | default value | description                                                                                                                                                                                                            |
-| ---------------- | ------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| id\*             | `string`                                   | -             | Уникальный id элемента                                                                                                                                                                                                 |
-| title\*          | `string`                                   | -             | Название элемента                                                                                                                                                                                                      |
-| statusLabel\*    | `string`                                   | -             | Описание статуса загрузки                                                                                                                                                                                              |
-| status\*         | `ToastUploadItemStatus`                    | -             | текущий статус                                                                                                                                                                                                         |
-| progress\*       | `string`                                   | -             | Процент прогресса                                                                                                                                                                                                      |
-| size\*           | `string`                                   | -             | Размер файла                                                                                                                                                                                                           |
-| generalActions\* | `UploadActions`                            | -             | Экшены для управления загрузкой                                                                                                                                                                                        |
-| link             | `ToastUploadItemLink`                      | -             | Ссылка на файл                                                                                                                                                                                                         |
-| subscribeToState | `ToastUploadStateSubscription<Partial<T>>` | -             | Позволяет подписываться на изменения процесса загрузки файла внутри конпонента, тем самым обновляет элементы не зависимо от всего списка (можно использовать для улучшения производительности из-за частых обновлений) |
-
 ### 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.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
 });
@@ -18,7 +10,6 @@ const react_dom_1 = require("react-dom");
 const react_toastify_1 = require("react-toastify");
 const utils_1 = require("@snack-uikit/utils");
 const components_1 = require("./components");
-const ToastUploadToaster_1 = require("./components/ToastUpload/ToastUploadToaster");
 const constants_1 = require("./constants");
 function getToasterContainer(_ref) {
   let {
@@ -69,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)(ToastUploadToaster_1.ToastUploadForToaster, Object.assign({}, toasterProps));
     default:
       return undefined;
   }
@@ -329,36 +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.SystemEvent,
-        toasterProps: Object.assign({}, options)
-      });
-    }
-    return (0, exports.openToast)({
-      type: constants_1.TOASTER_TYPE.Upload,
-      toasterProps: Object.assign(Object.assign({}, options), {
-        loading: true
-      }),
-      toastOptions: {
-        id: toastId,
-        onClose: options.onClose
-      }
-    });
-  },
-  dismiss(id) {
-    return react_toastify_1.toast.dismiss(id);
-  }
-};
 exports.toaster = {
   userAction,
-  systemEvent,
-  upload
+  systemEvent
 };

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.js

@@ -1,21 +1,9 @@
-var __rest = (this && this.__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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line react/no-deprecated
 import { render } from 'react-dom';
 import { toast } from 'react-toastify';
 import { isBrowser } from '@snack-uikit/utils';
 import { ToasterContainer, ToastSystemEvent, ToastUserAction, } from './components';
-import { ToastUploadForToaster } from './components/ToastUpload/ToastUploadToaster';
 import { AUTO_CLOSE_TIME, TOASTER_CONTAINER_DEFAULT_PROPS, TOASTER_CONTAINER_PREFIX, TOASTER_ROOT_ID, TOASTER_TYPE, } from './constants';
 function getToasterContainer({ type, toasterParent, containerProps, }) {
     const containerId = (containerProps === null || containerProps === void 0 ? void 0 : containerProps.containerId) || `${TOASTER_CONTAINER_PREFIX}${type}`;
@@ -49,8 +37,6 @@ function getToastComponent({ type, toasterProps, }) {
             return _jsx(ToastUserAction, Object.assign({}, toasterProps));
         case TOASTER_TYPE.SystemEvent:
             return _jsx(ToastSystemEvent, Object.assign({}, toasterProps));
-        case TOASTER_TYPE.Upload:
-            return _jsx(ToastUploadForToaster, Object.assign({}, toasterProps));
         default:
             return undefined;
     }
@@ -247,31 +233,7 @@ const systemEvent = {
         return toast.dismiss(id);
     },
 };
-const upload = {
-    startOrUpdate(_a) {
-        var { id } = _a, options = __rest(_a, ["id"]);
-        const toastId = id || TOASTER_TYPE.Upload;
-        if (toast.isActive(toastId)) {
-            return updateToast(toastId, {
-                type: TOASTER_TYPE.SystemEvent,
-                toasterProps: Object.assign({}, options),
-            });
-        }
-        return openToast({
-            type: TOASTER_TYPE.Upload,
-            toasterProps: Object.assign(Object.assign({}, options), { loading: true }),
-            toastOptions: {
-                id: toastId,
-                onClose: options.onClose,
-            },
-        });
-    },
-    dismiss(id) {
-        return toast.dismiss(id);
-    },
-};
 export const toaster = {
     userAction,
     systemEvent,
-    upload,
 };

package/dist/esm/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/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toaster",
-  "version": "0.8.14-preview-abb5f7dc.0",
+  "version": "0.8.14",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,14 +36,13 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.24.3-preview-abb5f7dc.0",
-    "@snack-uikit/link": "0.15.10-preview-abb5f7dc.0",
-    "@snack-uikit/loaders": "0.9.1",
-    "@snack-uikit/progress-bar": "0.1.3",
-    "@snack-uikit/truncate-string": "0.6.10-preview-abb5f7dc.0",
-    "@snack-uikit/utils": "3.7.0",
+    "@snack-uikit/icons": "0.24.3",
+    "@snack-uikit/link": "0.15.10",
+    "@snack-uikit/loaders": "0.9.2",
+    "@snack-uikit/truncate-string": "0.6.10",
+    "@snack-uikit/utils": "3.8.0",
     "classnames": "2.5.1",
     "react-toastify": "10.0.5"
   },
-  "gitHead": "74c1f44503eea637f1a416f239584bd6fecdddbc"
+  "gitHead": "ec4e54b1ea5c4455ca404632e1f205e22b881f98"
 }

package/src/components/ToastSystemEvent/styles.module.scss

@@ -33,7 +33,7 @@
 
 .buttonClose {
   @include styles-theme-variables.composite-var(
-    styles-tokens-toaster-toasterSystemEvent.$toaster-system-event-toast-button-button-neutral
+    styles-tokens-toaster-toasterSystemEvent.$toaster-system-event-toast-button-button-close
   );
 
   cursor: pointer;
@@ -159,7 +159,7 @@
   box-sizing: border-box;
   width: calc(
     styles-tokens-toaster-toasterSystemEvent.$size-toaster-toast-system-event-container -
-      (2 * styles-tokens-toaster-toasterSystemEvent.$space-toaster-toast-system-event-padding)
+      (2 * styles-tokens-toaster-toasterSystemEvent.$space-toaster-system-event-padding)
   );
   max-width: 100%;
 

package/src/components/ToasterContainer/styles.module.scss

@@ -61,7 +61,7 @@
 }
 
 .containerWithCloseAllButton {
-  margin-bottom: calc(styles-theme-variables.$size-toaster-button-close-column + styles-theme-variables.$space-toaster-toast-system-event-gap);
+  margin-bottom: calc(styles-theme-variables.$size-toaster-button-close-column + styles-theme-variables.$space-toaster-system-event-gap);
 }
 
 @media only screen and (max-width: 480px) {

package/src/components/index.ts

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