@alfalab/core-components-pure-cell 4.14.13 → 5.0.0-snapshot-133b390

package/component.d.ts

@@ -0,0 +1,138 @@
+import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
+import { ButtonProps } from '@alfalab/core-components-button';
+import { Comment } from '@alfalab/core-components-comment';
+import { Addon } from './components/addon';
+import { Amount } from './components/amount';
+import { AmountTitle } from './components/amount-title';
+import { Category } from './components/category';
+import { Content } from './components/content';
+import { Footer } from './components/footer';
+import { FooterButton } from './components/footer-button';
+import { FooterTextProps } from './components/footer-text';
+import { Graphics } from './components/graphics';
+import { Main } from './components/main';
+import { Text } from './components/text';
+import { PureCellElement } from './components/types';
+export declare type PureCellContext = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
+};
+export declare const PureCellContext: React.Context<PureCellContext>;
+declare type BasePureCellProps = {
+    /**
+     * Направление
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Сss класс для стилизации общей обёртки
+     */
+    className?: string;
+    /**
+     * Выводит ссылку в виде ячейки
+     */
+    href?: string;
+    /**
+     * Вертикальные отступы
+     */
+    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
+        /**
+         * Вертикальный отступ сверху
+         */
+        top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+        /**
+         * Вертикальный отступ снизу
+         */
+        bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    };
+    /**
+     * Горизонтальные отступы
+     */
+    horizontalPadding?: 'left' | 'right' | 'both' | 'none';
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    tag?: ElementType;
+    /**
+     * Компоненты
+     */
+    children: PureCellElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
+declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
+declare const ExtraSubtitle: React.FC<FooterTextProps>;
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
+    Main: React.FC<{
+        children: import("./components/types").MainElement;
+        isReverse?: boolean | undefined;
+        className?: string | undefined;
+        dataTestId?: string | undefined;
+        onClick?: (() => void) | undefined;
+    }>;
+    Graphics: React.FC<import("./components/graphics").Props>;
+    Content: React.FC<{
+        children: import("./components/types").ContentElement;
+        dataTestId?: string | undefined;
+    }>;
+    Text: React.FC<{
+        children?: React.ReactNode;
+        rowLimit?: 1 | 2 | undefined;
+        view?: "component" | "primary-small" | "primary-large" | "primary-medium" | "secondary-large" | "component-primary" | undefined;
+        titleWeight?: "bold" | "regular" | undefined;
+        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
+        value?: React.ReactNode;
+        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    Amount: React.FC<{
+        weight?: "bold" | "normal" | undefined;
+        textView?: "component" | "primary-small" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        hidden?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
+    AmountTitle: React.FC<{
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
+        hidden?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
+    Addon: React.FC<{
+        verticalAlign?: "center" | "top" | "bottom" | "auto" | undefined;
+        addonPadding?: "default" | "none" | undefined;
+        children: import("./components/types").AddonElement;
+        dataTestId?: string | undefined;
+        onClick?: (() => void) | undefined;
+    }>;
+    Footer: React.FC<{
+        children: import("./components/types").FooterElement;
+        footerPadding?: "default" | "none" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    ExtraSubtitle: React.FC<FooterTextProps>;
+    FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
+        dataTestId?: string | undefined;
+    } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
+    Category: React.FC<{
+        categoryName: string;
+        categoryPercent?: number | undefined;
+        rightAddons?: React.ReactNode;
+        dataTestId?: string | undefined;
+    }>;
+};
+export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category, };

package/component.js

@@ -2,31 +2,127 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
 var coreComponentsComment = require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-var components_addon_component = require('./component-4c6886c6.js');
+var hooks = require('@alfalab/hooks');
+var component$6 = require('./components/addon/component.js');
+var component$4 = require('./components/amount/component.js');
+var component$5 = require('./components/amount-title/component.js');
+var component$9 = require('./components/category/component.js');
+var component$2 = require('./components/content/component.js');
+var component$7 = require('./components/footer/component.js');
+var component$8 = require('./components/footer-button/component.js');
+var component$a = require('./components/footer-text/component.js');
+var component$1 = require('./components/graphics/component.js');
+var component = require('./components/main/component.js');
+var component$3 = require('./components/text/component.js');
+var index_module = require('./index.module.css.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);
 
-Object.defineProperty(exports, 'Comment', {
-	enumerable: true,
-	get: function () { return coreComponentsComment.Comment; }
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React__default.default.createContext({});
+var PureCellComponent = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = React.useRef(null);
+    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
+    var _h = React.useState(false), hoverState = _h[0], setHoverState = _h[1];
+    var _j = React.useState(false), activeState = _j[0], setActiveState = _j[1];
+    var setHover = function () { return setHoverState(true); };
+    var unsetHover = function () { return setHoverState(false); };
+    var setActive = function () { return setActiveState(true); };
+    var unsetActive = function () { return setActiveState(false); };
+    var mouseEvents = {
+        onMouseEnter: setHover,
+        onMouseLeave: function () {
+            unsetHover();
+            // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown
+            unsetActive();
+        },
+        onMouseDown: setActive,
+        onMouseUp: unsetActive,
+    };
+    var addClasses = (_b = {},
+        _b[index_module.component] = true,
+        _b[index_module.focused] = focused,
+        _b[index_module[direction]] = true,
+        _b[index_module[horizontalPadding]] = true,
+        _b[index_module.hover] = hoverState,
+        _b[index_module.active] = activeState,
+        _b);
+    var contextState = {
+        direction: direction,
+        dataTestId: dataTestId,
+        setMainHover: setHover,
+        unsetMainHover: unsetHover,
+    };
+    if (typeof verticalPadding === 'string') {
+        addClasses[index_module[verticalPadding]] = typeof verticalPadding === 'string';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[index_module["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
+        addClasses[index_module["".concat(verticalPadding.bottom, "Bottom")]] = !!verticalPadding.bottom;
+    }
+    if (href) {
+        var target = restProps.target;
+        // Для совместимости с react-router-dom, меняем href на to
+        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
+        return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(index_module.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
+            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
+    }
+    if (onClick) {
+        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(index_module.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
+            React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
+    }
+    return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId }),
+        React__default.default.createElement(PureCellContext.Provider, { value: contextState }, children)));
 });
-exports.Addon = components_addon_component.Addon;
-exports.Amount = components_addon_component.Amount;
-exports.AmountTitle = components_addon_component.AmountTitle;
-exports.Category = components_addon_component.Category;
-exports.Content = components_addon_component.Content;
-exports.ExtraSubtitle = components_addon_component.ExtraSubtitle;
-exports.Footer = components_addon_component.Footer;
-exports.FooterButton = components_addon_component.FooterButton;
-exports.Graphics = components_addon_component.Graphics;
-exports.Main = components_addon_component.Main;
-exports.PureCell = components_addon_component.PureCell;
-exports.PureCellComponent = components_addon_component.PureCellComponent;
-exports.PureCellContext = components_addon_component.PureCellContext;
-exports.Text = components_addon_component.Text;
+var ExtraSubtitle = component$a.FooterText;
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+var PureCell = Object.assign(PureCellComponent, {
+    Main: component.Main,
+    Graphics: component$1.Graphics,
+    Content: component$2.Content,
+    Text: component$3.Text,
+    Amount: component$4.Amount,
+    AmountTitle: component$5.AmountTitle,
+    Addon: component$6.Addon,
+    Footer: component$7.Footer,
+    ExtraSubtitle: ExtraSubtitle,
+    FooterButton: component$8.FooterButton,
+    Comment: coreComponentsComment.Comment,
+    Category: component$9.Category,
+});
+PureCellComponent.displayName = 'PureCellComponent';
+
+Object.defineProperty(exports, "Comment", {
+    enumerable: true,
+    get: function () { return coreComponentsComment.Comment; }
+});
+exports.Addon = component$6.Addon;
+exports.Amount = component$4.Amount;
+exports.AmountTitle = component$5.AmountTitle;
+exports.Category = component$9.Category;
+exports.Content = component$2.Content;
+exports.Footer = component$7.Footer;
+exports.FooterButton = component$8.FooterButton;
+exports.Graphics = component$1.Graphics;
+exports.Main = component.Main;
+exports.Text = component$3.Text;
+exports.ExtraSubtitle = ExtraSubtitle;
+exports.PureCell = PureCell;
+exports.PureCellComponent = PureCellComponent;
+exports.PureCellContext = PureCellContext;
+//# sourceMappingURL=component.js.map

package/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ElementType,\n    forwardRef,\n    HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { ButtonProps } from '@alfalab/core-components-button';\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText, FooterTextProps } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { PureCellElement } from './components/types';\n\nimport styles from './index.module.css';\n\nexport type PureCellContext = {\n    /** Направление */\n    direction?: 'horizontal' | 'vertical';\n    dataTestId?: string;\n    setMainHover?: () => void;\n    unsetMainHover?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const PureCellContext = React.createContext<PureCellContext>({});\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        const contextState: PureCellContext = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText as React.FC<FooterTextProps>;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":["React","forwardRef","__rest","useRef","useFocus","useState","styles","__assign","mergeRefs","cn","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}

package/components/addon/component.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { AddonElement } from '../types';
+declare type Props = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: 'default' | 'none';
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+    /**
+     * Клик по контенту аддона.
+     */
+    onClick?: () => void;
+};
+export declare const Addon: React.FC<Props>;
+export {};

package/components/addon/component.js

@@ -2,12 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('tslib');
-require('react');
-require('classnames');
-require('@alfalab/core-components-shared');
-var components_addon_component = require('../../component-4c6886c6.js');
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('@alfalab/core-components-shared');
+var component = require('../../component.js');
+var index_module = require('./index.module.css.js');
 
+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);
 
-exports.Addon = components_addon_component.Addon;
+var ADDON_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Addon = function (_a) {
+    var _b;
+    var children = _a.children, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, _d = _a.addonPadding, addonPadding = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId, onClick = _a.onClick;
+    var pureCellContext = React.useContext(component.PureCellContext);
+    var Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
+    var onMouseEvents = {
+        onClick: function (e) {
+            e.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        },
+        onMouseEnter: function () {
+            var _a;
+            (_a = pureCellContext.unsetMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseLeave: function () {
+            var _a;
+            (_a = pureCellContext.setMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+        },
+        onMouseDown: function (e) {
+            e.stopPropagation();
+        },
+    };
+    return (React__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(index_module.component, index_module[addonPadding], index_module[verticalAlign], (_b = {},
+            _b[index_module.button] = onClick,
+            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
+};
+
+exports.Addon = Addon;
+//# sourceMappingURL=component.js.map

package/components/addon/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\nimport { AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n    /**\n     * Горизонтальные отступы\n     */\n    addonPadding?: 'default' | 'none';\n\n    /**\n     * Компоненты\n     */\n    children: AddonElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -addon\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту аддона.\n     */\n    onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n    children,\n    verticalAlign = 'top',\n    addonPadding = 'default',\n    dataTestId,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            pureCellContext.unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            pureCellContext.setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n                [styles.button]: onClick,\n            })}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,KAAK,GAAoB,UAAC,EAMtC,EAAA;;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,YAAwB,EAAxB,YAAY,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACxB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACIC,qCAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,YAAY,CAAC,EAAEA,YAAM,CAAC,aAAa,CAAC,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,OAAO;gBAC1B,EACY,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,KACzE,OAAO,IAAI,aAAa,IAE5B,QAAQ,CACD;AAEpB;;;;"}

package/components/addon/index.css

@@ -1,53 +1,31 @@
-/* hash: 1v5eh */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+:root {
+    --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 } :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_1nsmt {
+} .pure-cell__component_1teje {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_1nsmt > * {
+} .pure-cell__component_1teje > * {
         justify-content: flex-end;
-    } .pure-cell__component_1nsmt.pure-cell__none_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__none_1teje {
         padding-left: var(--gap-0);
-    } .pure-cell__component_1nsmt.pure-cell__default_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__default_1teje {
         padding-left: var(--gap-16);
-    } .pure-cell__component_1nsmt.pure-cell__addonPadding_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__addonPadding_1teje {
         padding-left: var(--gap-16);
-    } .pure-cell__component_1nsmt.pure-cell__auto_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__auto_1teje {
         align-self: auto;
-    } .pure-cell__component_1nsmt.pure-cell__top_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__top_1teje {
         align-self: flex-start;
-    } .pure-cell__component_1nsmt.pure-cell__center_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__center_1teje {
         align-self: center;
-    } .pure-cell__component_1nsmt.pure-cell__bottom_1nsmt {
+    } .pure-cell__component_1teje.pure-cell__bottom_1teje {
         align-self: flex-end;
-    } .pure-cell__button_1nsmt {
+    } .pure-cell__button_1teje {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -57,16 +35,19 @@
     box-shadow: none;
     border-radius: 0;
     -webkit-user-select: none;
+       -moz-user-select: none;
             user-select: none;
     vertical-align: middle;
-    appearance: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
     text-decoration: none;
     min-width: 0;
     cursor: pointer;
     padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out
-} .pure-cell__button_1nsmt:hover {
+} .pure-cell__button_1teje:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
-    } .pure-cell__button_1nsmt:active {
+    } .pure-cell__button_1teje:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4c6886c6";
+export * from './component';

package/components/addon/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4c6886c6.js');
+var component = require('./component.js');
 
 
 
-exports.Addon = components_addon_component.Addon;
+exports.Addon = component.Addon;
+//# sourceMappingURL=index.js.map

package/components/addon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/components/addon/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"pure-cell__component_1teje","none":"pure-cell__none_1teje","default":"pure-cell__default_1teje","addonPadding":"pure-cell__addonPadding_1teje","auto":"pure-cell__auto_1teje","top":"pure-cell__top_1teje","center":"pure-cell__center_1teje","bottom":"pure-cell__bottom_1teje","button":"pure-cell__button_1teje"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/components/addon/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/addon/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.component {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n\n    & > * {\n        justify-content: flex-end;\n    }\n\n    &.none {\n        padding-left: var(--gap-0);\n    }\n\n    &.default {\n        padding-left: var(--gap-16);\n    }\n\n    &.addonPadding {\n        padding-left: var(--gap-16);\n    }\n\n    &.auto {\n        align-self: auto;\n    }\n\n    &.top {\n        align-self: flex-start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n\n    &.bottom {\n        align-self: flex-end;\n    }\n}\n\n.button {\n    @mixin button-reset;\n    padding: var(--gap-0);\n    transition: opacity 0.15s ease-in-out;\n\n    &:hover {\n        opacity: var(--pure-cell-clickable-area-hover-opacity);\n    }\n\n    &:active {\n        opacity: var(--pure-cell-clickable-area-active-opacity);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,cAAc,CAAC,+BAA+B,CAAC,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,sBAAsB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,QAAQ,CAAC,yBAAyB,CAAC;;;;"}

package/components/amount/component.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { type Color } from '@alfalab/core-components-typography';
+import { AmountProps as AmountType } from '../typesProps';
+declare type Props = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: 'bold' | 'normal';
+    /**
+     * Размер денежного значения
+     */
+    textView?: 'component' | 'primary-small';
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Скрыть денежное значение
+     */
+    hidden?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, 'dataTestId'>;
+export declare const Amount: React.FC<Props>;
+export {};