@alfalab/core-components-pure-cell 1.1.0

package/dist/esm/component-0a200d52.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import React from "react";
+import { MainElement, ContentElement } from "./components/types";
+import { Color } from "@alfalab/core-components-typography";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: MainElement;
+    /**
+     * Позволяет изменить расположение блоков внутри main
+     */
+    isReverse?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$0>;
+type Props$1 = {
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Многострочный ли компонент
+     */
+    isMultiline?: boolean;
+    /**
+     * Размер текста
+     */
+    view: 'primary-small' | 'component';
+    /**
+     * Цвет title
+     */
+    titleColor: Color;
+    /**
+     * Value ячейки
+     */
+    value?: string;
+    /**
+     * Цвет value
+     */
+    valueColor?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Text: React.FC<Props$1>;
+export { Main, Content, Text };

package/dist/esm/component-0a200d52.js

@@ -0,0 +1,108 @@
+import { _ as __rest, a as __assign, F as FooterButton } from './component-7afaa00b.js';
+import React, { useContext, forwardRef, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { useFocus } from '@alfalab/hooks';
+import { g as getDataTestId } from './getDataTestId-babf3783.js';
+import { Addon } from './components/addon/component.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+import { Amount } from './components/amount/component.js';
+import { AmountTitle } from './components/amount-title/component.js';
+import { Category } from './components/category/component.js';
+import { Comment } from './components/comment/component.js';
+import { Footer } from './components/footer/component.js';
+import { FooterText } from './components/footer-text/component.js';
+import { Graphics } from './components/graphics/component.js';
+
+var styles = {"component":"pure-cell__component_1vkg3","horizontal":"pure-cell__horizontal_1vkg3"};
+require('./components/content/index.css')
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var direction = useContext(PureCellContext).direction;
+    return (React.createElement("section", { className: cn(styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+};
+
+var styles$1 = {"component":"pure-cell__component_raiu9","vertical":"pure-cell__vertical_raiu9","reverse":"pure-cell__reverse_raiu9"};
+require('./components/main/index.css')
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
+    var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
+    return (React.createElement("main", { className: cn(styles$1.component, styles$1[direction], (_b = {},
+            _b[styles$1.reverse] = isReverse,
+            _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
+};
+
+var styles$2 = {"horizontal":"pure-cell__horizontal_ndofp","rowLimit1":"pure-cell__rowLimit1_ndofp","rowLimit2":"pure-cell__rowLimit2_ndofp","component":"pure-cell__component_ndofp","multiline":"pure-cell__multiline_ndofp","vertical":"pure-cell__vertical_ndofp","title":"pure-cell__title_ndofp"};
+require('./components/text/index.css')
+
+var Text = function (_a) {
+    var _b, _c, _d;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, isMultiline = _a.isMultiline, _e = _a.view, view = _e === void 0 ? 'component' : _e, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _f = useContext(PureCellContext).direction, direction = _f === void 0 ? 'horizontal' : _f;
+    return (React.createElement("div", { className: cn(styles$2.component, (_b = {},
+            _b[styles$2.vertical] = direction !== 'horizontal',
+            _b)) },
+        React.createElement("span", { className: cn(styles$2.title) },
+            React.createElement(Typography.Text, { view: view, color: titleColor, className: cn(rowLimit && styles$2["rowLimit" + rowLimit], (_c = {},
+                    _c[styles$2.rowLimit1] = !isMultiline,
+                    _c)), "data-test-id": getDataTestId(dataTestId, 'text') }, children)),
+        React.createElement("span", null,
+            React.createElement(Typography.Text, { view: view, color: valueColor, className: cn((_d = {},
+                    _d[styles$2["rowLimit" + rowLimit]] = rowLimit,
+                    _d[styles$2.multiline] = isMultiline,
+                    _d)), "data-test-id": getDataTestId(dataTestId, 'text') }, value))));
+};
+
+var styles$3 = {"component":"pure-cell__component_7do4h","horizontal":"pure-cell__horizontal_7do4h","vertical":"pure-cell__vertical_7do4h","button":"pure-cell__button_7do4h","link":"pure-cell__link_7do4h","none":"pure-cell__none_7do4h","airy":"pure-cell__airy_7do4h","default":"pure-cell__default_7do4h","compact":"pure-cell__compact_7do4h","tiny":"pure-cell__tiny_7do4h","left":"pure-cell__left_7do4h","right":"pure-cell__right_7do4h","both":"pure-cell__both_7do4h","focused":"pure-cell__focused_7do4h"};
+require('./index.css')
+
+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 ? 'default' : _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$3.component] = true,
+        _b[styles$3.focused] = focused,
+        _b[styles$3[direction]] = 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$3.link, addClasses, className, styles$3[horizontalPadding], styles$3[verticalPadding]), "data-test-id": dataTestId }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId },
+        React.createElement(PureCellContext.Provider, { value: { direction: direction } }, 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 { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/dist/esm/component-7afaa00b.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "@alfalab/core-components-button";
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __await(v: any): any;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
+declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+declare const FooterButton: React.FC<ButtonProps>;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, FooterButton };

package/dist/esm/component-7afaa00b.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { g as getDataTestId } from './getDataTestId-babf3783.js';
+import { Button } from '@alfalab/core-components-button/dist/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"pure-cell__component_8ssjt"};
+require('./components/footer-button/index.css')
+
+var FooterButton = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId, props = __rest(_a, ["children", "dataTestId"]);
+    return (React.createElement(Button, __assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component }), children));
+};
+
+export { FooterButton as F, __rest as _, __assign as a };

package/dist/esm/component-7b7f28f3.d.ts

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

package/dist/esm/component.js

@@ -0,0 +1,18 @@
+import './component-7afaa00b.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import './getDataTestId-babf3783.js';
+import './components/addon/component.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+import './components/amount/component.js';
+import './components/amount-title/component.js';
+import './components/category/component.js';
+import './components/comment/component.js';
+export { P as PureCell, a as PureCellContext } from './component-0a200d52.js';
+import './components/footer/component.js';
+import '@alfalab/core-components-button/dist/esm';
+import './components/footer-text/component.js';
+import './components/graphics/component.js';

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

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

package/dist/esm/components/addon/component.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+
+var styles = {"component":"pure-cell__component_1tjhn","none":"pure-cell__none_1tjhn","default":"pure-cell__default_1tjhn","center":"pure-cell__center_1tjhn"};
+require('./index.css')
+
+var Addon = function (_a) {
+    var _b;
+    var children = _a.children, verticalAlign = _a.verticalAlign, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
+    return (React.createElement("section", { className: cn(styles.component, styles[addonPadding], (_b = {},
+            _b[styles.center] = verticalAlign,
+            _b)), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));
+};
+
+export { Addon };

package/dist/esm/components/addon/index.css

@@ -0,0 +1,28 @@
+/* hash: 10dx6 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.pure-cell__component_1tjhn {
+    grid-column: 2/3;
+    padding-left: var(--gap-m)
+}
+.pure-cell__component_1tjhn > * {
+        justify-content: flex-end;
+    }
+.pure-cell__component_1tjhn.pure-cell__none_1tjhn {
+        padding-left: 0;
+    }
+.pure-cell__component_1tjhn.pure-cell__default_1tjhn {
+        padding-left: var(--gap-m);
+    }
+.pure-cell__component_1tjhn.pure-cell__center_1tjhn {
+        align-self: center;
+    }

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

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/addon/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-babf3783.js';
+export { Addon } from './component.js';

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

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

package/dist/esm/components/amount/component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+import { Amount as Amount$1 } from '@alfalab/core-components-amount/dist/esm';
+
+var styles = {"component":"pure-cell__component_1plik"};
+require('./index.css')
+
+var Amount = function (_a) {
+    var amount = _a.amount, _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.view, view = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, dataTestId = _a.dataTestId;
+    var value = amount.value, currency = amount.currency, minority = amount.minority, minorUnits = amount.minorUnits, rightAddons = amount.rightAddons, showPlus = amount.showPlus, className = amount.className, transparentMinor = amount.transparentMinor, viewAmount = amount.view;
+    return (React.createElement(Typography.Text, { view: view, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },
+        React.createElement(Amount$1, { minority: minority === undefined ? minorUnits : minority, value: value, transparentMinor: transparentMinor, bold: weight === 'bold' ? 'full' : 'none', rightAddons: rightAddons, showPlus: showPlus, className: className, currency: currency, dataTestId: getDataTestId(dataTestId, 'amount'), view: viewAmount })));
+};
+
+export { Amount };

package/dist/esm/components/amount/index.css

@@ -0,0 +1,16 @@
+/* hash: k07ei */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+}
+.pure-cell__component_1plik {
+    padding: var(--gap-3xs) 0;
+    display: flex;
+}

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

@@ -0,0 +1 @@
+export * from "./component";

package/dist/esm/components/amount/index.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+export { Amount } from './component.js';

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+import { Amount } from '@alfalab/core-components-amount/dist/esm';
+
+var styles = {"component":"pure-cell__component_7pgdc","weight":"pure-cell__weight_7pgdc"};
+require('./index.css')
+
+var AmountTitle = function (_a) {
+    var amount = _a.amount, _b = _a.color, color = _b === void 0 ? 'primary' : _b, dataTestId = _a.dataTestId;
+    var value = amount.value, currency = amount.currency, minority = amount.minority, minorUnits = amount.minorUnits, rightAddons = amount.rightAddons, showPlus = amount.showPlus, className = amount.className;
+    return (React.createElement(Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
+        React.createElement(Amount, { minority: minority === undefined ? minorUnits : minority, value: value, rightAddons: rightAddons, showPlus: showPlus, className: cn(styles.weight, className), currency: currency, dataTestId: getDataTestId(dataTestId, 'core-amount-title'), view: 'withZeroMinorPart' })));
+};
+
+export { AmountTitle };

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

@@ -0,0 +1,15 @@
+/* hash: h4dqq */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_7pgdc {
+    display: flex;
+}
+.pure-cell__weight_7pgdc {
+    font-weight: inherit;
+}

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

@@ -0,0 +1 @@
+export * from "./component";

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

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-babf3783.js';
+import '@alfalab/core-components-typography/dist/esm';
+import '@alfalab/core-components-amount/dist/esm';
+export { AmountTitle } from './component.js';

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

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

package/dist/esm/components/category/component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-babf3783.js';
+import { Typography } from '@alfalab/core-components-typography/dist/esm';
+
+var styles = {"component":"pure-cell__component_182xj","categoryName":"pure-cell__categoryName_182xj","categoryPercent":"pure-cell__categoryPercent_182xj"};
+require('./index.css')
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, 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,
+            "%"))));
+};
+
+export { Category };