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

package/src/constants.ts

@@ -4,7 +4,6 @@ import { ToasterType } from './types';
 export const TOASTER_TYPE = {
   SystemEvent: 'system-event',
   UserAction: 'user-action',
-  Upload: 'upload',
 } as const;
 
 export const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContainerProps> = {
@@ -20,18 +19,11 @@ export const TOASTER_CONTAINER_DEFAULT_PROPS: Record<ToasterType, ToasterContain
     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: Record<ToasterType, number | false> = {
+export const AUTO_CLOSE_TIME = {
   [TOASTER_TYPE.SystemEvent]: 5000,
   [TOASTER_TYPE.UserAction]: 2000,
-  [TOASTER_TYPE.Upload]: false,
 };
 
 export const TOASTER_ROOT_ID = 'toaster-root';

package/src/helpers.tsx

@@ -9,11 +9,9 @@ import {
   ToasterContainerProps,
   ToastSystemEvent,
   ToastSystemEventProps,
-  ToastUploadProps,
   ToastUserAction,
   ToastUserActionProps,
 } from './components';
-import { ToastUploadForToaster } from './components/ToastUpload/ToastUploadToaster';
 import {
   AUTO_CLOSE_TIME,
   TOASTER_CONTAINER_DEFAULT_PROPS,
@@ -30,7 +28,6 @@ import {
   ToasterType,
   ToastOptions,
   UpdateToast,
-  UploadOptions,
   UserActionOptions,
 } from './types';
 
@@ -100,8 +97,6 @@ function getToastComponent<T extends keyof ToasterPropsMap>({
       return <ToastUserAction {...(toasterProps as ToastUserActionProps)} />;
     case TOASTER_TYPE.SystemEvent:
       return <ToastSystemEvent {...(toasterProps as ToastSystemEventProps)} />;
-    case TOASTER_TYPE.Upload:
-      return <ToastUploadForToaster {...(toasterProps as ToastUploadProps)} />;
     default:
       return undefined;
   }
@@ -336,37 +331,7 @@ const systemEvent = {
   },
 };
 
-const upload = {
-  startOrUpdate({ id, ...options }: UploadOptions) {
-    const toastId = id || TOASTER_TYPE.Upload;
-
-    if (toast.isActive(toastId)) {
-      return updateToast(toastId, {
-        type: TOASTER_TYPE.SystemEvent,
-        toasterProps: { ...options },
-      });
-    }
-
-    return openToast({
-      type: TOASTER_TYPE.Upload,
-      toasterProps: {
-        ...options,
-        loading: true,
-      },
-      toastOptions: {
-        id: toastId,
-        onClose: options.onClose,
-      },
-    });
-  },
-
-  dismiss(id?: ToasterId) {
-    return toast.dismiss(id);
-  },
-};
-
 export const toaster: Toaster = {
   userAction,
   systemEvent,
-  upload,
 };

package/src/types.ts

@@ -2,7 +2,7 @@ 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;
@@ -19,7 +19,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> = {
@@ -50,7 +49,6 @@ export type UpdateToast = <T extends keyof ToasterPropsMap>(
 
 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: {
@@ -81,8 +79,4 @@ export type Toaster = {
     };
     dismiss(id?: ToasterId): void;
   };
-  upload: {
-    startOrUpdate(options: UploadOptions): void;
-    dismiss(id?: ToasterId): void;
-  };
 };

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

@@ -1,21 +0,0 @@
-import { MouseEvent } from 'react';
-import { ToastContentProps as RtToastContentProps } from 'react-toastify';
-import { WithSupportProps } from '@snack-uikit/utils';
-import { ButtonTextNeutralProps } from '../../helperComponents/ButtonTextNeutral';
-import { ToastUploadStatus, UploadActions, UploadItem } from './types';
-export type ToastUploadProps = Partial<RtToastContentProps> & WithSupportProps<{
-    status: ToastUploadStatus;
-    title: string;
-    description: string;
-    totalProgressCounter: string;
-    totalProgressPercentage: number;
-    onCloseClick?(e: MouseEvent<HTMLButtonElement>, close?: () => void): void;
-    closable?: boolean;
-    className?: string;
-    items: UploadItem[];
-    collapsed: boolean;
-    onCollapsed: (collapsed: boolean) => void;
-    generalActions: UploadActions;
-    cancelButton?: ButtonTextNeutralProps;
-}>;
-export declare function ToastUpload({ status, title, description, totalProgressCounter, totalProgressPercentage, closeToast, onCloseClick, closable, className, items, collapsed, onCollapsed, generalActions, cancelButton, ...rest }: ToastUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToastUpload/ToastUpload.js

@@ -1,113 +0,0 @@
-"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;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastUpload = ToastUpload;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const icons_1 = require("@snack-uikit/icons");
-const progress_bar_1 = require("@snack-uikit/progress-bar");
-const utils_1 = require("@snack-uikit/utils");
-const ButtonTextNeutral_1 = require("../../helperComponents/ButtonTextNeutral");
-const ButtonIcon_1 = require("./components/ButtonIcon");
-const FileItem_1 = require("./components/FileItem");
-const LoadingStatus_1 = require("./components/LoadingStatus");
-const constants_1 = require("./constants");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-const utils_2 = require("./utils");
-function ToastUpload(_a) {
-  var {
-      status,
-      title,
-      description,
-      totalProgressCounter,
-      totalProgressPercentage,
-      closeToast,
-      onCloseClick,
-      closable,
-      className,
-      items,
-      collapsed,
-      onCollapsed,
-      generalActions,
-      cancelButton
-    } = _a,
-    rest = __rest(_a, ["status", "title", "description", "totalProgressCounter", "totalProgressPercentage", "closeToast", "onCloseClick", "closable", "className", "items", "collapsed", "onCollapsed", "generalActions", "cancelButton"]);
-  const handleCloseClick = e => {
-    e.stopPropagation();
-    onCloseClick ? onCloseClick(e, closeToast) : closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-  };
-  const handleCollapseClick = e => {
-    e.stopPropagation();
-    onCollapsed(!collapsed);
-  };
-  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
-    className: (0, classnames_1.default)(styles_module_scss_1.default.container, className)
-  }, (0, utils_1.extractSupportProps)(rest), {
-    "data-collapsed": collapsed,
-    children: [(0, jsx_runtime_1.jsxs)("div", {
-      className: styles_module_scss_1.default.titleLine,
-      children: [(0, jsx_runtime_1.jsxs)("div", {
-        className: styles_module_scss_1.default.titleLineBody,
-        children: [(0, jsx_runtime_1.jsx)("div", {
-          className: styles_module_scss_1.default.title,
-          children: title
-        }), cancelButton && (0, jsx_runtime_1.jsx)(ButtonTextNeutral_1.ButtonTextNeutral, Object.assign({}, cancelButton)), (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-          onClick: handleCollapseClick,
-          children: collapsed ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpSVG, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownSVG, {})
-        }), closable && (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-          type: 'button',
-          className: styles_module_scss_1.default.buttonAction,
-          onClick: handleCloseClick,
-          children: (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {})
-        })]
-      }), (0, jsx_runtime_1.jsxs)("div", {
-        className: styles_module_scss_1.default.generalProgress,
-        children: [(0, jsx_runtime_1.jsxs)("div", {
-          className: styles_module_scss_1.default.statusLine,
-          children: [(0, jsx_runtime_1.jsxs)("div", {
-            className: styles_module_scss_1.default.statusWrap,
-            children: [(0, jsx_runtime_1.jsx)(LoadingStatus_1.LoadingStatus, {
-              status: status,
-              actions: generalActions
-            }), (0, jsx_runtime_1.jsx)("span", {
-              className: styles_module_scss_1.default.description,
-              "data-status": status,
-              children: description
-            })]
-          }), (0, jsx_runtime_1.jsx)("span", {
-            className: styles_module_scss_1.default.totalCounter,
-            children: totalProgressCounter
-          }), (0, jsx_runtime_1.jsx)("span", {
-            className: styles_module_scss_1.default.totalPercentage,
-            children: (0, utils_2.formatPercent)(totalProgressPercentage)
-          })]
-        }), !collapsed && (0, jsx_runtime_1.jsx)(progress_bar_1.ProgressBar, {
-          progress: totalProgressPercentage,
-          size: 'xs',
-          appearance: constants_1.progressBarAppearanceByStatus[status]
-        })]
-      })]
-    }), (0, jsx_runtime_1.jsx)("div", {
-      className: styles_module_scss_1.default.list,
-      "data-collapsed": collapsed,
-      children: items.map(item => (0, jsx_runtime_1.jsx)(FileItem_1.FileItem, {
-        item: item
-      }, item.id))
-    })]
-  }));
-}

package/dist/cjs/components/ToastUpload/ToastUploadToaster.d.ts

@@ -1,3 +0,0 @@
-import { ToastUploadProps } from './ToastUpload';
-export type ToastUploadToasterProps = Omit<ToastUploadProps, 'collapsed' | 'onCollapsed'>;
-export declare function ToastUploadForToaster(props: ToastUploadToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToastUpload/ToastUploadToaster.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastUploadForToaster = ToastUploadForToaster;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ToastUpload_1 = require("./ToastUpload");
-function ToastUploadForToaster(props) {
-  const [collapsed, setCollapsed] = (0, react_1.useState)(true);
-  return (0, jsx_runtime_1.jsx)(ToastUpload_1.ToastUpload, Object.assign({}, props, {
-    collapsed: collapsed,
-    onCollapsed: setCollapsed
-  }));
-}

package/dist/cjs/components/ToastUpload/components/ButtonIcon/ButtonIcon.d.ts

@@ -1,3 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export type ButtonIconProps = ButtonHTMLAttributes<HTMLButtonElement>;
-export declare function ButtonIcon({ className, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToastUpload/components/ButtonIcon/ButtonIcon.js

@@ -1,32 +0,0 @@
-"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;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonIcon = ButtonIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function ButtonIcon(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return (0, jsx_runtime_1.jsx)("button", Object.assign({
-    type: 'button',
-    className: (0, classnames_1.default)(styles_module_scss_1.default.buttonIcon, className)
-  }, props));
-}

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

@@ -1 +0,0 @@
-export * from './ButtonIcon';

package/dist/cjs/components/ToastUpload/components/ButtonIcon/index.js

@@ -1,25 +0,0 @@
-"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
-});
-__exportStar(require("./ButtonIcon"), exports);

package/dist/cjs/components/ToastUpload/components/ButtonIcon/styles.module.css

@@ -1,30 +0,0 @@
-.buttonIcon{
-  cursor:pointer;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  box-sizing:border-box;
-  margin:0;
-  padding:0;
-  color:var(--sys-invert-neutral-text-light, #8b8e9b);
-  background-color:transparent;
-  border:none;
-}
-.buttonIcon svg{
-  width:var(--size-icon-container-s, 24px) !important;
-  height:var(--size-icon-container-s, 24px) !important;
-}
-.buttonIcon:hover{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-.buttonIcon:focus, .buttonIcon:active{
-  color:var(--sys-invert-neutral-accent-pressed, #aaaebd);
-}
-.buttonIcon:focus-visible{
-  outline-width:var(--border-state-focus-s-border-width, 2px);
-  outline-style:var(--border-state-focus-s-border-style, solid);
-  outline-color:var(--border-state-focus-s-border-color, );
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-  outline-color:var(--sys-available-on-complementary, #ffffff);
-  outline-offset:var(--spacing-state-focus-offset, 2px);
-}

package/dist/cjs/components/ToastUpload/components/FileItem/FileItem.d.ts

@@ -1,5 +0,0 @@
-import { UploadItem } from '../../types';
-export type FileItemProps = {
-    item: UploadItem;
-};
-export declare function FileItem({ item: initItem }: FileItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToastUpload/components/FileItem/FileItem.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileItem = FileItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("@snack-uikit/icons");
-const link_1 = require("@snack-uikit/link");
-const progress_bar_1 = require("@snack-uikit/progress-bar");
-const constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const ButtonIcon_1 = require("../ButtonIcon");
-const LoadingStatus_1 = require("../LoadingStatus");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function FileItem(_ref) {
-  let {
-    item: initItem
-  } = _ref;
-  var _a, _b, _c;
-  const [item, setItem] = (0, react_1.useState)(initItem);
-  const showLink = item.status === 'uploaded' && item.link;
-  (0, react_1.useEffect)(() => {
-    if (initItem.subscribeToState) {
-      return initItem.subscribeToState(newValue => setItem(prev => Object.assign(Object.assign({}, prev), newValue)));
-    }
-    return setItem(initItem);
-  }, [initItem]);
-  return (0, jsx_runtime_1.jsxs)("div", {
-    className: styles_module_scss_1.default.fileLine,
-    children: [(0, jsx_runtime_1.jsxs)("div", {
-      className: styles_module_scss_1.default.fileHeadLine,
-      children: [(0, jsx_runtime_1.jsx)("span", {
-        className: styles_module_scss_1.default.fileTitle,
-        children: item.title
-      }), showLink && (0, jsx_runtime_1.jsx)(link_1.Link, {
-        text: (_a = item.link) === null || _a === void 0 ? void 0 : _a.text,
-        href: (_b = item.link) === null || _b === void 0 ? void 0 : _b.href,
-        size: 'm',
-        truncateVariant: 'end',
-        onClick: (_c = item.link) === null || _c === void 0 ? void 0 : _c.onClick,
-        appearance: 'invert-neutral',
-        textMode: 'accent'
-      }), !showLink && (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-        onClick: item.actions.onCancel,
-        children: (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {})
-      })]
-    }), (0, jsx_runtime_1.jsx)(progress_bar_1.ProgressBar, {
-      progress: item.progress,
-      size: 'xs',
-      appearance: constants_1.progressBarAppearanceByStatus[item.status]
-    }), (0, jsx_runtime_1.jsxs)("div", {
-      className: styles_module_scss_1.default.fileStatusLine,
-      children: [(0, jsx_runtime_1.jsxs)("div", {
-        className: styles_module_scss_1.default.fileStatusWrap,
-        children: [(0, jsx_runtime_1.jsx)(LoadingStatus_1.LoadingStatus, {
-          status: item.status,
-          actions: item.actions
-        }), (0, jsx_runtime_1.jsx)("span", {
-          className: styles_module_scss_1.default.fileStatusDescription,
-          "data-status": item.status,
-          children: item.statusLabel
-        })]
-      }), (0, jsx_runtime_1.jsx)("span", {
-        className: styles_module_scss_1.default.fileSize,
-        "data-status": item.status,
-        children: item.size
-      }), (0, jsx_runtime_1.jsx)("span", {
-        className: styles_module_scss_1.default.fileStatusPercentage,
-        "data-status": item.status,
-        children: (0, utils_1.formatPercent)(item.progress)
-      })]
-    })]
-  }, item.id);
-}

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

@@ -1 +0,0 @@
-export * from './FileItem';

package/dist/cjs/components/ToastUpload/components/FileItem/index.js

@@ -1,25 +0,0 @@
-"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
-});
-__exportStar(require("./FileItem"), exports);

package/dist/cjs/components/ToastUpload/components/FileItem/styles.module.css

@@ -1,85 +0,0 @@
-.fileLine{
-  padding-top:var(--space-toaster-toast-upload-file-line-vertical-padding, 4px);
-  padding-bottom:var(--space-toaster-toast-upload-file-line-vertical-padding, 4px);
-  display:flex;
-  flex-direction:column;
-}
-
-.fileHeadLine{
-  gap:var(--space-toaster-toast-upload-headline-gap, 16px);
-  min-height:var(--size-toaster-toast-upload-file-line-headline-height, 24px);
-  display:flex;
-  align-items:center;
-}
-
-.fileTitle{
-  font-family:var(--sans-body-s-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-s-font-weight, Regular);
-  line-height:var(--sans-body-s-line-height, 16px);
-  font-size:var(--sans-body-s-font-size, 12px);
-  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
-  flex-grow:1;
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-
-.fileStatusLine{
-  gap:var(--space-toaster-toast-upload-status-line-gap, 8px);
-  display:flex;
-  align-items:center;
-}
-
-.fileStatusWrap{
-  gap:var(--space-toaster-toast-upload-status-wrap-gap, 4px);
-  display:flex;
-  flex-grow:1;
-  align-items:center;
-}
-
-.fileStatusDescription{
-  font-family:var(--sans-body-s-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-s-font-weight, Regular);
-  line-height:var(--sans-body-s-line-height, 16px);
-  font-size:var(--sans-body-s-font-size, 12px);
-  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-.fileStatusDescription[data-status=loading]{
-  color:var(--sys-invert-neutral-text-disabled, #656774);
-}
-.fileStatusDescription[data-status=uploaded]{
-  color:var(--sys-invert-neutral-text-disabled, #656774);
-}
-
-.fileSize{
-  font-family:var(--sans-body-s-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-s-font-weight, Regular);
-  line-height:var(--sans-body-s-line-height, 16px);
-  font-size:var(--sans-body-s-font-size, 12px);
-  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
-  color:var(--sys-invert-neutral-text-disabled, #656774);
-}
-.fileSize[data-status=loading]{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-.fileSize[data-status=uploaded]{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-
-.fileStatusPercentage{
-  font-family:var(--sans-body-s-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-s-font-weight, Regular);
-  line-height:var(--sans-body-s-line-height, 16px);
-  font-size:var(--sans-body-s-font-size, 12px);
-  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
-  color:var(--sys-invert-neutral-text-disabled, #656774);
-}
-.fileStatusPercentage[data-status=loading]{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-.fileStatusPercentage[data-status=uploaded]{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}

package/dist/cjs/components/ToastUpload/components/LoadingStatus/LoadingStatus.d.ts

@@ -1,6 +0,0 @@
-import { ToastUploadStatus, UploadActions } from '../../types';
-export type LoadingStatusProps = {
-    status: ToastUploadStatus;
-    actions: UploadActions;
-};
-export declare function LoadingStatus({ status, actions }: LoadingStatusProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ToastUpload/components/LoadingStatus/LoadingStatus.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadingStatus = LoadingStatus;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@snack-uikit/icons");
-const ButtonIcon_1 = require("../ButtonIcon");
-const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function LoadingStatus(_ref) {
-  let {
-    status,
-    actions
-  } = _ref;
-  if (status === 'loading') {
-    return (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-      onClick: actions.onPause,
-      children: (0, jsx_runtime_1.jsx)(icons_1.PauseSVG, {})
-    });
-  }
-  if (status === 'pause') {
-    return (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-      onClick: actions.onContinue,
-      children: (0, jsx_runtime_1.jsx)(icons_1.PlaySVG, {})
-    });
-  }
-  if (status === 'uploaded') {
-    return (0, jsx_runtime_1.jsx)(icons_1.CheckFilledSVG, {
-      className: styles_module_scss_1.default.successIcon
-    });
-  }
-  return (0, jsx_runtime_1.jsx)(ButtonIcon_1.ButtonIcon, {
-    onClick: actions.onRetry,
-    children: (0, jsx_runtime_1.jsx)(icons_1.UpdateSVG, {})
-  });
-}

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

@@ -1 +0,0 @@
-export * from './LoadingStatus';

package/dist/cjs/components/ToastUpload/components/LoadingStatus/index.js

@@ -1,25 +0,0 @@
-"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
-});
-__exportStar(require("./LoadingStatus"), exports);

package/dist/cjs/components/ToastUpload/components/LoadingStatus/styles.module.css

@@ -1,3 +0,0 @@
-.successIcon{
-  color:var(--sys-green-accent-default, #57b762);
-}