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

package/esm/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/esm/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/esm/components/closer/Component.js

@@ -1,21 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useContext, useCallback } from 'react';
-import cn from 'classnames';
-import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
-import { IconButton } from '@alfalab/core-components-icon-button/esm';
-import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-
-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 : _c, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "size", "icon", "dataTestId"]);
-    var onClose = useContext(BaseModalContext).onClose;
-    var handleClick = useCallback(function (event) {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React.createElement("div", { className: cn(styles.closer, className) },
-        React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
-};
-
-export { Closer };

package/esm/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/modern/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/modern/components/backer/Component.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { IconButton } from '@alfalab/core-components-icon-button/modern';
-import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
-
-const styles = {"backer":"bottom-sheet__backer_i62n2","button":"bottom-sheet__button_i62n2"};
-require('./index.css')
-
-const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, dataTestId, onClick, ...restProps }) => (React.createElement("div", { className: cn(styles.backer, className) },
-    React.createElement(IconButton, { size: size, className: styles.button, "aria-label": '\u043D\u0430\u0437\u0430\u0434', onClick: onClick, icon: icon, dataTestId: dataTestId, ...restProps })));
-
-export { Backer };

package/modern/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/modern/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/modern/components/closer/Component.js

@@ -1,19 +0,0 @@
-import React, { useContext, useCallback } from 'react';
-import cn from 'classnames';
-import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
-import { IconButton } from '@alfalab/core-components-icon-button/modern';
-import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-
-const styles = {"closer":"bottom-sheet__closer_1254o","button":"bottom-sheet__button_1254o"};
-require('./index.css')
-
-const Closer = ({ className, size = 'xs', icon = CrossMIcon, dataTestId, ...restProps }) => {
-    const { onClose } = useContext(BaseModalContext);
-    const handleClick = useCallback((event) => {
-        onClose(event, 'closerClick');
-    }, [onClose]);
-    return (React.createElement("div", { className: cn(styles.closer, className) },
-        React.createElement(IconButton, { size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId, ...restProps })));
-};
-
-export { Closer };

package/modern/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;
-}