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

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

@@ -1,55 +0,0 @@
-import { LinkProps } from '@snack-uikit/link';
-import { ProgressBarProps } from '@snack-uikit/progress-bar';
-import { ValueOf } from '@snack-uikit/utils';
-import { TOAST_UPLOAD_ITEM_STATUS, TOAST_UPLOAD_STATUS } from './constants';
-export type ToastUploadStatus = ValueOf<typeof TOAST_UPLOAD_STATUS>;
-export type ToastUploadItemStatus = ValueOf<typeof TOAST_UPLOAD_ITEM_STATUS>;
-export type ToastUploadStateSubscription<T> = (subscription: (newValue: T) => void) => () => void;
-export type WithStateSubscription<T> = {
-    /**Позволяет подписываться на изменения процесса загрузки файла внутри конпонента,
-     * тем самым обновляет элементы не зависимо от всего списка
-     * (можно использовать для улучшения производительности из-за частых обновлений)
-     */
-    subscribeToState?: ToastUploadStateSubscription<Partial<T>>;
-} & T;
-export type ToastUploadItemLink = Pick<LinkProps, 'target' | 'href' | 'onClick' | 'text'>;
-export type UploadActions = {
-    onCancel?: () => void;
-    onPause?: () => void;
-    onRetry?: () => void;
-    onContinue?: () => void;
-};
-export type UploadItem = WithStateSubscription<{
-    /**
-     * Уникальный id элемента
-     */
-    id?: string;
-    /**
-     * Название элемента
-     */
-    title: string;
-    /**
-     * Статус загрузки
-     */
-    status: ToastUploadItemStatus;
-    /**
-     * Описание статуса загрузки
-     */
-    statusLabel: string;
-    /**
-     * Процент прогресса
-     */
-    progress: ProgressBarProps['progress'];
-    /**
-     * Отображаемый размер файла
-     */
-    formattedSize: string;
-    /**
-     * Экшены для управления загрузкой
-     */
-    actions: UploadActions;
-    /**
-     * Ссылка на файл
-     */
-    link?: ToastUploadItemLink;
-}>;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1 +0,0 @@
-export declare const formatPercent: (value: number) => string;

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatPercent = void 0;
-const formatPercent = value => `${value}%`;
-exports.formatPercent = formatPercent;

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

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

package/dist/cjs/components/ToastUpload/utils/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("./formatPercent"), exports);

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

@@ -1,59 +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;
-    /**
-     * Общий прогресс загрузки
-     */
-    progress: {
-        current: number;
-        total: number;
-    };
-    /**
-     * Закрыть тостер
-     */
-    onCloseClick?(e: MouseEvent<HTMLButtonElement>, close?: () => void): void;
-    /**
-     * Показывать кнопку закрытия тостера
-     */
-    closable?: boolean;
-    /**
-     * CSS-класс контейнера
-     */
-    className?: string;
-    /**
-     * Загружаемые элементы
-     */
-    files: UploadItem[];
-    /**
-     * Тостер свернут/развернут
-     */
-    collapsed?: boolean;
-    /**
-     * Развернуть/свернуть тостер
-     */
-    onCollapsed?: (collapsed: boolean) => void;
-    /**
-     * Экшены для управления загрузкой
-     */
-    generalActions: Omit<UploadActions, 'onCancel'>;
-    /**
-     *  Отмена всей загрузки
-     */
-    cancelButton?: ButtonTextNeutralProps;
-}>;
-export declare function ToastUpload({ status, title, description, closeToast, onCloseClick, closable, className, files, collapsed, onCollapsed, generalActions, cancelButton, progress, ...rest }: ToastUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ToastUpload/ToastUpload.js

@@ -1,45 +0,0 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { useUncontrolledProp } from 'uncontrollable';
-import { ChevronDownSVG, ChevronUpSVG, CrossSVG } from '@snack-uikit/icons';
-import { useLocale } from '@snack-uikit/locale';
-import { ProgressBar } from '@snack-uikit/progress-bar';
-import { Scroll } from '@snack-uikit/scroll';
-import { TruncateString } from '@snack-uikit/truncate-string';
-import { extractSupportProps } from '@snack-uikit/utils';
-import { TOAST_UPLOAD_TEST_IDS } from '../../testIds';
-import { progressBarAppearanceByStatus } from './constants';
-import { ButtonIcon } from './helperComponents/ButtonIcon';
-import { ButtonTextNeutral } from './helperComponents/ButtonTextNeutral';
-import { FileItem } from './helperComponents/FileItem';
-import { LoadingStatus } from './helperComponents/LoadingStatus';
-import styles from './styles.module.css';
-import { formatPercent } from './utils';
-export function ToastUpload(_a) {
-    var { status, title, description, closeToast, onCloseClick, closable, className, files, collapsed, onCollapsed, generalActions, cancelButton, progress } = _a, rest = __rest(_a, ["status", "title", "description", "closeToast", "onCloseClick", "closable", "className", "files", "collapsed", "onCollapsed", "generalActions", "cancelButton", "progress"]);
-    const [isCollapsed, setIsCollapsed] = useUncontrolledProp(collapsed, false, onCollapsed);
-    const { t } = useLocale('ToastUpload');
-    const showingTitle = title || t(`title.${status}`);
-    const handleCloseClick = (e) => {
-        e.stopPropagation();
-        onCloseClick ? onCloseClick(e, closeToast) : closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-    };
-    const handleCollapseClick = (e) => {
-        e.stopPropagation();
-        setIsCollapsed(!isCollapsed);
-    };
-    const progressPercent = Math.round((progress.current / progress.total) * 100);
-    const isErrorUploaded = status === 'errorUploaded';
-    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-collapsed": isCollapsed || undefined, children: [_jsxs("div", { className: styles.titleLine, children: [_jsxs("div", { className: styles.titleLineBody, children: [_jsx("div", { className: styles.title, "data-test-id": TOAST_UPLOAD_TEST_IDS.title, children: showingTitle }), cancelButton && _jsx(ButtonTextNeutral, Object.assign({}, cancelButton)), _jsx(ButtonIcon, { onClick: handleCollapseClick, "data-test-id": TOAST_UPLOAD_TEST_IDS.collapseButton, children: !isCollapsed ? _jsx(ChevronUpSVG, {}) : _jsx(ChevronDownSVG, {}) }), closable && (_jsx(ButtonIcon, { className: styles.buttonAction, onClick: handleCloseClick, "data-test-id": TOAST_UPLOAD_TEST_IDS.close, children: _jsx(CrossSVG, {}) }))] }), _jsxs("div", { className: styles.generalProgress, children: [_jsxs("div", { className: styles.statusLine, children: [_jsxs("div", { className: styles.statusWrap, children: [_jsx(LoadingStatus, { status: status, actions: generalActions }), _jsx(TruncateString, { className: styles.description, "data-status": status, text: description, "data-test-id": TOAST_UPLOAD_TEST_IDS.description })] }), _jsx("span", { className: styles.totalCounter, "data-test-id": TOAST_UPLOAD_TEST_IDS.counter, children: `${progress.current}/${progress.total}` }), _jsx("span", { className: styles.totalPercentage, "data-test-id": TOAST_UPLOAD_TEST_IDS.progress, children: formatPercent(isErrorUploaded ? 0 : progressPercent) })] }), isCollapsed && (_jsx(ProgressBar, { progress: isErrorUploaded ? 100 : progressPercent, size: 'xs', appearance: progressBarAppearanceByStatus[status], "data-test-id": TOAST_UPLOAD_TEST_IDS.progressBar }))] })] }), _jsx(Scroll, { className: styles.list, size: 's', "data-test-id": TOAST_UPLOAD_TEST_IDS.list, barHideStrategy: 'never', children: files.map(item => (_jsx(FileItem, { item: item }, item.id || item.title))) })] })));
-}

package/dist/esm/components/ToastUpload/constants.d.ts

@@ -1,16 +0,0 @@
-import { ProgressBarProps } from '@snack-uikit/progress-bar';
-import { ToastUploadStatus } from './types';
-export declare const TOAST_UPLOAD_STATUS: {
-    readonly Loading: "loading";
-    readonly Pause: "pause";
-    readonly Error: "error";
-    readonly Uploaded: "uploaded";
-    readonly ErrorUploaded: "errorUploaded";
-};
-export declare const TOAST_UPLOAD_ITEM_STATUS: {
-    readonly Loading: "loading";
-    readonly Pause: "pause";
-    readonly Error: "error";
-    readonly Uploaded: "uploaded";
-};
-export declare const progressBarAppearanceByStatus: Record<ToastUploadStatus, ProgressBarProps['appearance']>;

package/dist/esm/components/ToastUpload/constants.js

@@ -1,20 +0,0 @@
-export const TOAST_UPLOAD_STATUS = {
-    Loading: 'loading',
-    Pause: 'pause',
-    Error: 'error',
-    Uploaded: 'uploaded',
-    ErrorUploaded: 'errorUploaded',
-};
-export const TOAST_UPLOAD_ITEM_STATUS = {
-    Loading: 'loading',
-    Pause: 'pause',
-    Error: 'error',
-    Uploaded: 'uploaded',
-};
-export const progressBarAppearanceByStatus = {
-    pause: 'neutral',
-    loading: 'green',
-    uploaded: 'green',
-    errorUploaded: 'red',
-    error: 'red',
-};

package/dist/esm/components/ToastUpload/helperComponents/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/esm/components/ToastUpload/helperComponents/ButtonIcon/ButtonIcon.js

@@ -1,18 +0,0 @@
-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";
-import cn from 'classnames';
-import styles from './styles.module.css';
-export function ButtonIcon(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return _jsx("button", Object.assign({ type: 'button', className: cn(styles.buttonIcon, className) }, props));
-}

package/dist/esm/components/ToastUpload/helperComponents/ButtonIcon/index.d.ts

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

package/dist/esm/components/ToastUpload/helperComponents/ButtonIcon/index.js

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

package/dist/esm/components/ToastUpload/helperComponents/ButtonIcon/styles.module.css

@@ -1,32 +0,0 @@
-.buttonIcon{
-  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;
-  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: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/esm/components/ToastUpload/helperComponents/ButtonTextNeutral/ButtonTextNeutral.d.ts

@@ -1,7 +0,0 @@
-import { MouseEvent } from 'react';
-export type ButtonTextNeutralProps = {
-    label: string;
-    onClick(e: MouseEvent<HTMLButtonElement>): void;
-    critical?: boolean;
-};
-export declare function ButtonTextNeutral({ label, onClick, critical }: ButtonTextNeutralProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ToastUpload/helperComponents/ButtonTextNeutral/ButtonTextNeutral.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './styles.module.css';
-export function ButtonTextNeutral({ label, onClick, critical }) {
-    return (_jsx("button", { type: 'button', className: styles.buttonTextNeutral, onClick: onClick, "aria-label": 'action', "data-critical": critical || undefined, children: label }));
-}

package/dist/esm/components/ToastUpload/helperComponents/ButtonTextNeutral/index.d.ts

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

package/dist/esm/components/ToastUpload/helperComponents/ButtonTextNeutral/index.js

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

package/dist/esm/components/ToastUpload/helperComponents/ButtonTextNeutral/styles.module.css

@@ -1,33 +0,0 @@
-.buttonTextNeutral{
-  border-radius:var(--radius-toaster-toast-system-event-button, 8px);
-  height:var(--size-toaster-toast-system-event-button-neutral, 24px);
-  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);
-  font-size:var(--sans-body-m-font-size, 14px);
-  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
-  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;
-}
-.buttonTextNeutral:hover{
-  color:var(--sys-invert-neutral-text-main, #e6e8ef);
-}
-.buttonTextNeutral:active{
-  color:var(--sys-invert-neutral-accent-pressed, #aaaebd);
-}
-.buttonTextNeutral: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, );
-  outline-color:var(--sys-available-on-complementary, #ffffff);
-  outline-offset:var(--spacing-state-focus-offset, 2px);
-}

package/dist/esm/components/ToastUpload/helperComponents/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/esm/components/ToastUpload/helperComponents/FileItem/FileItem.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { CrossSVG } from '@snack-uikit/icons';
-import { Link } from '@snack-uikit/link';
-import { ProgressBar } from '@snack-uikit/progress-bar';
-import { TruncateString } from '@snack-uikit/truncate-string';
-import { TOAST_UPLOAD_TEST_IDS } from '../../../../testIds';
-import { progressBarAppearanceByStatus } from '../../constants';
-import { formatPercent } from '../../utils';
-import { ButtonIcon } from '../ButtonIcon';
-import { LoadingStatus } from '../LoadingStatus';
-import styles from './styles.module.css';
-export function FileItem({ item: initItem }) {
-    var _a, _b, _c;
-    const [item, setItem] = useState(initItem);
-    const showLink = item.status === 'uploaded' && item.link;
-    const showCancelButton = !showLink;
-    useEffect(() => {
-        if (initItem.subscribeToState) {
-            initItem.subscribeToState(newValue => setItem(prev => (Object.assign(Object.assign({}, prev), newValue))));
-        }
-        return setItem(initItem);
-    }, [initItem]);
-    const isError = item.status === 'error';
-    return (_jsxs("div", { className: styles.fileLine, "data-test-id": TOAST_UPLOAD_TEST_IDS.uploadItem, children: [_jsxs("div", { className: styles.fileHeadLine, children: [_jsx(TruncateString, { text: item.title, className: styles.fileTitle, maxLines: 1 }), showLink && (_jsx(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: 's', truncateVariant: 'end', onClick: (_c = item.link) === null || _c === void 0 ? void 0 : _c.onClick, appearance: 'invert-neutral', textMode: 'accent', "data-test-id": TOAST_UPLOAD_TEST_IDS.uploadItemLink })), showCancelButton && (_jsx(ButtonIcon, { onClick: item.actions.onCancel, "data-test-id": TOAST_UPLOAD_TEST_IDS.uploadItemCancel, children: _jsx(CrossSVG, {}) }))] }), _jsx(ProgressBar, { progress: isError ? 100 : item.progress, size: 'xs', appearance: progressBarAppearanceByStatus[item.status] }), _jsxs("div", { className: styles.fileStatusLine, children: [_jsxs("div", { className: styles.fileStatusWrap, children: [_jsx(LoadingStatus, { status: item.status, actions: item.actions, isFileItem: true }), _jsx(TruncateString, { className: styles.fileStatusDescription, "data-status": item.status, text: 'dfkkdfma;slkdfmna;lksdmf;laksmdf;lkams' })] }), _jsx("span", { className: styles.fileSize, "data-status": item.status, children: item.formattedSize }), _jsx("span", { className: styles.fileStatusPercentage, "data-status": item.status, children: formatPercent(isError ? 0 : item.progress) })] })] }));
-}

package/dist/esm/components/ToastUpload/helperComponents/FileItem/index.d.ts

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

package/dist/esm/components/ToastUpload/helperComponents/FileItem/index.js

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

package/dist/esm/components/ToastUpload/helperComponents/FileItem/styles.module.css

@@ -1,87 +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);
-  overflow:hidden;
-  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);
-  text-wrap:nowrap;
-}
-.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/esm/components/ToastUpload/helperComponents/LoadingStatus/LoadingStatus.d.ts

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

package/dist/esm/components/ToastUpload/helperComponents/LoadingStatus/LoadingStatus.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckFilledSVG, PauseSVG, PlaySVG, UpdateSVG } from '@snack-uikit/icons';
-import { ButtonIcon } from '../ButtonIcon';
-import styles from './styles.module.css';
-export function LoadingStatus({ status, actions, isFileItem }) {
-    if (status === 'loading' || (status === 'error' && !isFileItem)) {
-        return (_jsx(ButtonIcon, { onClick: actions.onPause, children: _jsx(PauseSVG, {}) }));
-    }
-    if (status === 'pause') {
-        return (_jsx(ButtonIcon, { onClick: actions.onContinue, children: _jsx(PlaySVG, {}) }));
-    }
-    if (status === 'uploaded') {
-        return _jsx(CheckFilledSVG, { className: styles.successIcon });
-    }
-    return (_jsx(ButtonIcon, { onClick: actions.onRetry, children: _jsx(UpdateSVG, {}) }));
-}

package/dist/esm/components/ToastUpload/helperComponents/LoadingStatus/index.d.ts

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

package/dist/esm/components/ToastUpload/helperComponents/LoadingStatus/index.js

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

package/dist/esm/components/ToastUpload/helperComponents/LoadingStatus/styles.module.css

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

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

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

package/dist/esm/components/ToastUpload/index.js

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