@alfalab/core-components-bottom-sheet 5.3.0 → 6.0.0

package/component-d95f9ffe.js

@@ -1,247 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-1027d96a.js');
-var React = require('react');
-var reactDiv100vh = require('react-div-100vh');
-var mergeRefs = require('react-merge-refs');
-var reactSwipeable = require('react-swipeable');
-var cn = require('classnames');
-var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
-var components_footer_Component = require('./components/footer/Component.js');
-var coreComponentsTypography = require('@alfalab/core-components-typography');
-var components_swipeableBackdrop_Component = require('./components/swipeable-backdrop/Component.js');
-var components_backer_Component = require('./components/backer/Component.js');
-var components_closer_Component = require('./components/closer/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
-var styles$1 = {"headerWrapper":"bottom-sheet__headerWrapper_b563d","header":"bottom-sheet__header_b563d","sticky":"bottom-sheet__sticky_b563d","highlighted":"bottom-sheet__highlighted_b563d","justifyEnd":"bottom-sheet__justifyEnd_b563d","addon":"bottom-sheet__addon_b563d","addonFixed":"bottom-sheet__addonFixed_b563d","addonLeft":"bottom-sheet__addonLeft_b563d","addonRight":"bottom-sheet__addonRight_b563d","title":"bottom-sheet__title_b563d","titleCenter":"bottom-sheet__titleCenter_b563d","titleLeft":"bottom-sheet__titleLeft_b563d","trimTitle":"bottom-sheet__trimTitle_b563d","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_b563d","titleIndentRight":"bottom-sheet__titleIndentRight_b563d","titleIndentLeft":"bottom-sheet__titleIndentLeft_b563d"};
-require('./components/header/index.css')
-
-var Header = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var title = _a.title, headerClassName = _a.headerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, titleAlign = _a.titleAlign, trimTitle = _a.trimTitle, sticky = _a.sticky, dataTestId = _a.dataTestId, onBack = _a.onBack;
-    var _g = React.useContext(coreComponentsBaseModal.BaseModalContext), headerHighlighted = _g.headerHighlighted, setHasHeader = _g.setHasHeader, setHeaderOffset = _g.setHeaderOffset;
-    var hasLeftPart = hasBacker || leftAddons || titleAlign === 'center';
-    var hasRightPart = hasCloser || rightAddons || titleAlign === 'center';
-    var hasHeaderContent = title || hasBacker || hasCloser;
-    React.useEffect(function () {
-        setHasHeader(true);
-    }, [setHasHeader]);
-    React.useEffect(function () {
-        setHeaderOffset(HEADER_OFFSET);
-    }, [setHeaderOffset]);
-    var getTitleIndent = function () {
-        var _a;
-        var titleAlignedCenter = titleAlign === 'center';
-        var hasLeftPart = hasBacker || leftAddons;
-        var hasRightPart = hasCloser || rightAddons;
-        return cn__default.default((_a = {},
-            _a[styles$1.titleBigIndentHorizontal] = !sticky && titleAlignedCenter && (hasLeftPart || hasRightPart),
-            _a[styles$1.titleIndentLeft] = !sticky && !titleAlignedCenter && hasLeftPart,
-            _a[styles$1.titleIndentRight] = !sticky && !titleAlignedCenter && hasRightPart,
-            _a));
-    };
-    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.headerWrapper, headerClassName, (_b = {},
-            _b[styles$1.highlighted] = headerHighlighted && sticky,
-            _b[styles$1.sticky] = sticky,
-            _b)), "data-test-id": getDataTestId(dataTestId) },
-        React__default.default.createElement("div", { className: cn__default.default(styles$1.header, headerClassName, (_c = {},
-                _c[styles$1.justifyEnd] = !title,
-                _c)) },
-            hasLeftPart && (React__default.default.createElement("div", { className: cn__default.default(styles$1.addon, addonClassName, (_d = {},
-                    _d[styles$1.addonFixed] = !sticky,
-                    _d[styles$1.addonLeft] = !sticky,
-                    _d)) }, hasBacker ? (React__default.default.createElement(components_backer_Component.Backer, { className: backerClassName, onClick: onBack, dataTestId: getDataTestId(dataTestId, 'backer') })) : (leftAddons))),
-            hasHeaderContent && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-large', weight: 'bold', className: cn__default.default(styles$1.title, getTitleIndent(), (_e = {},
-                    _e[styles$1.titleCenter] = titleAlign === 'center',
-                    _e[styles$1.titleLeft] = titleAlign === 'left',
-                    _e[styles$1.trimTitle] = trimTitle,
-                    _e)), color: 'primary', dataTestId: getDataTestId(dataTestId, 'title') }, title)),
-            hasRightPart && (React__default.default.createElement("div", { className: cn__default.default(styles$1.addon, addonClassName, (_f = {},
-                    _f[styles$1.addonFixed] = !sticky,
-                    _f[styles$1.addonRight] = !sticky,
-                    _f)) }, hasCloser ? (React__default.default.createElement(components_closer_Component.Closer, { className: closerClassName, dataTestId: getDataTestId(dataTestId, 'closer') })) : (rightAddons)))),
-        bottomAddons));
-};
-
-var styles = {"modal":"bottom-sheet__modal_8liup","component":"bottom-sheet__component_8liup","withTransition":"bottom-sheet__withTransition_8liup","scrollableContainer":"bottom-sheet__scrollableContainer_8liup","marker":"bottom-sheet__marker_8liup","content":"bottom-sheet__content_8liup","noHeader":"bottom-sheet__noHeader_8liup","noFooter":"bottom-sheet__noFooter_8liup","scrollLocked":"bottom-sheet__scrollLocked_8liup","appear":"bottom-sheet__appear_8liup","enter":"bottom-sheet__enter_8liup","appearActive":"bottom-sheet__appearActive_8liup","enterActive":"bottom-sheet__enterActive_8liup","enterDone":"bottom-sheet__enterDone_8liup","appearDone":"bottom-sheet__appearDone_8liup","exit":"bottom-sheet__exit_8liup","exitActive":"bottom-sheet__exitActive_8liup"};
-require('./index.css')
-
-var TIMEOUT = 300;
-var SWIPE_CLOSE_VELOCITY = 0.4;
-var MIN_BACKDROP_OPACITY = 0.2;
-var HEADER_HEIGHT = 56;
-var MARKET_HEIGHT = 24;
-/* Верхний отступ шторки, если она открыта на максимальную высоту */
-var HEADER_OFFSET = 24;
-var CLOSE_OFFSET = 0.2;
-var BottomSheet = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var open = _a.open, title = _a.title, container = _a.container, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _e = _a.titleAlign, titleAlign = _e === void 0 ? 'left' : _e, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _f = _a.stickyFooter, stickyFooter = _f === void 0 ? true : _f, _g = _a.initialHeight, initialHeight = _g === void 0 ? 'default' : _g, hideOverlay = _a.hideOverlay, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, children = _a.children, zIndex = _a.zIndex, _h = _a.transitionProps, transitionProps = _h === void 0 ? {} : _h, dataTestId = _a.dataTestId, _j = _a.swipeable, swipeable = _j === void 0 ? true : _j, backdropProps = _a.backdropProps, _k = _a.scrollableContainerRef, scrollableContainerRef = _k === void 0 ? function () { return null; } : _k, onClose = _a.onClose, onBack = _a.onBack;
-    var _l = React.useState(0), sheetOffset = _l[0], setSheetOffset = _l[1];
-    var _m = React.useState(1), backdropOpacity = _m[0], setBackdropOpacity = _m[1];
-    var _o = React.useState(false), scrollLocked = _o[0], setScrollLocked = _o[1];
-    var sheetHeight = React.useRef(0);
-    var scrollableContainer = React.useRef(null);
-    var scrollableContainerScrollValue = React.useRef(0);
-    var emptyHeader = !hasCloser && !hasBacker && !leftAddons && !rightAddons && !title;
-    // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-    var fullHeight = reactDiv100vh.use100vh();
-    var targetHeight = "".concat(fullHeight - HEADER_OFFSET, "px");
-    var headerProps = {
-        title: title,
-        headerClassName: headerClassName,
-        addonClassName: addonClassName,
-        closerClassName: closerClassName,
-        backerClassName: backerClassName,
-        leftAddons: leftAddons,
-        rightAddons: rightAddons,
-        bottomAddons: bottomAddons,
-        hasCloser: hasCloser,
-        hasBacker: hasBacker,
-        titleAlign: titleAlign,
-        trimTitle: trimTitle,
-        sticky: stickyHeader,
-        dataTestId: getDataTestId(dataTestId, 'header'),
-        onBack: onBack,
-    };
-    var getBackdropOpacity = function (offset) {
-        if (sheetHeight.current === 0)
-            return MIN_BACKDROP_OPACITY;
-        var opacity = 1 - (1 - MIN_BACKDROP_OPACITY) * (offset / sheetHeight.current);
-        return Number(opacity.toFixed(2));
-    };
-    var getSheetOffset = function (deltaY) {
-        var offset = deltaY > 0 ? 0 : -deltaY;
-        offset -= scrollableContainerScrollValue.current;
-        return Math.floor(Math.max(0, offset));
-    };
-    /**
-     * Если контент внутри шторки скроллится - то шторка не должна свайпаться
-     * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
-     */
-    var shouldSkipSwiping = function (offsetY) {
-        if (!swipeable)
-            return true;
-        if (!scrollableContainer.current ||
-            (stickyHeader && offsetY <= HEADER_HEIGHT + HEADER_OFFSET) ||
-            (!stickyHeader && offsetY <= MARKET_HEIGHT + HEADER_OFFSET)) {
-            return false;
-        }
-        if (!scrollableContainerScrollValue.current) {
-            scrollableContainerScrollValue.current = Math.floor(scrollableContainer.current.scrollTop);
-        }
-        return scrollableContainer.current.scrollTop > 0;
-    };
-    var handleBackdropSwipedDown = function (_a) {
-        var velocity = _a.velocity;
-        if (velocity > SWIPE_CLOSE_VELOCITY) {
-            onClose();
-        }
-    };
-    var handleSheetSwipedDown = function (_a) {
-        var velocity = _a.velocity, initial = _a.initial;
-        var offsetY = initial[1];
-        if (shouldSkipSwiping(offsetY)) {
-            return;
-        }
-        var shouldClose = sheetOffset > sheetHeight.current * CLOSE_OFFSET || velocity > SWIPE_CLOSE_VELOCITY;
-        if (shouldClose) {
-            onClose();
-        }
-        else {
-            setSheetOffset(0);
-            setBackdropOpacity(1);
-        }
-    };
-    var handleSheetSwiped = function () {
-        setScrollLocked(false);
-        scrollableContainerScrollValue.current = 0;
-    };
-    var handleSheetSwiping = function (_a) {
-        var deltaY = _a.deltaY, initial = _a.initial;
-        var offsetY = initial[1];
-        if (shouldSkipSwiping(offsetY)) {
-            return;
-        }
-        var offset = getSheetOffset(deltaY);
-        var opacity = getBackdropOpacity(offset);
-        setSheetOffset(offset);
-        setBackdropOpacity(opacity);
-        /**
-         * Если шторка начинает свайпаться, то блокируем скролл внутри нее
-         */
-        if (offset > 0) {
-            setScrollLocked(true);
-        }
-    };
-    var backdropSwipeablehandlers = reactSwipeable.useSwipeable({
-        onSwipedDown: handleBackdropSwipedDown,
-        delta: 100,
-        trackMouse: swipeable,
-    });
-    var sheetSwipeablehandlers = reactSwipeable.useSwipeable({
-        onSwiping: handleSheetSwiping,
-        onSwipedDown: handleSheetSwipedDown,
-        onSwiped: handleSheetSwiped,
-        delta: 5,
-        trackMouse: swipeable,
-    });
-    var handleExited = React.useCallback(function (node) {
-        setBackdropOpacity(1);
-        if (transitionProps.onExited) {
-            transitionProps.onExited(node);
-        }
-    }, [transitionProps]);
-    var handleEntered = React.useCallback(function (node, isAppearing) {
-        if (!sheetHeight.current) {
-            sheetHeight.current = node.getBoundingClientRect().height;
-        }
-        setBackdropOpacity(1);
-        if (transitionProps.onEntered) {
-            transitionProps.onEntered(node, isAppearing);
-        }
-    }, [transitionProps]);
-    React.useEffect(function () {
-        if (!open) {
-            setSheetOffset(0);
-        }
-    }, [open]);
-    var getSwipeStyles = function () { return ({
-        transform: sheetOffset ? "translateY(".concat(sheetOffset, "px)") : '',
-    }); };
-    var getHeightStyles = function () { return ({
-        height: initialHeight === 'full' ? targetHeight : 'unset',
-        maxHeight: targetHeight,
-    }); };
-    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, scrollHandler: scrollableContainer, Backdrop: components_swipeableBackdrop_Component.SwipeableBackdrop, backdropProps: tslib_es6.__assign(tslib_es6.__assign({}, backdropProps), { opacity: backdropOpacity, handlers: swipeable ? backdropSwipeablehandlers : false, opacityTimeout: TIMEOUT, invisible: initialHeight === 'full' ? false : hideOverlay }), disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn__default.default(styles.modal, modalClassName), wrapperClassName: modalWrapperClassName, disableBlockingScroll: disableBlockingScroll, transitionProps: tslib_es6.__assign(tslib_es6.__assign({ appear: true, timeout: TIMEOUT, classNames: styles }, transitionProps), { onExited: handleExited, onEntered: handleEntered }) },
-        React__default.default.createElement("div", { style: tslib_es6.__assign({}, getHeightStyles()) },
-            React__default.default.createElement("div", tslib_es6.__assign({ className: cn__default.default(styles.component, className, (_b = {},
-                    _b[styles.withTransition] = !sheetOffset,
-                    _b)), style: tslib_es6.__assign(tslib_es6.__assign({}, getSwipeStyles()), getHeightStyles()) }, sheetSwipeablehandlers),
-                React__default.default.createElement("div", tslib_es6.__assign({}, containerProps, { className: cn__default.default(styles.scrollableContainer, containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, containerClassName, (_c = {},
-                        _c[styles.scrollLocked] = scrollLocked,
-                        _c)), ref: mergeRefs__default.default([scrollableContainer, scrollableContainerRef]) }),
-                    swipeable && React__default.default.createElement("div", { className: cn__default.default(styles.marker) }),
-                    !hideHeader && !emptyHeader && React__default.default.createElement(Header, tslib_es6.__assign({}, headerProps)),
-                    React__default.default.createElement("div", { className: cn__default.default(styles.content, contentClassName, (_d = {},
-                            _d[styles.noHeader] = hideHeader || emptyHeader,
-                            _d[styles.noFooter] = !actionButton,
-                            _d)) }, children),
-                    actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: footerClassName }, actionButton)))))));
-});
-
-exports.BottomSheet = BottomSheet;
-exports.CLOSE_OFFSET = CLOSE_OFFSET;
-exports.HEADER_OFFSET = HEADER_OFFSET;
-exports.Header = Header;

package/components/backer/Component.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes, ElementType } from "react";
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Обработчик нажатия
-     */
-    onClick?: () => void;
-};
-declare const Backer: React.FC<BackerProps>;
-export { BackerProps, Backer };

package/components/backer/Component.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-1027d96a.js');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
-var ArrowBackMIcon = require('@alfalab/icons-glyph/ArrowBackMIcon');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = {"backer":"bottom-sheet__backer_f3np1","button":"bottom-sheet__button_f3np1"};
-require('./index.css')
-
-var Backer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.backer, className) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-exports.Backer = Backer;

package/components/backer/index.css

@@ -1,34 +0,0 @@
-/* hash: 1xbzm */
-:root {
-} /* deprecated */ :root {
-    --color-light-graphic-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
-} .bottom-sheet__backer_f3np1 {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .bottom-sheet__button_f3np1 {
-    background: var(--bottom-sheet-backer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-}

package/components/closer/Component.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes, ElementType } from "react";
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-};
-declare const Closer: React.FC<CloserProps>;
-export { CloserProps, Closer };

package/components/closer/Component.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-1027d96a.js');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = {"closer":"bottom-sheet__closer_tnhi0","button":"bottom-sheet__button_tnhi0"};
-require('./index.css')
-
-var Closer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId"]);
-    var onClose = React.useContext(coreComponentsBaseModal.BaseModalContext).onClose;
-    var handleClick = React.useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.closer, className) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-exports.Closer = Closer;

package/components/closer/index.css

@@ -1,34 +0,0 @@
-/* hash: 13z6q */
-:root {
-} /* deprecated */ :root {
-    --color-light-graphic-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
-} .bottom-sheet__closer_tnhi0 {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .bottom-sheet__button_tnhi0 {
-    background: var(--bottom-sheet-closer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-}

package/cssm/components/backer/Component.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes, ElementType } from "react";
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type BackerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Обработчик нажатия
-     */
-    onClick?: () => void;
-};
-declare const Backer: React.FC<BackerProps>;
-export { BackerProps, Backer };

package/cssm/components/backer/Component.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
-var ArrowBackMIcon = require('@alfalab/icons-glyph/ArrowBackMIcon');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Backer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? ArrowBackMIcon.ArrowBackMIcon : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.backer, className) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default.default.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-exports.Backer = Backer;

package/cssm/components/backer/index.module.css

@@ -1,33 +0,0 @@
-:root {
-} /* deprecated */ :root {
-    --color-light-graphic-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
-} .backer {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .button {
-    background: var(--bottom-sheet-backer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-}

package/cssm/components/closer/Component.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonHTMLAttributes, ElementType } from "react";
-import { IconButtonProps } from "@alfalab/core-components-icon-button";
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Размер кнопки
-     */
-    size?: IconButtonProps['size'];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Иконка
-     */
-    icon?: ElementType;
-};
-declare const Closer: React.FC<CloserProps>;
-export { CloserProps, Closer };

package/cssm/components/closer/Component.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
-var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
-var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Closer = function (_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.icon, icon = _c === void 0 ? CrossMIcon.CrossMIcon : _c, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "size", "icon", "dataTestId"]);
-    var onClose = React.useContext(coreComponentsBaseModal.BaseModalContext).onClose;
-    var handleClick = React.useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.closer, className) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default.default.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-exports.Closer = Closer;

package/cssm/components/closer/index.module.css

@@ -1,33 +0,0 @@
-:root {
-} /* deprecated */ :root {
-    --color-light-graphic-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
-} :root {
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
-} .closer {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .button {
-    background: var(--bottom-sheet-closer-bg-color);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-    border-radius: 50px;
-}

package/cssm/tslib.es6-bbd6cd2a.d.ts

@@ -1,36 +0,0 @@
-declare function __extends(d: any, b: any): void;
-declare function __rest(s: any, e: any): {};
-declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
-declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
-declare function __metadata(metadataKey: any, metadataValue: any): any;
-declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
-declare function __generator(thisArg: any, body: any): {
-    next: (v: any) => any;
-    throw: (v: any) => any;
-    return: (v: any) => any;
-};
-declare function __exportStar(m: any, o: any): void;
-declare function __values(o: any): any;
-declare function __read(o: any, n: any): any;
-/** @deprecated */
-declare function __spread(...args: any[]): any[];
-/** @deprecated */
-declare function __spreadArrays(...args: any[]): any[];
-declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
-declare function __await(v: any): __await;
-declare class __await {
-    constructor(v: any);
-    v: any;
-}
-declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
-declare function __asyncDelegator(o: any): {};
-declare function __asyncValues(o: any): any;
-declare function __makeTemplateObject(cooked: any, raw: any): any;
-declare function __importStar(mod: any): any;
-declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
-declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
-declare function __classPrivateFieldIn(state: any, receiver: any): any;
-declare function __assign(...args: any[]): any;
-declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };