@alfalab/core-components 47.26.7 → 47.26.8-beta.9323

package/pure-cell/component-cd96c87f.js

@@ -0,0 +1,322 @@
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('../comment');
+var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('../shared');
+var coreComponentsAmount = require('../amount');
+var coreComponentsTypography = require('../typography');
+var coreComponentsButton = require('../button');
+
+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);
+
+var styles$a = {"component":"pure-cell__component_1tw78","none":"pure-cell__none_1tw78","default":"pure-cell__default_1tw78","addonPadding":"pure-cell__addonPadding_1tw78","auto":"pure-cell__auto_1tw78","top":"pure-cell__top_1tw78","center":"pure-cell__center_1tw78","bottom":"pure-cell__bottom_1tw78","button":"pure-cell__button_1tw78"};
+require('./components/addon/index.css');
+
+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(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(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign], (_b = {},
+            _b[styles$a.button] = onClick,
+            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$9 = {"component":"pure-cell__component_bermo","hidden":"pure-cell__hidden_bermo","hiddenWrapper":"pure-cell__hiddenWrapper_bermo"};
+require('./components/amount/index.css');
+
+var Amount = function (_a) {
+    var _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.textView, textView = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, minority = _a.minority, _e = _a.minorUnits, minorUnits = _e === void 0 ? 100 : _e, hidden = _a.hidden, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "hidden", "dataTestId"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    if (hidden) {
+        return (React__default.default.createElement("div", { className: styles$9.hiddenWrapper },
+            React__default.default.createElement("div", { className: styles$9.hidden })));
+    }
+    return (React__default.default.createElement(coreComponentsTypography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles$9.component), color: color },
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
+};
+
+var styles$8 = {"component":"pure-cell__component_lstd4","weight":"pure-cell__weight_lstd4","hidden":"pure-cell__hidden_lstd4","hidden-xsmall":"pure-cell__hidden-xsmall_lstd4","hidden-small":"pure-cell__hidden-small_lstd4","hidden-medium":"pure-cell__hidden-medium_lstd4","hidden-large":"pure-cell__hidden-large_lstd4","hidden-xlarge":"pure-cell__hidden-xlarge_lstd4","hiddenWrapper":"pure-cell__hiddenWrapper_lstd4","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_lstd4","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_lstd4","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_lstd4","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_lstd4","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_lstd4"};
+require('./components/amount-title/index.css');
+
+var AmountTitle = function (_a) {
+    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, hidden = _a.hidden, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titlePropsFromProps = _d === void 0 ? {} : _d, restProps = tslib.__rest(_a, ["minority", "minorUnits", "hidden", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    var titleProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titlePropsFromProps);
+    if (hidden) {
+        return (React__default.default.createElement("div", { className: cn__default.default(styles$8.hiddenWrapper, styles$8["hiddenWrapper-".concat(titleProps.view)]) },
+            React__default.default.createElement("div", { className: cn__default.default(styles$8.hidden, styles$8["hidden-".concat(titleProps.view)]) })));
+    }
+    return (React__default.default.createElement(coreComponentsTypography.TitleResponsive, tslib.__assign({}, titleProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles$8.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles$8.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+};
+
+var styles$7 = {"component":"pure-cell__component_a79yx","categoryName":"pure-cell__categoryName_a79yx","categoryPercent":"pure-cell__categoryPercent_a79yx","rightAddon":"pure-cell__rightAddon_a79yx"};
+require('./components/category/index.css');
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("div", { className: styles$7.component, "data-test-id": 'cell-pure-category' },
+        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles$7.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+var styles$6 = {"component":"pure-cell__component_69lfc","horizontal":"pure-cell__horizontal_69lfc"};
+require('./components/content/index.css');
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    return (React__default.default.createElement("section", { className: cn__default.default(styles$6.component, (_b = {}, _b[styles$6.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+var styles$5 = {"component":"pure-cell__component_1y5hn","none":"pure-cell__none_1y5hn","default":"pure-cell__default_1y5hn"};
+require('./components/footer/index.css');
+
+var Footer = function (_a) {
+    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("footer", { className: cn__default.default(styles$5.component, styles$5[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+var styles$4 = {"component":"pure-cell__component_8558n"};
+require('./components/footer-button/index.css');
+
+var FooterButton = React.forwardRef(function (_a, ref) {
+    var children = _a.children, dataTestId = _a.dataTestId, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, props = tslib.__rest(_a, ["children", "dataTestId", "onClick", "onMouseDown", "onMouseEnter", "onMouseLeave"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    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__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }), children));
+});
+
+var FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+};
+
+var styles$3 = {"component":"pure-cell__component_ynph5","top":"pure-cell__top_ynph5","center":"pure-cell__center_ynph5","bottom":"pure-cell__bottom_ynph5","horizontal":"pure-cell__horizontal_ynph5","none":"pure-cell__none_ynph5","airy":"pure-cell__airy_ynph5","default":"pure-cell__default_ynph5","compact":"pure-cell__compact_ynph5","tiny":"pure-cell__tiny_ynph5","vertical":"pure-cell__vertical_ynph5","button":"pure-cell__button_ynph5"};
+require('./components/graphics/index.css');
+
+var GRAPHICS_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Graphics = function (_a) {
+    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 = React.useContext(PureCellContext);
+    var Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
+    var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
+    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(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": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$2 = {"component":"pure-cell__component_7r1h9","vertical":"pure-cell__vertical_7r1h9","reverse":"pure-cell__reverse_7r1h9","button":"pure-cell__button_7r1h9"};
+require('./components/main/index.css');
+
+var MAIN_COMPONENT = {
+    button: 'button',
+    section: 'section',
+};
+var Main = function (_a) {
+    var _b, _c;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick;
+    var _d = React.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__default.default.createElement(Component, tslib.__assign({ className: cn__default.default(styles$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), (_c = {}, _c[styles$2.button] = onClick, _c), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'main') }, (onClick && onMouseEvents)), children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_ofw1s","rowLimit1":"pure-cell__rowLimit1_ofw1s","rowLimit2":"pure-cell__rowLimit2_ofw1s","component":"pure-cell__component_ofw1s","vertical":"pure-cell__vertical_ofw1s","title":"pure-cell__title_ofw1s","value":"pure-cell__value_ofw1s"};
+require('./components/text/index.css');
+
+var Text = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _d = React.useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
+    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React__default.default.createElement("div", { className: styles$1.title },
+            React__default.default.createElement(coreComponentsTypography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React__default.default.createElement("div", { className: styles$1.value },
+            React__default.default.createElement(coreComponentsTypography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+};
+
+var styles = {"component":"pure-cell__component_1b1n7","horizontal":"pure-cell__horizontal_1b1n7","vertical":"pure-cell__vertical_1b1n7","button":"pure-cell__button_1b1n7","hover":"pure-cell__hover_1b1n7","active":"pure-cell__active_1b1n7","link":"pure-cell__link_1b1n7","none":"pure-cell__none_1b1n7","airy":"pure-cell__airy_1b1n7","default":"pure-cell__default_1b1n7","compact":"pure-cell__compact_1b1n7","tiny":"pure-cell__tiny_1b1n7","noneTop":"pure-cell__noneTop_1b1n7","airyTop":"pure-cell__airyTop_1b1n7","defaultTop":"pure-cell__defaultTop_1b1n7","compactTop":"pure-cell__compactTop_1b1n7","tinyTop":"pure-cell__tinyTop_1b1n7","noneBottom":"pure-cell__noneBottom_1b1n7","airyBottom":"pure-cell__airyBottom_1b1n7","defaultBottom":"pure-cell__defaultBottom_1b1n7","compactBottom":"pure-cell__compactBottom_1b1n7","tinyBottom":"pure-cell__tinyBottom_1b1n7","left":"pure-cell__left_1b1n7","right":"pure-cell__right_1b1n7","both":"pure-cell__both_1b1n7","focused":"pure-cell__focused_1b1n7"};
+require('./index.css');
+
+// 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: 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';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[styles["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
+        addClasses[styles["".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(styles.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(styles.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)));
+});
+var ExtraSubtitle = FooterText;
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+var PureCell = Object.assign(PureCellComponent, {
+    Main: Main,
+    Graphics: Graphics,
+    Content: Content,
+    Text: Text,
+    Amount: Amount,
+    AmountTitle: AmountTitle,
+    Addon: Addon,
+    Footer: Footer,
+    ExtraSubtitle: ExtraSubtitle,
+    FooterButton: FooterButton,
+    Comment: coreComponentsComment.Comment,
+    Category: Category,
+});
+PureCellComponent.displayName = 'PureCellComponent';
+
+exports.Addon = Addon;
+exports.Amount = Amount;
+exports.AmountTitle = AmountTitle;
+exports.Category = Category;
+exports.Content = Content;
+exports.ExtraSubtitle = ExtraSubtitle;
+exports.Footer = Footer;
+exports.FooterButton = FooterButton;
+exports.FooterText = FooterText;
+exports.Graphics = Graphics;
+exports.Main = Main;
+exports.PureCell = PureCell;
+exports.PureCellComponent = PureCellComponent;
+exports.PureCellContext = PureCellContext;
+exports.Text = Text;

package/pure-cell/component-fb05ccb7.d.ts

@@ -0,0 +1,140 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
+import { ButtonProps } from "../button";
+import { Comment } from "../comment";
+import { Addon } from "./components/addon/index";
+import { Amount } from "./components/amount/index";
+import { AmountTitle } from "./components/amount-title/index";
+import { Category } from "./components/category/index";
+import { Content } from "./components/content/index";
+import { Footer } from "./components/footer/index";
+import { FooterButton } from "./components/footer-button/index";
+import { FooterTextProps } from "./components/footer-text/index";
+import { Graphics } from "./components/graphics/index";
+import { Main } from "./components/main/index";
+import { Text } from "./components/text/index";
+import { PureCellElement } from "./components/types";
+type PureCellContext = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
+};
+declare const PureCellContext: React.Context<PureCellContext>;
+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;
+};
+type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+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/index").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-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
+        titleWeight?: "bold" | "regular" | undefined;
+        titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
+        value?: React.ReactNode;
+        valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        dataTestId?: string | undefined;
+    }>;
+    Amount: React.FC<{
+        weight?: "bold" | "normal" | undefined;
+        textView?: "component" | "primary-small" | undefined;
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        hidden?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
+    AmountTitle: React.FC<{
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+        titleProps?: import("../typography").TitleProps | undefined;
+        hidden?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
+    Addon: React.FC<{
+        verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
+        addonPadding?: "none" | "default" | undefined;
+        children: import("./components/types").AddonElement;
+        dataTestId?: string | undefined;
+        onClick?: (() => void) | undefined;
+    }>;
+    Footer: React.FC<{
+        children: import("./components/types").FooterElement;
+        footerPadding?: "none" | "default" | 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("../comment").CommentProps>;
+    Category: React.FC<{
+        categoryName: string;
+        categoryPercent?: number | undefined;
+        rightAddons?: React.ReactNode;
+        dataTestId?: string | undefined;
+    }>;
+};
+export { PureCellContext, PureCellProps, PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category };

package/pure-cell/component.js

@@ -4,11 +4,27 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
-require('../comment');
+var coreComponentsComment = require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-de7976f4.js');
+var components_addon_component = require('./component-cd96c87f.js');
 
 
 
+Object.defineProperty(exports, 'Comment', {
+	enumerable: true,
+	get: function () { return coreComponentsComment.Comment; }
+});
+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;

package/pure-cell/components/addon/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-de7976f4.js');
+var components_addon_component = require('../../component-cd96c87f.js');
 
 
 

package/pure-cell/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: j3l0j */
+/* hash: 1v6dg */
 :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 */
@@ -27,27 +27,27 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_pp7mh {
+} .pure-cell__component_1tw78 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_pp7mh > * {
+} .pure-cell__component_1tw78 > * {
         justify-content: flex-end;
-    } .pure-cell__component_pp7mh.pure-cell__none_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__none_1tw78 {
         padding-left: var(--gap-0);
-    } .pure-cell__component_pp7mh.pure-cell__default_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__default_1tw78 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_pp7mh.pure-cell__addonPadding_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__addonPadding_1tw78 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_pp7mh.pure-cell__auto_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__auto_1tw78 {
         align-self: auto;
-    } .pure-cell__component_pp7mh.pure-cell__top_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__top_1tw78 {
         align-self: flex-start;
-    } .pure-cell__component_pp7mh.pure-cell__center_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__center_1tw78 {
         align-self: center;
-    } .pure-cell__component_pp7mh.pure-cell__bottom_pp7mh {
+    } .pure-cell__component_1tw78.pure-cell__bottom_1tw78 {
         align-self: flex-end;
-    } .pure-cell__button_pp7mh {
+    } .pure-cell__button_1tw78 {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -65,8 +65,8 @@
     cursor: pointer;
     padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out
-} .pure-cell__button_pp7mh:hover {
+} .pure-cell__button_1tw78:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
-    } .pure-cell__button_pp7mh:active {
+    } .pure-cell__button_1tw78:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-de7976f4";
+export * from "../../component-cd96c87f";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-de7976f4.js');
+var components_addon_component = require('../../component-cd96c87f.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-de7976f4.js');
+var components_addon_component = require('../../component-cd96c87f.js');