@alfalab/core-components-pure-cell 4.8.1 → 4.10.0

package/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-81e75437.js');
+var components_addon_component = require('./component-1b03bea6.js');
 
 
 

package/modern/{component-21d7b687.d.ts → 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/{cssm/component-063660c0.d.ts → modern/component-766c0ee4.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/modern/{component-ef65ce67.js → component-766c0ee4.js}

@@ -1,4 +1,4 @@
-import React, { useContext, forwardRef, useRef } from 'react';
+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/modern';
@@ -8,15 +8,37 @@ import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-const styles$a = {"component":"pure-cell__component_1769n","none":"pure-cell__none_1769n","default":"pure-cell__default_1769n","addonPadding":"pure-cell__addonPadding_1769n","auto":"pure-cell__auto_1769n","top":"pure-cell__top_1769n","center":"pure-cell__center_1769n","bottom":"pure-cell__bottom_1769n"};
+const styles$a = {"component":"pure-cell__component_10lw5","none":"pure-cell__none_10lw5","default":"pure-cell__default_10lw5","addonPadding":"pure-cell__addonPadding_10lw5","auto":"pure-cell__auto_10lw5","top":"pure-cell__top_10lw5","center":"pure-cell__center_10lw5","bottom":"pure-cell__bottom_10lw5","button":"pure-cell__button_10lw5"};
 require('./components/addon/index.css')
 
-const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => {
+const ADDON_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, onClick, }) => {
     const 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));
+    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
+    const onMouseEvents = {
+        onClick: (e) => {
+            e.stopPropagation();
+            onClick?.();
+        },
+        onMouseEnter: () => {
+            pureCellContext.unsetMainHover?.();
+        },
+        onMouseLeave: () => {
+            pureCellContext.setMainHover?.();
+        },
+        onMouseDown: (e) => {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, { className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign], {
+            [styles$a.button]: onClick,
+        }), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon'), ...(onClick && onMouseEvents) }, children));
 };
 
-const styles$9 = {"component":"pure-cell__component_1loxt"};
+const styles$9 = {"component":"pure-cell__component_3ozhf"};
 require('./components/amount/index.css')
 
 const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => {
@@ -25,7 +47,7 @@ const Amount = ({ weight = 'normal', textView = 'component', color = 'primary',
         React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount'), ...restProps })));
 };
 
-const styles$8 = {"component":"pure-cell__component_rcgyg","weight":"pure-cell__weight_rcgyg"};
+const styles$8 = {"component":"pure-cell__component_15g1c","weight":"pure-cell__weight_15g1c"};
 require('./components/amount-title/index.css')
 
 const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
@@ -36,11 +58,11 @@ const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary',
         color,
         ...titleProps,
     };
-    return (React.createElement(Typography.Title, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titleProps.className) },
+    return (React.createElement(Typography.TitleResponsive, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titleProps.className) },
         React.createElement(Amount$1, { minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
 };
 
-const styles$7 = {"component":"pure-cell__component_skrok","categoryName":"pure-cell__categoryName_skrok","categoryPercent":"pure-cell__categoryPercent_skrok","rightAddon":"pure-cell__rightAddon_skrok"};
+const styles$7 = {"component":"pure-cell__component_r9n5z","categoryName":"pure-cell__categoryName_r9n5z","categoryPercent":"pure-cell__categoryPercent_r9n5z","rightAddon":"pure-cell__rightAddon_r9n5z"};
 require('./components/category/index.css')
 
 const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => {
@@ -53,7 +75,7 @@ const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) =
         rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
-const styles$6 = {"component":"pure-cell__component_usovd","horizontal":"pure-cell__horizontal_usovd"};
+const styles$6 = {"component":"pure-cell__component_3ubiy","horizontal":"pure-cell__horizontal_3ubiy"};
 require('./components/content/index.css')
 
 const Content = ({ children, dataTestId }) => {
@@ -61,7 +83,7 @@ const Content = ({ children, dataTestId }) => {
     return (React.createElement("section", { className: cn(styles$6.component, { [styles$6.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 
-const styles$5 = {"component":"pure-cell__component_17wih","none":"pure-cell__none_17wih","default":"pure-cell__default_17wih"};
+const styles$5 = {"component":"pure-cell__component_uyhv6","none":"pure-cell__none_uyhv6","default":"pure-cell__default_uyhv6"};
 require('./components/footer/index.css')
 
 const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
@@ -69,12 +91,28 @@ const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
     return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 
-const styles$4 = {"component":"pure-cell__component_6ojmm"};
+const styles$4 = {"component":"pure-cell__component_1l487"};
 require('./components/footer-button/index.css')
 
-const FooterButton = forwardRef(({ children, dataTestId, ...props }, ref) => {
+const FooterButton = forwardRef(({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {
     const pureCellContext = useContext(PureCellContext);
-    return (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref }, children));
+    const handleClick = (e) => {
+        e.stopPropagation();
+        onClick?.(e);
+    };
+    const handleMouseEnter = (e) => {
+        onMouseEnter?.(e);
+        pureCellContext.unsetMainHover?.();
+    };
+    const handleMouseLeave = (e) => {
+        onMouseLeave?.(e);
+        pureCellContext.setMainHover?.();
+    };
+    const handleMouseDown = (e) => {
+        onMouseDown?.(e);
+        e.stopPropagation();
+    };
+    return (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }, children));
 });
 
 const FooterText = ({ children, color = 'secondary', dataTestId }) => {
@@ -82,26 +120,66 @@ const FooterText = ({ children, color = 'secondary', dataTestId }) => {
     return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
-const styles$3 = {"component":"pure-cell__component_xhf99","top":"pure-cell__top_xhf99","center":"pure-cell__center_xhf99","bottom":"pure-cell__bottom_xhf99","horizontal":"pure-cell__horizontal_xhf99","none":"pure-cell__none_xhf99","airy":"pure-cell__airy_xhf99","default":"pure-cell__default_xhf99","compact":"pure-cell__compact_xhf99","tiny":"pure-cell__tiny_xhf99","vertical":"pure-cell__vertical_xhf99"};
+const styles$3 = {"component":"pure-cell__component_1ywkt","top":"pure-cell__top_1ywkt","center":"pure-cell__center_1ywkt","bottom":"pure-cell__bottom_1ywkt","horizontal":"pure-cell__horizontal_1ywkt","none":"pure-cell__none_1ywkt","airy":"pure-cell__airy_1ywkt","default":"pure-cell__default_1ywkt","compact":"pure-cell__compact_1ywkt","tiny":"pure-cell__tiny_1ywkt","vertical":"pure-cell__vertical_1ywkt","button":"pure-cell__button_1ywkt"};
 require('./components/graphics/index.css')
 
-const Graphics = ({ children, dataTestId, verticalAlign = 'top', graphicPadding, }) => {
+const GRAPHICS_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+const Graphics = ({ children, dataTestId, verticalAlign = 'top', graphicPadding, onClick, }) => {
     const pureCellContext = useContext(PureCellContext);
+    const Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
     const 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));
+    const onMouseEvents = {
+        onClick: (e) => {
+            e.stopPropagation();
+            onClick?.();
+        },
+        onMouseEnter: () => {
+            pureCellContext.unsetMainHover?.();
+        },
+        onMouseLeave: () => {
+            pureCellContext.setMainHover?.();
+        },
+        onMouseDown: (e) => {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, { className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding], { [styles$3.button]: onClick }), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics'), ...(onClick && onMouseEvents) }, children));
 };
 
-const styles$2 = {"component":"pure-cell__component_19tfu","vertical":"pure-cell__vertical_19tfu","reverse":"pure-cell__reverse_19tfu"};
+const styles$2 = {"component":"pure-cell__component_351av","vertical":"pure-cell__vertical_351av","reverse":"pure-cell__reverse_351av","button":"pure-cell__button_351av"};
 require('./components/main/index.css')
 
-const Main = ({ children, isReverse, className, dataTestId }) => {
-    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
+const MAIN_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+const Main = ({ children, isReverse, className, dataTestId, onClick }) => {
+    const { direction = 'horizontal', dataTestId: contextDataTestId, setMainHover, unsetMainHover, } = useContext(PureCellContext);
+    const Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
+    const onMouseEvents = {
+        onClick: (e) => {
+            e.stopPropagation();
+            onClick?.();
+        },
+        onMouseEnter: () => {
+            unsetMainHover?.();
+        },
+        onMouseLeave: () => {
+            setMainHover?.();
+        },
+        onMouseDown: (e) => {
+            e.stopPropagation();
+        },
+    };
+    return (React.createElement(Component, { className: cn(styles$2.component, styles$2[direction], {
             [styles$2.reverse]: isReverse,
-        }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+        }, { [styles$2.button]: onClick }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main'), ...(onClick && onMouseEvents) }, children));
 };
 
-const styles$1 = {"horizontal":"pure-cell__horizontal_1ima4","rowLimit1":"pure-cell__rowLimit1_1ima4","rowLimit2":"pure-cell__rowLimit2_1ima4","component":"pure-cell__component_1ima4","vertical":"pure-cell__vertical_1ima4","title":"pure-cell__title_1ima4","value":"pure-cell__value_1ima4"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_g10oe","rowLimit1":"pure-cell__rowLimit1_g10oe","rowLimit2":"pure-cell__rowLimit2_g10oe","component":"pure-cell__component_g10oe","vertical":"pure-cell__vertical_g10oe","title":"pure-cell__title_g10oe","value":"pure-cell__value_g10oe"};
 require('./components/text/index.css')
 
 const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
@@ -116,7 +194,7 @@ const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeig
             React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
 
-const styles = {"component":"pure-cell__component_1vn59","horizontal":"pure-cell__horizontal_1vn59","vertical":"pure-cell__vertical_1vn59","button":"pure-cell__button_1vn59","link":"pure-cell__link_1vn59","none":"pure-cell__none_1vn59","airy":"pure-cell__airy_1vn59","default":"pure-cell__default_1vn59","compact":"pure-cell__compact_1vn59","tiny":"pure-cell__tiny_1vn59","noneTop":"pure-cell__noneTop_1vn59","airyTop":"pure-cell__airyTop_1vn59","defaultTop":"pure-cell__defaultTop_1vn59","compactTop":"pure-cell__compactTop_1vn59","tinyTop":"pure-cell__tinyTop_1vn59","noneBottom":"pure-cell__noneBottom_1vn59","airyBottom":"pure-cell__airyBottom_1vn59","defaultBottom":"pure-cell__defaultBottom_1vn59","compactBottom":"pure-cell__compactBottom_1vn59","tinyBottom":"pure-cell__tinyBottom_1vn59","left":"pure-cell__left_1vn59","right":"pure-cell__right_1vn59","both":"pure-cell__both_1vn59","focused":"pure-cell__focused_1vn59"};
+const styles = {"component":"pure-cell__component_8dxyc","horizontal":"pure-cell__horizontal_8dxyc","vertical":"pure-cell__vertical_8dxyc","button":"pure-cell__button_8dxyc","hover":"pure-cell__hover_8dxyc","active":"pure-cell__active_8dxyc","link":"pure-cell__link_8dxyc","none":"pure-cell__none_8dxyc","airy":"pure-cell__airy_8dxyc","default":"pure-cell__default_8dxyc","compact":"pure-cell__compact_8dxyc","tiny":"pure-cell__tiny_8dxyc","noneTop":"pure-cell__noneTop_8dxyc","airyTop":"pure-cell__airyTop_8dxyc","defaultTop":"pure-cell__defaultTop_8dxyc","compactTop":"pure-cell__compactTop_8dxyc","tinyTop":"pure-cell__tinyTop_8dxyc","noneBottom":"pure-cell__noneBottom_8dxyc","airyBottom":"pure-cell__airyBottom_8dxyc","defaultBottom":"pure-cell__defaultBottom_8dxyc","compactBottom":"pure-cell__compactBottom_8dxyc","tinyBottom":"pure-cell__tinyBottom_8dxyc","left":"pure-cell__left_8dxyc","right":"pure-cell__right_8dxyc","both":"pure-cell__both_8dxyc","focused":"pure-cell__focused_8dxyc"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */
@@ -125,11 +203,31 @@ const PureCellContext = React.createContext({});
 const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
     const cellRef = useRef(null);
     const [focused] = useFocus(cellRef, 'keyboard');
+    const [hoverState, setHoverState] = useState(false);
+    const [activeState, setActiveState] = useState(false);
+    const setHover = () => setHoverState(true);
+    const unsetHover = () => setHoverState(false);
+    const setActive = () => setActiveState(true);
+    const unsetActive = () => setActiveState(false);
+    const mouseEvents = {
+        onMouseEnter: setHover,
+        onMouseLeave: unsetHover,
+        onMouseDown: setActive,
+        onMouseUp: unsetActive,
+    };
     const addClasses = {
         [styles.component]: true,
         [styles.focused]: focused,
         [styles[direction]]: true,
         [styles[horizontalPadding]]: true,
+        [styles.hover]: hoverState,
+        [styles.active]: activeState,
+    };
+    const contextState = {
+        direction,
+        dataTestId,
+        setMainHover: setHover,
+        unsetMainHover: unsetHover,
     };
     if (typeof verticalPadding === 'string') {
         addClasses[styles[verticalPadding]] = typeof verticalPadding === 'string';
@@ -142,15 +240,15 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
         const { target } = restProps;
         // Для совместимости с react-router-dom, меняем href на to
         const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { 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, dataTestId } }, children)));
+        return (React.createElement(Component, { 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, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction, dataTestId } }, children)));
+        return (React.createElement(Component, { ...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, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
-        React.createElement(PureCellContext.Provider, { value: { direction, dataTestId } }, children)));
+        React.createElement(PureCellContext.Provider, { value: contextState }, children)));
 });
 /**
  * Универсальный конструктор для сборки любой ячейки.

package/modern/component.js

@@ -3,4 +3,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-ef65ce67.js';
+export { P as PureCell, f as PureCellContext } from './component-766c0ee4.js';

package/modern/components/addon/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { A as Addon } from '../../component-ef65ce67.js';
+export { A as Addon } from '../../component-766c0ee4.js';

package/modern/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: sxa08 */
+/* hash: 8ebll */
 :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_1769n {
+} :root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+} .pure-cell__component_10lw5 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_1769n > * {
+} .pure-cell__component_10lw5 > * {
         justify-content: flex-end;
-    } .pure-cell__component_1769n.pure-cell__none_1769n {
+    } .pure-cell__component_10lw5.pure-cell__none_10lw5 {
         padding-left: 0;
-    } .pure-cell__component_1769n.pure-cell__default_1769n {
+    } .pure-cell__component_10lw5.pure-cell__default_10lw5 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1769n.pure-cell__addonPadding_1769n {
+    } .pure-cell__component_10lw5.pure-cell__addonPadding_10lw5 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1769n.pure-cell__auto_1769n {
+    } .pure-cell__component_10lw5.pure-cell__auto_10lw5 {
         align-self: auto;
-    } .pure-cell__component_1769n.pure-cell__top_1769n {
+    } .pure-cell__component_10lw5.pure-cell__top_10lw5 {
         align-self: flex-start;
-    } .pure-cell__component_1769n.pure-cell__center_1769n {
+    } .pure-cell__component_10lw5.pure-cell__center_10lw5 {
         align-self: center;
-    } .pure-cell__component_1769n.pure-cell__bottom_1769n {
+    } .pure-cell__component_10lw5.pure-cell__bottom_10lw5 {
         align-self: flex-end;
+    } .pure-cell__button_10lw5 {
+    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_10lw5:hover {
+        opacity: var(--pure-cell-clickable-area-hover-opacity);
+    } .pure-cell__button_10lw5:active {
+        opacity: var(--pure-cell-clickable-area-active-opacity);
     }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-766c0ee4";

package/modern/components/addon/index.js

@@ -1 +1 @@
-export { A as Addon } from '../../component-ef65ce67.js';
+export { A as Addon } from '../../component-766c0ee4.js';

package/modern/components/amount/component.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { a as Amount } from '../../component-ef65ce67.js';
+export { a as Amount } from '../../component-766c0ee4.js';

package/modern/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 1oonj */
+/* hash: wm8p4 */
 :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_1loxt {
+} .pure-cell__component_3ozhf {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-766c0ee4";

package/modern/components/amount/index.js

@@ -1 +1 @@
-export { a as Amount } from '../../component-ef65ce67.js';
+export { a as Amount } from '../../component-766c0ee4.js';

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

@@ -3,4 +3,4 @@ import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { b as AmountTitle } from '../../component-ef65ce67.js';
+export { b as AmountTitle } from '../../component-766c0ee4.js';

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

@@ -1,4 +1,4 @@
-/* hash: znsy9 */
+/* hash: 4icg4 */
 :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_rcgyg {
+} .pure-cell__component_15g1c {
     display: flex;
-} .pure-cell__weight_rcgyg {
+} .pure-cell__weight_15g1c {
     font-weight: inherit;
 }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-766c0ee4";

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

@@ -1 +1 @@
-export { b as AmountTitle } from '../../component-ef65ce67.js';
+export { b as AmountTitle } from '../../component-766c0ee4.js';

package/modern/components/category/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { C as Category } from '../../component-ef65ce67.js';
+export { C as Category } from '../../component-766c0ee4.js';

package/modern/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: cz7e1 */
+/* hash: 1jxwm */
 :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_skrok {
+} .pure-cell__component_r9n5z {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_skrok {
+} .pure-cell__categoryName_r9n5z {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_skrok {
+} .pure-cell__categoryPercent_r9n5z {
     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_skrok {
+} .pure-cell__rightAddon_r9n5z {
     margin-left: var(--gap-2xs);
 }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-766c0ee4";

package/modern/components/category/index.js

@@ -1 +1 @@
-export { C as Category } from '../../component-ef65ce67.js';
+export { C as Category } from '../../component-766c0ee4.js';

package/modern/components/content/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { c as Content } from '../../component-ef65ce67.js';
+export { c as Content } from '../../component-766c0ee4.js';

package/modern/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: va9lm */
+/* hash: 1ncof */
 :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,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_usovd {
+} .pure-cell__component_3ubiy {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-} .pure-cell__component_usovd.pure-cell__horizontal_usovd {
+} .pure-cell__component_3ubiy.pure-cell__horizontal_3ubiy {
         /* for button */
         align-self: stretch;
     }

package/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-766c0ee4";

package/modern/components/content/index.js

@@ -1 +1 @@
-export { c as Content } from '../../component-ef65ce67.js';
+export { c as Content } from '../../component-766c0ee4.js';

package/modern/components/footer/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { F as Footer } from '../../component-ef65ce67.js';
+export { F as Footer } from '../../component-766c0ee4.js';