@itcase/ui 1.9.65 → 1.9.66

package/dist/components/Modal/Modal.js

@@ -1,139 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { startTransition, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState, } from 'react';
-import clsx from 'clsx';
-import ReactDOM from 'react-dom';
-import { icons24 } from '@itcase/icons/default';
-import { mergeAppearanceKeys } from 'src/utils';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Icon } from 'src/components/Icon';
-import { Overlay } from 'src/components/Overlay';
-import { Title } from 'src/components/Title';
-import { modalAppearance } from './Modal.appearance';
-const modalConfig = {
-    appearance: modalAppearance,
-    setAppearance: (appearanceConfig) => {
-        modalConfig.appearance = appearanceConfig;
-    },
-};
-const getOrCreateModalElement = (modalIdQuerySelector, className = '') => {
-    // prettier-ignore
-    const classList = className && typeof className === 'string'
-        ? className.split(' ').filter(Boolean)
-        : [];
-    let modalElement = document.getElementById(modalIdQuerySelector);
-    if (!modalElement) {
-        // Add modal element into the DOM on mount.
-        modalElement = document.createElement('div');
-        modalElement.setAttribute('id', modalIdQuerySelector);
-        modalElement.classList.add('modal');
-        if (classList.length) {
-            modalElement.classList.add(...classList);
-        }
-        document.body.prepend(modalElement);
-    }
-    return modalElement;
-};
-// Modal component that is an abstraction around the portal API.
-const Modal = React.forwardRef(function Modal(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, title, absoluteHeader = false, modalIdQuerySelector = 'modal-global', print, scroll = false, stickyHeader = false, before, after, closeIcon = true, isDisabled, isSkeleton, isCloseOnBlur = true, isOpen: initialIsOpen = false, isOverlay = true, isScrollOnOpen = true, isSetFocusOnOpen = true, onClickOverlay, onCloseModal, onOpenModal, children, } = props;
-    // Query DOM element
-    const [modalElement, setModalElement] = useState(null);
-    const [isOpen, setIsOpen] = useState(initialIsOpen);
-    const modalContentRef = useRef(null);
-    const addModalProps = useCallback((element) => {
-        if (isOpen) {
-            element.classList.add('modal_state_visible');
-            if (isScrollOnOpen) {
-                element.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-            if (isSetFocusOnOpen) {
-                setTimeout(() => {
-                    if (modalContentRef.current) {
-                        modalContentRef.current.focus();
-                    }
-                }, 0);
-            }
-        }
-        else if (!element.children.length) {
-            element.classList.remove('modal_state_visible');
-        }
-    }, [isOpen, isScrollOnOpen, isSetFocusOnOpen]);
-    const openModal = useCallback(() => {
-        startTransition(() => {
-            setIsOpen(true);
-        });
-        if (typeof onOpenModal === 'function') {
-            onOpenModal();
-        }
-    }, [onOpenModal]);
-    const closeModal = useCallback((event) => {
-        if (event) {
-            const hasRelatedTarget = event.relatedTarget &&
-                modalElement &&
-                modalElement.contains(event.relatedTarget);
-            if (hasRelatedTarget) {
-                return event;
-            }
-        }
-        setIsOpen(false);
-        onCloseModal && onCloseModal();
-    }, [modalElement, onCloseModal]);
-    const handleClickOverlay = useCallback((event) => {
-        if (isCloseOnBlur) {
-            closeModal();
-        }
-        onClickOverlay && onClickOverlay(event);
-    }, [closeModal, isCloseOnBlur, onClickOverlay]);
-    useEffect(() => {
-        if (!modalElement) {
-            return;
-        }
-        addModalProps(modalElement);
-    }, [isOpen]); // eslint-disable-line
-    useLayoutEffect(() => {
-        let classNameModal = className;
-        if (!print) {
-            classNameModal = clsx(className, 'no-print');
-        }
-        const element = getOrCreateModalElement(modalIdQuerySelector, classNameModal);
-        // eslint-disable-next-line react-hooks/set-state-in-effect
-        setModalElement(element);
-        if (element) {
-            addModalProps(element);
-        }
-    }, [addModalProps, className, modalIdQuerySelector, print]);
-    useEffect(() => {
-        if (!isCloseOnBlur || !isOpen) {
-            return;
-        }
-        const handleClickOutside = (event) => {
-            const target = event.target;
-            if (!modalElement || !target || !target.isConnected) {
-                return;
-            }
-            const isOutside = !modalElement.contains(target);
-            if (isOutside) {
-                setIsOpen(false);
-                onCloseModal && onCloseModal();
-            }
-        };
-        window.addEventListener('click', handleClickOutside);
-        return () => {
-            window.removeEventListener('click', handleClickOutside);
-        };
-    }, [onCloseModal, isCloseOnBlur, isOpen, modalElement]);
-    useImperativeHandle(ref, () => ({ modalElement, openModal, closeModal, isOpen }), [isOpen, openModal, closeModal, modalElement]);
-    const appearanceConfig = useAppearanceConfig(appearance, modalConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, titleTextColor, titleTextColorHover, titleTextSize, titleTextTruncate, titleTextWeight, titleTextWidth, titleTextWrap, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, overlayFill, overlayOpacity, shapeClass, shapeStrengthClass, sizeClass, closeIconAppearance, closeIconAppearanceSize, closeIconFillSize, closeIconImage, closeIconShape, closeIconSize, } = propsGenerator;
-    const { styles: modalStyles } = useStyles(props);
-    return (modalElement &&
-        ReactDOM.createPortal(isOpen ? (_jsxs(React.Fragment, { children: [_jsxs("div", { id: id, className: clsx('modal__content', absoluteHeader && 'modal__content-absolute-header', !title && !closeIcon && 'modal__content-no-header', fillClass && `fill_${fillClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `modal_size_${sizeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, scroll && `modal-scroll_${scroll}`, stickyHeader && 'modal-scroll_header_sticky', isSkeleton && 'modal_skeleton'), ref: modalContentRef, "data-testid": dataTestId, "data-tour": dataTour, style: modalStyles, tabIndex: 0, children: [before, (title || closeIcon) && (_jsxs("div", { className: clsx('modal__header', fillClass && `fill_${fillClass}`), children: [title && (_jsx(Title, { width: titleTextWidth, flex: "1", size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), closeIcon && (_jsx("div", { className: "modal__close", onClick: closeModal, children: _jsx(Icon, { appearance: mergeAppearanceKeys(closeIconAppearance, closeIconAppearanceSize), fillSize: closeIconFillSize, iconSize: closeIconSize, shape: closeIconShape, SvgImage: closeIconImage ?? icons24.Action.Close }) }))] })), _jsx("div", { className: "modal__content-wrapper", children: children }), after] }), _jsx(Overlay, { className: "modal__overlay", 
-                    // ref={modalOverlayRef}
-                    fill: overlayFill, opacity: overlayOpacity, isOverlay: isOverlay, onClick: handleClickOverlay })] })) : null, 
-        // A DOM element
-        modalElement));
-});
-export { Modal, modalConfig };

package/dist/components/Modal/ModalLoader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from 'src/components/Loader';
-function ModalLoader() {
-    return (_jsx("div", { className: "modal-loading", children: _jsx("div", { className: "modal-loading__inner", children: _jsx(Loader, {}) }) }));
-}
-export { ModalLoader };

package/dist/components/Modal/appearance/modalShape.js

@@ -1,25 +0,0 @@
-const modalAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { modalAppearanceShape };

package/dist/components/Modal/appearance/modalSize.js

@@ -1,28 +0,0 @@
-import { icons24, icons32, icons40 } from '@itcase/icons/default';
-const modalAppearanceSize = {
-    sizeXL: {
-        size: 'xl',
-        titleTextSize: 'h2',
-        closeIconAppearanceSize: 'size48_40',
-        closeIconImage: icons40.Action.Close,
-    },
-    sizeL: {
-        size: 'l',
-        titleTextSize: 'h3',
-        closeIconAppearanceSize: 'size40_32',
-        closeIconImage: icons32.Action.Close,
-    },
-    sizeM: {
-        size: 'm',
-        titleTextSize: 'h4',
-        closeIconAppearanceSize: 'size24_24',
-        closeIconImage: icons24.Action.Close,
-    },
-    sizeS: {
-        size: 's',
-        titleTextSize: 'h5',
-        closeIconAppearanceSize: 'size24_24',
-        closeIconImage: icons24.Action.Close,
-    },
-};
-export { modalAppearanceSize };

package/dist/components/Modal/appearance/modalStyle.js

@@ -1,14 +0,0 @@
-const modalAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-export { modalAppearanceStyle };

package/dist/components/Modal/appearance/modalSurface.js

@@ -1,8 +0,0 @@
-const modalAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        closeIconAppearance: 'surfacePrimary ghost circular',
-    },
-};
-export { modalAppearanceSurface };

package/dist/components/Modal/index.js

@@ -1,4 +0,0 @@
-import { Modal, modalConfig } from './Modal';
-import { modalAppearance } from './Modal.appearance';
-import { ModalLoader } from './ModalLoader';
-export { Modal, modalAppearance, modalConfig, ModalLoader };

package/dist/components/ModalSheetBottom/ModalSheetBottom.appearance.js

@@ -1,5 +0,0 @@
-import { modalSheetBottomAppearanceSize } from './appearance/modalSheetBottomSize';
-const modalSheetBottomAppearance = {
-    ...modalSheetBottomAppearanceSize,
-};
-export { modalSheetBottomAppearance };

package/dist/components/ModalSheetBottom/ModalSheetBottom.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ModalSheetBottom/ModalSheetBottom.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useImperativeHandle, useState } from 'react';
-import clsx from 'clsx';
-import { Sheet } from 'react-modal-sheet';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Title } from 'src/components/Title';
-import { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';
-const modalSheetBottomConfig = {
-    appearance: modalSheetBottomAppearance,
-    setAppearance: (appearanceConfig) => {
-        modalSheetBottomConfig.appearance = appearanceConfig;
-    },
-};
-const ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
-    const { appearance, dataTestId, dataTour, initialIsOpen, title, closeButton, isDisabled, onCloseModalSheetBottom, onOpenModalSheetBottom, children, } = props;
-    const [isOpen, setIsOpen] = useState(initialIsOpen);
-    const openModalSheetBottom = useCallback(() => {
-        setIsOpen(true);
-        onOpenModalSheetBottom && onOpenModalSheetBottom();
-    }, [onOpenModalSheetBottom]);
-    const closeModalSheetBottom = useCallback(() => {
-        setIsOpen(false);
-        onCloseModalSheetBottom && onCloseModalSheetBottom();
-    }, [onCloseModalSheetBottom]);
-    useImperativeHandle(ref, () => ({
-        openModal: openModalSheetBottom,
-        closeModal: closeModalSheetBottom,
-        isOpen: isOpen,
-    }), [isOpen, openModalSheetBottom, closeModalSheetBottom]);
-    const appearanceConfig = useAppearanceConfig(appearance, modalSheetBottomConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { titleTextColor, titleTextColorHover, titleTextSize, titleTextTruncate, titleTextWeight, titleTextWidth, titleTextWrap, zeroPadding, } = propsGenerator;
-    const { styles } = useStyles(props);
-    return (_jsxs(Sheet, { ...props, className: "modal-sheet-bottom", "data-testid": dataTestId, "data-tour": dataTour, isOpen: isOpen, onClose: closeModalSheetBottom, children: [_jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [_jsx(Sheet.Header, { className: "modal-sheet-bottom__header", children: closeButton && (_jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton })) }), _jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: _jsxs("div", { className: clsx('modal-sheet-bottom__content-wrapper', zeroPadding && 'modal-sheet-bottom__content-reset-padding'), children: [title && (_jsx(Title, { className: "modal__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), children] }) })] }), _jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] }));
-});
-export { ModalSheetBottom };

package/dist/components/ModalSheetBottom/appearance/modalSheetBottomSize.js

@@ -1,9 +0,0 @@
-const modalSheetBottomAppearanceSize = {
-    sizeL: {
-        titleTextSize: 'h4',
-    },
-    sizeM: {
-        titleTextSize: 'h5',
-    },
-};
-export { modalSheetBottomAppearanceSize };

package/dist/components/ModalSheetBottom/index.js

@@ -1,2 +0,0 @@
-export { ModalSheetBottom } from './ModalSheetBottom';
-export { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';

package/dist/components/Notification/Notification.appearance.js

@@ -1,19 +0,0 @@
-import { notificationAppearanceDefault } from './appearance/notificationDefault';
-import { notificationAppearanceError } from './appearance/notificationError';
-import { notificationAppearanceInfo } from './appearance/notificationInfo';
-import { notificationAppearanceShape } from './appearance/notificationShape';
-import { notificationAppearanceSize } from './appearance/notificationSize';
-import { notificationAppearanceStyle } from './appearance/notificationStyle';
-import { notificationAppearanceSuccess } from './appearance/notificationSuccess';
-import { notificationAppearanceWarning } from './appearance/notificationWarning';
-const notificationAppearance = {
-    ...notificationAppearanceDefault,
-    ...notificationAppearanceShape,
-    ...notificationAppearanceSize,
-    ...notificationAppearanceStyle,
-    ...notificationAppearanceError,
-    ...notificationAppearanceInfo,
-    ...notificationAppearanceSuccess,
-    ...notificationAppearanceWarning,
-};
-export { notificationAppearance };

package/dist/components/Notification/Notification.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Notification/Notification.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { Button } from 'src/components/Button';
-import { Icon } from 'src/components/Icon';
-import { Loader } from 'src/components/Loader';
-import { Text } from 'src/components/Text';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { mergeAppearanceKeys } from 'src/utils';
-import { notificationAppearance } from './Notification.appearance';
-const notificationConfig = {
-    appearance: notificationAppearance,
-    setAppearance: (appearanceConfig) => {
-        notificationConfig.appearance = appearanceConfig;
-    },
-};
-function Notification(props) {
-    const { id, appearance, className, dataTestId, dataTour, type = 'float', title, text, before, after, isSkeleton, isLoading, onClickButton, onClickClose, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, notificationConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, buttonAppearance, buttonLabel, elevationClass, loaderAppearance, loaderAppearanceSize, loaderFill, loaderItemFill, loaderSize, loaderType = 'dot', shapeClass, shapeStrengthClass, sizeClass, widthClass, closeIcon, closeIconAppearance, closeIconAppearanceSize, closeIconSrc, } = propsGenerator;
-    const { styles: notificationStyles } = useStyles(props);
-    return (_jsxs("div", { className: clsx('notification__item', `notification__item_${type}`, widthClass && `width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, sizeClass && `notification__item_size_${sizeClass}`, type && `notification__item_type_${type}`, fillHoverClass && `fill_${fillHoverClass}`, isSkeleton && `notification__item_skeleton`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, _jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (_jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), text && (_jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: text })), isLoading && (_jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), onClickClose && (_jsx(Icon, { appearance: mergeAppearanceKeys(closeIconAppearance, closeIconAppearanceSize), className: clsx('notification__item-close', 'cursor_type_pointer'), imageSrc: closeIconSrc, SvgImage: closeIcon, onClick: () => onClickClose && onClickClose(id) })), onClickButton && buttonLabel && (_jsx(Button, { appearance: buttonAppearance, className: "notification__item-button", width: "fill", label: buttonLabel, onClick: onClickButton }))] }), after] }));
-}
-export { Notification, notificationConfig };

package/dist/components/Notification/NotificationWrapper.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import React from 'react'
-import clsx from 'clsx';
-import { useNotifications, useNotificationsAPI } from 'src/context';
-import { Notification } from './Notification';
-function NotificationWrapper(props) {
-    const notifications = useNotifications();
-    const { hideNotifications } = useNotificationsAPI();
-    const { className, dataTestId, dataTour } = props;
-    return (_jsx("div", { className: clsx('notification', className), "data-testid": dataTestId, "data-tour": dataTour, children: _jsx("div", { className: "notification__wrapper", children: notifications.map((notification) => (_jsx(Notification, { id: notification.id, appearance: notification.appearance, type: notification.type, title: notification.title, status: notification.status, text: notification.text, buttonLabel: notification.buttonLabel, after: notification.after, closeIcon: notification.closeIcon, closeIconSrc: notification.closeIconSrc, isLoading: notification.isLoading, onClickButton: notification.onClickButton, onClickClose: hideNotifications }, notification.id))) }) }));
-}
-export { NotificationWrapper };

package/dist/components/Notification/appearance/notificationDefault.js

@@ -1,16 +0,0 @@
-import { icons24 } from '@itcase/icons/default';
-const notificationAppearanceDefault = {
-    defaultPrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-        buttonAppearance: 'accentPrimary sizeXXL solid rounded',
-        loaderAppearance: 'accentTertiary sizeS ghost rounded',
-        closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary ghost circular',
-    },
-};
-export { notificationAppearanceDefault };

package/dist/components/Notification/appearance/notificationError.js

@@ -1,16 +0,0 @@
-import { icons24 } from '@itcase/icons/default';
-const notificationAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimary',
-        titleTextColor: 'errorTextPrimary',
-        descTextColor: 'errorTextPrimary',
-        borderColor: 'errorBorderPrimary',
-        textColor: 'errorTextPrimary',
-        buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
-        loaderAppearance: 'errorPrimary sizeS solid rounded',
-        closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
-    },
-};
-export { notificationAppearanceError };

package/dist/components/Notification/appearance/notificationInfo.js

@@ -1,16 +0,0 @@
-import { icons24 } from '@itcase/icons/default';
-const notificationAppearanceInfo = {
-    infoPrimary: {
-        fill: 'infoPrimary',
-        fillHover: 'infoPrimary',
-        titleTextColor: 'infoTextPrimary',
-        descTextColor: 'infoTextPrimary',
-        borderColor: 'infoBorderPrimary',
-        textColor: 'infoTextPrimary',
-        buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
-        loaderAppearance: 'infoPrimary sizeS solid rounded',
-        closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
-    },
-};
-export { notificationAppearanceInfo };

package/dist/components/Notification/appearance/notificationShape.js

@@ -1,25 +0,0 @@
-const notificationAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { notificationAppearanceShape };

package/dist/components/Notification/appearance/notificationSize.js

@@ -1,17 +0,0 @@
-const notificationAppearanceSize = {
-    sizeM: {
-        size: 'm',
-        titleTextSize: 'xxl',
-        descTextSize: 'm',
-        loaderAppearanceSize: 'sizeS',
-        closeIconAppearanceSize: 'size24_24',
-    },
-    sizeS: {
-        size: 'm',
-        titleTextSize: 'xl',
-        descTextSize: 'm',
-        loaderAppearanceSize: 'sizeS',
-        closeIconAppearanceSize: 'size24_24',
-    },
-};
-export { notificationAppearanceSize };

package/dist/components/Notification/appearance/notificationStyle.js

@@ -1,14 +0,0 @@
-const notificationAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-export { notificationAppearanceStyle };

package/dist/components/Notification/appearance/notificationSuccess.js

@@ -1,16 +0,0 @@
-import { icons24 } from '@itcase/icons/default';
-const notificationAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimary',
-        titleTextColor: 'successTextPrimary',
-        descTextColor: 'successTextPrimary',
-        borderColor: 'successBorderPrimary',
-        textColor: 'successTextPrimary',
-        buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
-        loaderAppearance: 'successPrimary sizeS solid rounded',
-        closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'successPrimary ghost circular',
-    },
-};
-export { notificationAppearanceSuccess };

package/dist/components/Notification/appearance/notificationWarning.js

@@ -1,16 +0,0 @@
-import { icons24 } from '@itcase/icons/default';
-const notificationAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimary',
-        titleTextColor: 'warningTextPrimary',
-        descTextColor: 'warningTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'warningTextPrimary',
-        buttonAppearance: 'surfacePrimary sizeXXL solid rounded',
-        loaderAppearance: 'warningPrimary sizeS solid rounded',
-        closeIcon: icons24.Action.Close,
-        closeIconAppearance: 'surfacePrimary solid circular',
-    },
-};
-export { notificationAppearanceWarning };

package/dist/components/Notification/index.js

@@ -1,4 +0,0 @@
-import { Notification, notificationConfig } from './Notification';
-import { notificationAppearance } from './Notification.appearance';
-import { NotificationWrapper } from './NotificationWrapper';
-export { Notification, notificationAppearance, notificationConfig, NotificationWrapper, };

package/dist/components/Overlay/Overlay.appearance.js

@@ -1,5 +0,0 @@
-import { overlayAppearanceDefault } from './appearance/overlayDefault';
-const overlayAppearance = {
-    ...overlayAppearanceDefault,
-};
-export { overlayAppearance };

package/dist/components/Overlay/Overlay.interface.js

@@ -1 +0,0 @@
-export {};

package/dist/components/Overlay/Overlay.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { overlayAppearance } from './Overlay.appearance';
-const overlayConfig = {
-    appearance: overlayAppearance,
-    setAppearance: (appearanceConfig) => {
-        overlayConfig.appearance = appearanceConfig;
-    },
-};
-function Overlay(props) {
-    const { appearance, className, dataTestId, dataTour, isOverlay, onClick } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, overlayConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, blurClass, opacityClass } = propsGenerator;
-    const { styles: overlayStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-export { Overlay, overlayConfig };

package/dist/components/Overlay/appearance/overlayDefault.js

@@ -1,11 +0,0 @@
-const overlayAppearanceDefault = {
-    blackout: {
-        fill: 'black',
-        opacity: '50',
-    },
-    blur: {
-        fill: 'surfaceQuaternary',
-        blur: '10',
-    },
-};
-export { overlayAppearanceDefault };

package/dist/components/Overlay/index.js

@@ -1,2 +0,0 @@
-export { Overlay, overlayConfig } from './Overlay';
-export { overlayAppearance } from './Overlay.appearance';

package/dist/components/Pagination/Pagination.appearance.js

@@ -1,13 +0,0 @@
-import { paginationAppearanceAccent } from './appearance/paginationAccent';
-import { paginationAppearanceShape } from './appearance/paginationShape';
-import { paginationAppearanceSize } from './appearance/paginationSize';
-import { paginationAppearanceStyle } from './appearance/paginationStyle';
-import { paginationAppearanceSurface } from './appearance/paginationSurface';
-const paginationAppearance = {
-    ...paginationAppearanceSurface,
-    ...paginationAppearanceAccent,
-    ...paginationAppearanceSize,
-    ...paginationAppearanceShape,
-    ...paginationAppearanceStyle,
-};
-export { paginationAppearance };

package/dist/components/Pagination/Pagination.interface.js

@@ -1 +0,0 @@
-export {};