@alfalab/core-components-pure-cell 4.5.1 → 4.6.0

package/esm/component-7bedc2d7.js

@@ -0,0 +1,180 @@
+import { __rest, __assign } from 'tslib';
+import React, { useContext, forwardRef, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Comment } from '@alfalab/core-components-comment/esm';
+import { useFocus } from '@alfalab/hooks';
+import { getDataTestId } from '@alfalab/core-components-shared/esm';
+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_11qo8","none":"pure-cell__none_11qo8","default":"pure-cell__default_11qo8","addonPadding":"pure-cell__addonPadding_11qo8","auto":"pure-cell__auto_11qo8","top":"pure-cell__top_11qo8","center":"pure-cell__center_11qo8","bottom":"pure-cell__bottom_11qo8"};
+require('./components/addon/index.css')
+
+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 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 styles$9 = {"component":"pure-cell__component_tkfh7"};
+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, dataTestId = _a.dataTestId, restProps = __rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$9.component), color: color },
+        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_9j08u","weight":"pure-cell__weight_9j08u"};
+require('./components/amount-title/index.css')
+
+var AmountTitle = function (_a) {
+    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titleProps = _d === void 0 ? {} : _d, restProps = __rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = useContext(PureCellContext);
+    var titleDefaultProps = __assign({ tag: 'h4', view: 'small', color: color }, titleProps);
+    return (React.createElement(Typography.Title, __assign({}, titleDefaultProps, { dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titleProps.className) }),
+        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_g9byr","categoryName":"pure-cell__categoryName_g9byr","categoryPercent":"pure-cell__categoryPercent_g9byr","rightAddon":"pure-cell__rightAddon_g9byr"};
+require('./components/category/index.css')
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement("div", { className: styles$7.component, "data-test-id": 'cell-pure-category' },
+        React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        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_3m4d1","horizontal":"pure-cell__horizontal_3m4d1"};
+require('./components/content/index.css')
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var _c = useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    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_q31rg","none":"pure-cell__none_q31rg","default":"pure-cell__default_q31rg"};
+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 = useContext(PureCellContext);
+    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_i0599"};
+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 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 FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = useContext(PureCellContext);
+    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_1s05n","top":"pure-cell__top_1s05n","center":"pure-cell__center_1s05n","bottom":"pure-cell__bottom_1s05n"};
+require('./components/graphics/index.css')
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
+    var pureCellContext = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+var styles$2 = {"component":"pure-cell__component_2wu4y","vertical":"pure-cell__vertical_2wu4y","reverse":"pure-cell__reverse_2wu4y"};
+require('./components/main/index.css')
+
+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 = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_10ste","rowLimit1":"pure-cell__rowLimit1_10ste","rowLimit2":"pure-cell__rowLimit2_10ste","component":"pure-cell__component_10ste","vertical":"pure-cell__vertical_10ste","title":"pure-cell__title_10ste","value":"pure-cell__value_10ste"};
+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 = useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
+    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React.createElement("div", { className: styles$1.title },
+            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React.createElement("div", { className: styles$1.value },
+            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_1q7ju","horizontal":"pure-cell__horizontal_1q7ju","vertical":"pure-cell__vertical_1q7ju","button":"pure-cell__button_1q7ju","link":"pure-cell__link_1q7ju","none":"pure-cell__none_1q7ju","airy":"pure-cell__airy_1q7ju","defaultPadding":"pure-cell__defaultPadding_1q7ju","compact":"pure-cell__compact_1q7ju","tiny":"pure-cell__tiny_1q7ju","left":"pure-cell__left_1q7ju","right":"pure-cell__right_1q7ju","both":"pure-cell__both_1q7ju","focused":"pure-cell__focused_1q7ju"};
+require('./index.css')
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React.createContext({});
+var PureCellComponent = 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 = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = useRef(null);
+    var focused = useFocus(cellRef, 'keyboard')[0];
+    var addClasses = (_b = {},
+        _b[styles.component] = true,
+        _b[styles.focused] = focused,
+        _b[styles[direction]] = true,
+        _b[styles.defaultPadding] = verticalPadding === 'default',
+        _b[styles[verticalPadding]] = verticalPadding !== 'default',
+        _b[styles[horizontalPadding]] = true,
+        _b);
+    if (href) {
+        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)));
+    }
+    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: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
+        React.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](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: FooterText,
+    FooterButton: FooterButton,
+    Comment: Comment,
+    Category: Category,
+});
+
+export { Addon as A, Category as C, Footer as F, Graphics as G, Main as M, PureCell as P, Text as T, Amount as a, AmountTitle as b, Content as c, FooterButton as d, FooterText as e, PureCellContext as f };

package/{component-5a229016.d.ts → esm/component-fd7196d2.d.ts}

@@ -6,6 +6,7 @@ import { PureCellElement } from "./components/types";
 type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
 };
 declare const PureCellContext: React.Context<PureCellContext>;
 type PureCellProps = {

package/esm/component.js

@@ -4,16 +4,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
-import './components/addon/component.js';
-import './components/amount/component.js';
-import './components/amount-title/component.js';
-import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-674e9ea3.js';
-import './components/footer/component.js';
-import './components/footer-button/component.js';
-import './components/footer-text/component.js';
-import './components/graphics/component.js';
-import '@alfalab/core-components-shared/esm';
-import '@alfalab/core-components-amount/esm';
-import '@alfalab/core-components-typography/esm';
-import '@alfalab/core-components-button/esm';
+export { P as PureCell, f as PureCellContext } from './component-7bedc2d7.js';

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

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

package/esm/components/addon/component.js

@@ -1,13 +1,4 @@
-import React from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-
-var styles = {"component":"pure-cell__component_1xuz7","none":"pure-cell__none_1xuz7","default":"pure-cell__default_1xuz7","addonPadding":"pure-cell__addonPadding_1xuz7","auto":"pure-cell__auto_1xuz7","top":"pure-cell__top_1xuz7","center":"pure-cell__center_1xuz7","bottom":"pure-cell__bottom_1xuz7"};
-require('./index.css')
-
-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;
-    return (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));
-};
-
-export { Addon };
+import 'react';
+import 'classnames';
+import '@alfalab/core-components-shared/esm';
+export { A as Addon } from '../../component-7bedc2d7.js';

package/esm/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1c3rm */
+/* hash: johjy */
 :root {
 } /* 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,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_1xuz7 {
+} .pure-cell__component_11qo8 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_1xuz7 > * {
+} .pure-cell__component_11qo8 > * {
         justify-content: flex-end;
-    } .pure-cell__component_1xuz7.pure-cell__none_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__none_11qo8 {
         padding-left: 0;
-    } .pure-cell__component_1xuz7.pure-cell__default_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__default_11qo8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1xuz7.pure-cell__addonPadding_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__addonPadding_11qo8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1xuz7.pure-cell__auto_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__auto_11qo8 {
         align-self: auto;
-    } .pure-cell__component_1xuz7.pure-cell__top_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__top_11qo8 {
         align-self: flex-start;
-    } .pure-cell__component_1xuz7.pure-cell__center_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__center_11qo8 {
         align-self: center;
-    } .pure-cell__component_1xuz7.pure-cell__bottom_1xuz7 {
+    } .pure-cell__component_11qo8.pure-cell__bottom_11qo8 {
         align-self: flex-end;
     }

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-7bedc2d7";

package/esm/components/addon/index.js

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

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

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

package/esm/components/amount/component.js

@@ -1,17 +1,7 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { Typography } from '@alfalab/core-components-typography/esm';
-
-var styles = {"component":"pure-cell__component_ksfhx"};
-require('./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, dataTestId = _a.dataTestId, restProps = __rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
-    return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },
-        React.createElement(Amount$1, __assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId, 'amount') }, restProps))));
-};
-
-export { Amount };
+import 'tslib';
+import 'react';
+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-7bedc2d7.js';

package/esm/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rxwq */
+/* hash: ohq2d */
 :root {
 } /* 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_ksfhx {
+} .pure-cell__component_tkfh7 {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-7bedc2d7";

package/esm/components/amount/index.js

@@ -1,7 +1 @@
-export { Amount } from './component.js';
-import 'tslib';
-import 'react';
-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-7bedc2d7.js';

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { Color, TitleProps } from "@alfalab/core-components-typography";
-import { AmountProps as AmountType } from "../typesProps";
-type Props = {
-    /**
-     * Цвет денежного значения
-     * @deprecated Используйте titleProps.color
-     */
-    color?: Color;
-    /**
-     * Пропсы, которые будут прокинуты в компонент типографики
-     */
-    titleProps?: TitleProps;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
-     */
-    dataTestId?: string;
-} & Omit<AmountType, 'dataTestId'>;
-declare const AmountTitle: React.FC<Props>;
-export { AmountTitle };

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

@@ -1,18 +1,7 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { Amount } from '@alfalab/core-components-amount/esm';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { Typography } from '@alfalab/core-components-typography/esm';
-
-var styles = {"component":"pure-cell__component_1s8za","weight":"pure-cell__weight_1s8za"};
-require('./index.css')
-
-var AmountTitle = function (_a) {
-    var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titleProps = _d === void 0 ? {} : _d, restProps = __rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
-    var titleDefaultProps = __assign({ tag: 'h4', view: 'small', color: color }, titleProps);
-    return (React.createElement(Typography.Title, __assign({}, titleDefaultProps, { dataTestId: getDataTestId(dataTestId, 'amount-title'), className: cn(styles.component, titleProps.className) }),
-        React.createElement(Amount, __assign({ minority: minority || minorUnits, className: cn(styles.weight, className), dataTestId: getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
-};
-
-export { AmountTitle };
+import 'tslib';
+import 'react';
+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-7bedc2d7.js';

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

@@ -1,4 +1,4 @@
-/* hash: 187sh */
+/* hash: 4rltj */
 :root {
 } /* 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_1s8za {
+} .pure-cell__component_9j08u {
     display: flex;
-} .pure-cell__weight_1s8za {
+} .pure-cell__weight_9j08u {
     font-weight: inherit;
 }

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-7bedc2d7";

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

@@ -1,7 +1 @@
-export { AmountTitle } from './component.js';
-import 'tslib';
-import 'react';
-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-7bedc2d7.js';

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type Props = {
-    /**
-     * Наименование категории
-     */
-    categoryName: string;
-    /**
-     * Процент категории
-     */
-    categoryPercent?: number;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для наименования категории используется модификатор -category-name,
-     * процент категории -category-percent, слота справа -category-right-addon
-     */
-    dataTestId?: string;
-};
-declare const Category: React.FC<Props>;
-export { Category };

package/esm/components/category/component.js

@@ -1,18 +1,4 @@
-import React from 'react';
-import { getDataTestId } from '@alfalab/core-components-shared/esm';
-import { Typography } from '@alfalab/core-components-typography/esm';
-
-var styles = {"component":"pure-cell__component_ipucn","categoryName":"pure-cell__categoryName_ipucn","categoryPercent":"pure-cell__categoryPercent_ipucn","rightAddon":"pure-cell__rightAddon_ipucn"};
-require('./index.css')
-
-var Category = function (_a) {
-    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },
-        React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId, 'category-name'), className: styles.categoryName }, categoryName),
-        categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.categoryPercent, dataTestId: getDataTestId(dataTestId, 'category-percent') },
-            categoryPercent,
-            "%")),
-        rightAddons !== undefined && (React.createElement("div", { className: styles.rightAddon, "data-test-id": getDataTestId(dataTestId, 'category-right-addon') }, rightAddons))));
-};
-
-export { Category };
+import 'react';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/core-components-typography/esm';
+export { C as Category } from '../../component-7bedc2d7.js';

package/esm/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: om8l5 */
+/* hash: 1k75z */
 :root {
 } /* 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_ipucn {
+} .pure-cell__component_g9byr {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_ipucn {
+} .pure-cell__categoryName_g9byr {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_ipucn {
+} .pure-cell__categoryPercent_g9byr {
     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_ipucn {
+} .pure-cell__rightAddon_g9byr {
     margin-left: var(--gap-2xs);
 }

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-7bedc2d7";

package/esm/components/category/index.js

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

package/esm/components/content/component.js

@@ -1,19 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
-export { C as Content } from '../../component-674e9ea3.js';
-import 'tslib';
-import 'react-merge-refs';
-import '@alfalab/core-components-comment/esm';
-import '@alfalab/hooks';
-import '../addon/component.js';
-import '../amount/component.js';
-import '@alfalab/core-components-amount/esm';
-import '@alfalab/core-components-typography/esm';
-import '../amount-title/component.js';
-import '../category/component.js';
-import '../footer/component.js';
-import '../footer-button/component.js';
-import '@alfalab/core-components-button/esm';
-import '../footer-text/component.js';
-import '../graphics/component.js';
+export { c as Content } from '../../component-7bedc2d7.js';

package/esm/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 18mnn */
+/* hash: m8yot */
 :root {
 } /* 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_1vp77 {
+} .pure-cell__component_3m4d1 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-} .pure-cell__component_1vp77.pure-cell__horizontal_1vp77 {
+} .pure-cell__component_3m4d1.pure-cell__horizontal_3m4d1 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-674e9ea3";
+export * from "../../component-7bedc2d7";