@alfalab/core-components-bottom-sheet 5.3.1 → 6.0.1

package/modern/components/header/index.css

@@ -1,7 +1,8 @@
-/* hash: ssjdh */
+/* hash: 16iui */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
+    --color-light-border-primary: #dbdee1;
 } :root {
 } :root {
 } :root {
@@ -16,68 +17,54 @@
 } :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
-    --gap-4xl: 48px;
+    --gap-s: 12px;
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 } :root {
 } :root {
-    --bottom-sheet-header-border-bottom: none;
+    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-primary);
     --bottom-sheet-title-font-size: 18px;
     --bottom-sheet-title-font-weight: 700;
     --bottom-sheet-title-line-height: 24px;
     --bottom-sheet-title-font-family: var(--font-family-system);
-    --bottom-sheet-title-margin-vertical: var(--gap-2xs);
-} .bottom-sheet__headerWrapper_1veed {
-    padding: var(--gap-xs);
-    padding-bottom: 0;
-    background-color: var(--color-light-bg-primary);
+} .bottom-sheet__headerWrapper_1q9xx {
+    padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
-} .bottom-sheet__header_1veed {
+} .bottom-sheet__hasContent_1q9xx {
+    background-color: var(--color-light-bg-primary);
+} .bottom-sheet__header_1q9xx {
     display: flex;
-} .bottom-sheet__sticky_1veed {
+} .bottom-sheet__sticky_1q9xx {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_1veed {
+} .bottom-sheet__highlighted_1q9xx {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1veed {
+} .bottom-sheet__justifyEnd_1q9xx {
     justify-content: flex-end;
-} .bottom-sheet__addon_1veed {
+} .bottom-sheet__addon_1q9xx {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1veed {
+} .bottom-sheet__addonFixed_1q9xx {
     position: fixed;
-} .bottom-sheet__addonLeft_1veed {
-    left: 0;
-    margin-left: var(--gap-xs);
-} .bottom-sheet__addonRight_1veed {
-    right: 0;
-    margin-right: var(--gap-xs);
-} .bottom-sheet__title_1veed {
-    padding: var(--gap-xs) var(--gap-xs);
-    margin: var(--bottom-sheet-title-margin-vertical) 0;
+} .bottom-sheet__title_1q9xx {
+    padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_1veed {
+} .bottom-sheet__titleCenter_1q9xx {
     text-align: center;
-} .bottom-sheet__titleLeft_1veed {
+} .bottom-sheet__titleLeft_1q9xx {
     text-align: left;
-} .bottom-sheet__trimTitle_1veed {
+} .bottom-sheet__trimTitle_1q9xx {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .bottom-sheet__titleBigIndentHorizontal_1veed {
-    margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
-} .bottom-sheet__titleIndentRight_1veed {
-    margin-right: var(--gap-4xl);
-} .bottom-sheet__titleIndentLeft_1veed {
-    margin-left: var(--gap-4xl);
 }

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w2xe */
+/* hash: xnz1g */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -14,41 +14,40 @@
 
     /* Hard up */
 } :root {
+    --border-radius-xl: 16px;
     --border-radius-xxl: 20px;
-    --border-radius-3xl: 24px;
 } :root {
     --gap-2xs: 4px;
     --gap-m: 16px;
-    --gap-xl: 24px;
 } :root {
 } :root {
 } :root {
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
-} .bottom-sheet__modal_h361e {
+} .bottom-sheet__modal_1k7p8 {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
-} .bottom-sheet__component_h361e {
+} .bottom-sheet__component_1k7p8 {
     overflow: hidden;
     position: relative;
     display: flex;
     flex-direction: column;
-    border-top-right-radius: var(--border-radius-3xl);
-    border-top-left-radius: var(--border-radius-3xl);
+    border-top-right-radius: var(--border-radius-xl);
+    border-top-left-radius: var(--border-radius-xl);
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
-} .bottom-sheet__withTransition_h361e {
+} .bottom-sheet__withTransition_1k7p8 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_h361e {
+} .bottom-sheet__scrollableContainer_1k7p8 {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
-} .bottom-sheet__marker_h361e {
+} .bottom-sheet__marker_1k7p8 {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -58,29 +57,29 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_h361e {
+} .bottom-sheet__content_1k7p8 {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__noHeader_h361e {
-    padding-top: var(--gap-xl);
-} .bottom-sheet__noFooter_h361e {
+} .bottom-sheet__noHeader_1k7p8 {
+    padding-top: var(--gap-m);
+} .bottom-sheet__noFooter_1k7p8 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_h361e {
+} .bottom-sheet__scrollLocked_1k7p8 {
     overflow: hidden;
-} .bottom-sheet__appear_h361e .bottom-sheet__component_h361e, .bottom-sheet__enter_h361e .bottom-sheet__component_h361e {
+} .bottom-sheet__appear_1k7p8 .bottom-sheet__component_1k7p8, .bottom-sheet__enter_1k7p8 .bottom-sheet__component_1k7p8 {
         transition: none;
-    } .bottom-sheet__appearActive_h361e .bottom-sheet__component_h361e, .bottom-sheet__enterActive_h361e .bottom-sheet__component_h361e {
+    } .bottom-sheet__appearActive_1k7p8 .bottom-sheet__component_1k7p8, .bottom-sheet__enterActive_1k7p8 .bottom-sheet__component_1k7p8 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_h361e .bottom-sheet__component_h361e, .bottom-sheet__appearDone_h361e .bottom-sheet__component_h361e {
+    } .bottom-sheet__enterDone_1k7p8 .bottom-sheet__component_1k7p8, .bottom-sheet__appearDone_1k7p8 .bottom-sheet__component_1k7p8 {
         transform: translateY(0);
-    } .bottom-sheet__exit_h361e .bottom-sheet__component_h361e {
+    } .bottom-sheet__exit_1k7p8 .bottom-sheet__component_1k7p8 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_h361e .bottom-sheet__component_h361e {
+    } .bottom-sheet__exitActive_1k7p8 .bottom-sheet__component_1k7p8 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-6012913e";
+export * from "./component-f5b809c2";

package/modern/index.js

@@ -1,4 +1,4 @@
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-6012913e.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f5b809c2.js';
 import 'react';
 import 'react-div-100vh';
 import 'react-merge-refs';
@@ -6,11 +6,6 @@ import 'react-swipeable';
 import 'classnames';
 import '@alfalab/core-components-base-modal/modern';
 import './components/footer/Component.js';
-import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-navigation-bar/modern';
 import './components/swipeable-backdrop/Component.js';
 import '@alfalab/core-components-backdrop/modern';
-import './components/backer/Component.js';
-import '@alfalab/core-components-icon-button/modern';
-import '@alfalab/icons-glyph/ArrowBackMIcon';
-import './components/closer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "5.3.1",
+    "version": "6.0.1",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -19,9 +19,10 @@
     },
     "dependencies": {
         "@alfalab/core-components-backdrop": "^3.0.4",
-        "@alfalab/core-components-base-modal": "^5.0.10",
-        "@alfalab/core-components-icon-button": "^6.0.7",
-        "@alfalab/core-components-typography": "^3.1.1",
+        "@alfalab/core-components-base-modal": "^5.1.1",
+        "@alfalab/core-components-icon-button": "^6.0.8",
+        "@alfalab/core-components-typography": "^3.2.0",
+        "@alfalab/core-components-navigation-bar": "^0.1.1",
         "classnames": "^2.3.1",
         "react-div-100vh": "^0.7.0",
         "react-merge-refs": "^1.1.0",

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 = require('tslib');
-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_i62n2","button":"bottom-sheet__button_i62n2"};
-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.__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.__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: fo1vj */
-: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_i62n2 {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .bottom-sheet__button_i62n2 {
-    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 = require('tslib');
-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_1254o","button":"bottom-sheet__button_1254o"};
-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.__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.__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: 1cmjx */
-: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_1254o {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: var(--color-light-graphic-primary);
-} .bottom-sheet__button_1254o {
-    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 = require('tslib');
-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.__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.__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 = require('tslib');
-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.__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.__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/esm/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/esm/components/backer/Component.js

@@ -1,16 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { IconButton } from '@alfalab/core-components-icon-button/esm';
-import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
-
-var styles = {"backer":"bottom-sheet__backer_i62n2","button":"bottom-sheet__button_i62n2"};
-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 : _c, dataTestId = _a.dataTestId, onClick = _a.onClick, restProps = __rest(_a, ["className", "size", "icon", "dataTestId", "onClick"]);
-    return (React.createElement("div", { className: cn(styles.backer, className) },
-        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-export { Backer };