@alfalab/core-components-pure-cell 4.8.0 → 4.9.0

package/cssm/index.module.css

@@ -37,18 +37,18 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .button:hover {
+} .button.hover {
         opacity: 0.8;
-    } .button:active {
+    } .button.active {
         opacity: 0.6;
     } .link {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .link:hover {
+} .link.hover {
         opacity: 0.8;
-    } .link:active {
+    } .link.active {
         opacity: 0.6;
     } .none {
     padding: 0;

package/cssm/vars.css

@@ -0,0 +1,17 @@
+: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 */
+} :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 */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
+}

package/{cssm/component-21d7b687.d.ts → esm/component-6a954af1.d.ts}

@@ -7,6 +7,8 @@ type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
     dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
 };
 declare const PureCellContext: React.Context<PureCellContext>;
 type BasePureCellProps = {
@@ -67,6 +69,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         isReverse?: boolean | undefined;
         className?: string | undefined;
         dataTestId?: string | undefined;
+        onClick?: (() => void) | undefined;
     }>;
     Graphics: React.FC<import("./components/graphics/index").Props>;
     Content: React.FC<{
@@ -99,6 +102,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         addonPadding?: "none" | "default" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
+        onClick?: (() => void) | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;

package/{modern/component-4f06f921.d.ts → esm/component-f3f965f3.d.ts}

@@ -23,6 +23,10 @@ type Props = {
      * Используется модификатор -main
      */
     dataTestId?: string;
+    /**
+     * Клик по контенту.
+     */
+    onClick?: () => void;
 };
 declare const Main: React.FC<Props>;
 type Props$0 = {
@@ -43,6 +47,10 @@ type Props$0 = {
      * Отступ от графики
      */
     graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
+    /**
+     * Клик по контенту графики.
+     */
+    onClick?: () => void;
 };
 declare const Graphics: React.FC<Props$0>;
 type Props$1 = {
@@ -174,6 +182,10 @@ type Props$7 = {
      * Используется модификатор -addon
      */
     dataTestId?: string;
+    /**
+     * Клик по контенту аддона.
+     */
+    onClick?: () => void;
 };
 declare const Addon: React.FC<Props$7>;
 type Props$8 = {

package/esm/{component-c5ff489c.js → component-f3f965f3.js}

@@ -1,5 +1,5 @@
-import { __rest, __assign } from 'tslib';
-import React, { useContext, forwardRef, useRef } from 'react';
+import { __assign, __rest } from 'tslib';
+import React, { useContext, forwardRef, useRef, useState } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Comment } from '@alfalab/core-components-comment/esm';
@@ -9,16 +9,41 @@ import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
 import { Typography } from '@alfalab/core-components-typography/esm';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles$a = {"component":"pure-cell__component_a9h8y","none":"pure-cell__none_a9h8y","default":"pure-cell__default_a9h8y","addonPadding":"pure-cell__addonPadding_a9h8y","auto":"pure-cell__auto_a9h8y","top":"pure-cell__top_a9h8y","center":"pure-cell__center_a9h8y","bottom":"pure-cell__bottom_a9h8y"};
+var styles$a = {"component":"pure-cell__component_1y3kr","none":"pure-cell__none_1y3kr","default":"pure-cell__default_1y3kr","addonPadding":"pure-cell__addonPadding_1y3kr","auto":"pure-cell__auto_1y3kr","top":"pure-cell__top_1y3kr","center":"pure-cell__center_1y3kr","bottom":"pure-cell__bottom_1y3kr","button":"pure-cell__button_1y3kr"};
 require('./components/addon/index.css')
 
+var ADDON_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
 var Addon = function (_a) {
-    var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
+    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 = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+    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.createElement(Component, __assign({ className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign], (_b = {},
+            _b[styles$a.button] = onClick,
+            _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$9 = {"component":"pure-cell__component_u1eeb"};
+var styles$9 = {"component":"pure-cell__component_1uqa7"};
 require('./components/amount/index.css')
 
 var Amount = function (_a) {
@@ -28,7 +53,7 @@ var Amount = function (_a) {
         React.createElement(Amount$1, __assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
 };
 
-var styles$8 = {"component":"pure-cell__component_f3mfl","weight":"pure-cell__weight_f3mfl"};
+var styles$8 = {"component":"pure-cell__component_c9jh6","weight":"pure-cell__weight_c9jh6"};
 require('./components/amount-title/index.css')
 
 var AmountTitle = function (_a) {
@@ -39,7 +64,7 @@ var AmountTitle = function (_a) {
         React.createElement(Amount$1, __assign({ minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
 };
 
-var styles$7 = {"component":"pure-cell__component_x893m","categoryName":"pure-cell__categoryName_x893m","categoryPercent":"pure-cell__categoryPercent_x893m","rightAddon":"pure-cell__rightAddon_x893m"};
+var styles$7 = {"component":"pure-cell__component_11m41","categoryName":"pure-cell__categoryName_11m41","categoryPercent":"pure-cell__categoryPercent_11m41","rightAddon":"pure-cell__rightAddon_11m41"};
 require('./components/category/index.css')
 
 var Category = function (_a) {
@@ -53,7 +78,7 @@ var Category = function (_a) {
         rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
-var styles$6 = {"component":"pure-cell__component_355fw","horizontal":"pure-cell__horizontal_355fw"};
+var styles$6 = {"component":"pure-cell__component_lrchz","horizontal":"pure-cell__horizontal_lrchz"};
 require('./components/content/index.css')
 
 var Content = function (_a) {
@@ -63,7 +88,7 @@ var Content = function (_a) {
     return (React.createElement("section", { className: cn(styles$6.component, (_b = {}, _b[styles$6.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 
-var styles$5 = {"component":"pure-cell__component_vnny8","none":"pure-cell__none_vnny8","default":"pure-cell__default_vnny8"};
+var styles$5 = {"component":"pure-cell__component_stkzt","none":"pure-cell__none_stkzt","default":"pure-cell__default_stkzt"};
 require('./components/footer/index.css')
 
 var Footer = function (_a) {
@@ -72,13 +97,31 @@ var Footer = function (_a) {
     return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 
-var styles$4 = {"component":"pure-cell__component_cfj2h"};
+var styles$4 = {"component":"pure-cell__component_f9m0w"};
 require('./components/footer-button/index.css')
 
 var FooterButton = forwardRef(function (_a, ref) {
-    var children = _a.children, dataTestId = _a.dataTestId, props = __rest(_a, ["children", "dataTestId"]);
+    var children = _a.children, dataTestId = _a.dataTestId, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, props = __rest(_a, ["children", "dataTestId", "onClick", "onMouseDown", "onMouseEnter", "onMouseLeave"]);
     var pureCellContext = useContext(PureCellContext);
-    return (React.createElement(Button, __assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref }), children));
+    var handleClick = function (e) {
+        e.stopPropagation();
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    var handleMouseEnter = function (e) {
+        var _a;
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        (_a = pureCellContext.unsetMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+    };
+    var handleMouseLeave = function (e) {
+        var _a;
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        (_a = pureCellContext.setMainHover) === null || _a === void 0 ? void 0 : _a.call(pureCellContext);
+    };
+    var handleMouseDown = function (e) {
+        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+        e.stopPropagation();
+    };
+    return (React.createElement(Button, __assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }), children));
 });
 
 var FooterText = function (_a) {
@@ -87,29 +130,72 @@ var FooterText = function (_a) {
     return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
-var styles$3 = {"component":"pure-cell__component_kmuuv","top":"pure-cell__top_kmuuv","center":"pure-cell__center_kmuuv","bottom":"pure-cell__bottom_kmuuv","horizontal":"pure-cell__horizontal_kmuuv","none":"pure-cell__none_kmuuv","airy":"pure-cell__airy_kmuuv","default":"pure-cell__default_kmuuv","compact":"pure-cell__compact_kmuuv","tiny":"pure-cell__tiny_kmuuv","vertical":"pure-cell__vertical_kmuuv"};
+var styles$3 = {"component":"pure-cell__component_19mg8","top":"pure-cell__top_19mg8","center":"pure-cell__center_19mg8","bottom":"pure-cell__bottom_19mg8","horizontal":"pure-cell__horizontal_19mg8","none":"pure-cell__none_19mg8","airy":"pure-cell__airy_19mg8","default":"pure-cell__default_19mg8","compact":"pure-cell__compact_19mg8","tiny":"pure-cell__tiny_19mg8","vertical":"pure-cell__vertical_19mg8","button":"pure-cell__button_19mg8"};
 require('./components/graphics/index.css')
 
+var GRAPHICS_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
 var Graphics = function (_a) {
-    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, graphicPadding = _a.graphicPadding;
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, graphicPadding = _a.graphicPadding, onClick = _a.onClick;
     var pureCellContext = useContext(PureCellContext);
+    var Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
     var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
-    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+    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.createElement(Component, __assign({ className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding], (_b = {}, _b[styles$3.button] = onClick, _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$2 = {"component":"pure-cell__component_2fv7t","vertical":"pure-cell__vertical_2fv7t","reverse":"pure-cell__reverse_2fv7t"};
+var styles$2 = {"component":"pure-cell__component_10s3g","vertical":"pure-cell__vertical_10s3g","reverse":"pure-cell__reverse_10s3g","button":"pure-cell__button_10s3g"};
 require('./components/main/index.css')
 
+var MAIN_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
 var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = useContext(PureCellContext), _d = _c.direction, direction = _d === void 0 ? 'horizontal' : _d, contextDataTestId = _c.dataTestId;
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
+    var _b, _c;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick;
+    var _d = useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId, setMainHover = _d.setMainHover, unsetMainHover = _d.unsetMainHover;
+    var Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
+    var onMouseEvents = {
+        onClick: function (e) {
+            e.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        },
+        onMouseEnter: function () {
+            unsetMainHover === null || unsetMainHover === void 0 ? void 0 : unsetMainHover();
+        },
+        onMouseLeave: function () {
+            setMainHover === null || setMainHover === void 0 ? void 0 : setMainHover();
+        },
+        onMouseDown: function (e) {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, __assign({ className: cn(styles$2.component, styles$2[direction], (_b = {},
             _b[styles$2.reverse] = isReverse,
-            _b), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+            _b), (_c = {}, _c[styles$2.button] = onClick, _c), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$1 = {"horizontal":"pure-cell__horizontal_16dfl","rowLimit1":"pure-cell__rowLimit1_16dfl","rowLimit2":"pure-cell__rowLimit2_16dfl","component":"pure-cell__component_16dfl","vertical":"pure-cell__vertical_16dfl","title":"pure-cell__title_16dfl","value":"pure-cell__value_16dfl"};
+var styles$1 = {"horizontal":"pure-cell__horizontal_13jcm","rowLimit1":"pure-cell__rowLimit1_13jcm","rowLimit2":"pure-cell__rowLimit2_13jcm","component":"pure-cell__component_13jcm","vertical":"pure-cell__vertical_13jcm","title":"pure-cell__title_13jcm","value":"pure-cell__value_13jcm"};
 require('./components/text/index.css')
 
 var Text = function (_a) {
@@ -126,7 +212,7 @@ var Text = function (_a) {
             React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
 
-var styles = {"component":"pure-cell__component_yqcv9","horizontal":"pure-cell__horizontal_yqcv9","vertical":"pure-cell__vertical_yqcv9","button":"pure-cell__button_yqcv9","link":"pure-cell__link_yqcv9","none":"pure-cell__none_yqcv9","airy":"pure-cell__airy_yqcv9","default":"pure-cell__default_yqcv9","compact":"pure-cell__compact_yqcv9","tiny":"pure-cell__tiny_yqcv9","noneTop":"pure-cell__noneTop_yqcv9","airyTop":"pure-cell__airyTop_yqcv9","defaultTop":"pure-cell__defaultTop_yqcv9","compactTop":"pure-cell__compactTop_yqcv9","tinyTop":"pure-cell__tinyTop_yqcv9","noneBottom":"pure-cell__noneBottom_yqcv9","airyBottom":"pure-cell__airyBottom_yqcv9","defaultBottom":"pure-cell__defaultBottom_yqcv9","compactBottom":"pure-cell__compactBottom_yqcv9","tinyBottom":"pure-cell__tinyBottom_yqcv9","left":"pure-cell__left_yqcv9","right":"pure-cell__right_yqcv9","both":"pure-cell__both_yqcv9","focused":"pure-cell__focused_yqcv9"};
+var styles = {"component":"pure-cell__component_njcbn","horizontal":"pure-cell__horizontal_njcbn","vertical":"pure-cell__vertical_njcbn","button":"pure-cell__button_njcbn","hover":"pure-cell__hover_njcbn","active":"pure-cell__active_njcbn","link":"pure-cell__link_njcbn","none":"pure-cell__none_njcbn","airy":"pure-cell__airy_njcbn","default":"pure-cell__default_njcbn","compact":"pure-cell__compact_njcbn","tiny":"pure-cell__tiny_njcbn","noneTop":"pure-cell__noneTop_njcbn","airyTop":"pure-cell__airyTop_njcbn","defaultTop":"pure-cell__defaultTop_njcbn","compactTop":"pure-cell__compactTop_njcbn","tinyTop":"pure-cell__tinyTop_njcbn","noneBottom":"pure-cell__noneBottom_njcbn","airyBottom":"pure-cell__airyBottom_njcbn","defaultBottom":"pure-cell__defaultBottom_njcbn","compactBottom":"pure-cell__compactBottom_njcbn","tinyBottom":"pure-cell__tinyBottom_njcbn","left":"pure-cell__left_njcbn","right":"pure-cell__right_njcbn","both":"pure-cell__both_njcbn","focused":"pure-cell__focused_njcbn"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -136,12 +222,32 @@ var PureCellComponent = forwardRef(function (_a, ref) {
     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 = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
     var cellRef = useRef(null);
     var focused = useFocus(cellRef, 'keyboard')[0];
+    var _h = useState(false), hoverState = _h[0], setHoverState = _h[1];
+    var _j = 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: unsetHover,
+        onMouseDown: setActive,
+        onMouseUp: unsetActive,
+    };
     var addClasses = (_b = {},
         _b[styles.component] = true,
         _b[styles.focused] = focused,
         _b[styles[direction]] = true,
         _b[styles[horizontalPadding]] = true,
+        _b[styles.hover] = hoverState,
+        _b[styles.active] = activeState,
         _b);
+    var contextState = {
+        direction: direction,
+        dataTestId: dataTestId,
+        setMainHover: setHover,
+        unsetMainHover: unsetHover,
+    };
     if (typeof verticalPadding === 'string') {
         addClasses[styles[verticalPadding]] = typeof verticalPadding === 'string';
     }
@@ -153,15 +259,15 @@ var PureCellComponent = forwardRef(function (_a, ref) {
         var target = restProps.target;
         // Для совместимости с react-router-dom, меняем href на to
         var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+        return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
+            React.createElement(PureCellContext.Provider, { value: contextState }, children)));
     }
     if (onClick) {
-        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }, mouseEvents),
+            React.createElement(PureCellContext.Provider, { value: contextState }, children)));
     }
     return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
-        React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+        React.createElement(PureCellContext.Provider, { value: contextState }, children)));
 });
 /**
  * Универсальный конструктор для сборки любой ячейки.

package/esm/component.js

@@ -4,4 +4,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-c5ff489c.js';
+export { P as PureCell, f as PureCellContext } from './component-f3f965f3.js';

package/esm/components/addon/component.js

@@ -1,4 +1,5 @@
+import 'tslib';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
-export { A as Addon } from '../../component-c5ff489c.js';
+export { A as Addon } from '../../component-f3f965f3.js';

package/esm/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sxcw */
+/* hash: gmyku */
 :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 */
 } :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 */
@@ -15,24 +15,49 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_a9h8y {
+} :root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+} .pure-cell__component_1y3kr {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_a9h8y > * {
+} .pure-cell__component_1y3kr > * {
         justify-content: flex-end;
-    } .pure-cell__component_a9h8y.pure-cell__none_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__none_1y3kr {
         padding-left: 0;
-    } .pure-cell__component_a9h8y.pure-cell__default_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__default_1y3kr {
         padding-left: var(--gap-m);
-    } .pure-cell__component_a9h8y.pure-cell__addonPadding_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__addonPadding_1y3kr {
         padding-left: var(--gap-m);
-    } .pure-cell__component_a9h8y.pure-cell__auto_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__auto_1y3kr {
         align-self: auto;
-    } .pure-cell__component_a9h8y.pure-cell__top_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__top_1y3kr {
         align-self: flex-start;
-    } .pure-cell__component_a9h8y.pure-cell__center_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__center_1y3kr {
         align-self: center;
-    } .pure-cell__component_a9h8y.pure-cell__bottom_a9h8y {
+    } .pure-cell__component_1y3kr.pure-cell__bottom_1y3kr {
         align-self: flex-end;
+    } .pure-cell__button_1y3kr {
+    box-sizing: border-box;
+    background-color: transparent;
+    -webkit-tap-highlight-color: transparent;
+    outline: none;
+    border: 0;
+    margin: 0;
+    box-shadow: none;
+    border-radius: 0;
+    -webkit-user-select: none;
+            user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    min-width: 0;
+    cursor: pointer;
+    padding: 0;
+    transition: opacity 0.15s ease-in-out
+} .pure-cell__button_1y3kr:hover {
+        opacity: var(--pure-cell-clickable-area-hover-opacity);
+    } .pure-cell__button_1y3kr:active {
+        opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/esm/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c5ff489c";
+export * from "../../component-f3f965f3";

package/esm/components/addon/index.js

@@ -1 +1 @@
-export { A as Addon } from '../../component-c5ff489c.js';
+export { A as Addon } from '../../component-f3f965f3.js';

package/esm/components/amount/component.js

@@ -4,4 +4,4 @@ import 'classnames';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-typography/esm';
-export { a as Amount } from '../../component-c5ff489c.js';
+export { a as Amount } from '../../component-f3f965f3.js';

package/esm/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: oucpi */
+/* hash: 16dsw */
 :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 */
 } :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 */
@@ -15,7 +15,7 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_u1eeb {
+} .pure-cell__component_1uqa7 {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/esm/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c5ff489c";
+export * from "../../component-f3f965f3";

package/esm/components/amount/index.js

@@ -1 +1 @@
-export { a as Amount } from '../../component-c5ff489c.js';
+export { a as Amount } from '../../component-f3f965f3.js';

package/esm/components/amount-title/component.js

@@ -4,4 +4,4 @@ import 'classnames';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-typography/esm';
-export { b as AmountTitle } from '../../component-c5ff489c.js';
+export { b as AmountTitle } from '../../component-f3f965f3.js';

package/esm/components/amount-title/index.css

@@ -1,4 +1,4 @@
-/* hash: 1np9r */
+/* hash: 1trwa */
 :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 */
 } :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 */
@@ -14,8 +14,8 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_f3mfl {
+} .pure-cell__component_c9jh6 {
     display: flex;
-} .pure-cell__weight_f3mfl {
+} .pure-cell__weight_c9jh6 {
     font-weight: inherit;
 }

package/esm/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c5ff489c";
+export * from "../../component-f3f965f3";

package/esm/components/amount-title/index.js

@@ -1 +1 @@
-export { b as AmountTitle } from '../../component-c5ff489c.js';
+export { b as AmountTitle } from '../../component-f3f965f3.js';

package/esm/components/category/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-typography/esm';
-export { C as Category } from '../../component-c5ff489c.js';
+export { C as Category } from '../../component-f3f965f3.js';

package/esm/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kjsm */
+/* hash: 1tpgt */
 :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 {
     --color-light-bg-secondary: #f2f3f5; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,21 +19,21 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_x893m {
+} .pure-cell__component_11m41 {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_x893m {
+} .pure-cell__categoryName_11m41 {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_x893m {
+} .pure-cell__categoryPercent_11m41 {
     padding: 0 var(--gap-xs);
     background-color: var(--color-light-bg-secondary);
     border-radius: var(--border-radius-xl);
     margin-left: var(--gap-2xs);
-} .pure-cell__rightAddon_x893m {
+} .pure-cell__rightAddon_11m41 {
     margin-left: var(--gap-2xs);
 }

package/esm/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c5ff489c";
+export * from "../../component-f3f965f3";

package/esm/components/category/index.js

@@ -1 +1 @@
-export { C as Category } from '../../component-c5ff489c.js';
+export { C as Category } from '../../component-f3f965f3.js';

package/esm/components/content/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
-export { c as Content } from '../../component-c5ff489c.js';
+export { c as Content } from '../../component-f3f965f3.js';