@alfalab/core-components-pure-cell 1.1.0

package/CHANGELOG.md

@@ -0,0 +1,22 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.1.0 (2022-06-28)
+
+
+### Bug Fixes
+
+* **pure-cell:** fix stories ([#113](https://github.com/core-ds/core-components/issues/113)) ([01f6138](https://github.com/core-ds/core-components/commit/01f6138615b1b7268510e012c314650c084c9ef0))
+
+
+### Features
+
+* **pure cell:** new component ([#10](https://github.com/core-ds/core-components/issues/10)) ([4e95c57](https://github.com/core-ds/core-components/commit/4e95c573aaa6f99197292ea4bae12cbbcc3207c9))
+
+
+
+
+
+# Change Log

package/dist/component-6a05fa6a.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/component-6a05fa6a.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+var getDataTestId = require('./getDataTestId-00d7409e.js');
+var coreComponentsButton = require('@alfalab/core-components-button');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/*! *****************************************************************************
+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.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__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 exports.__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__default['default'].createElement(coreComponentsButton.Button, exports.__assign({}, props, { size: 'xxs', dataTestId: getDataTestId.getDataTestId(dataTestId, 'button'), className: styles.component }), children));
+};
+
+exports.FooterButton = FooterButton;
+exports.__rest = __rest;

package/dist/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/component-f199efcf.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/component-f199efcf.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var components_footerButton_component = require('./component-6a05fa6a.js');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var getDataTestId = require('./getDataTestId-00d7409e.js');
+var components_addon_component = require('./components/addon/component.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+var components_amount_component = require('./components/amount/component.js');
+var components_amountTitle_component = require('./components/amount-title/component.js');
+var components_category_component = require('./components/category/component.js');
+var components_comment_component = require('./components/comment/component.js');
+var components_footer_component = require('./components/footer/component.js');
+var components_footerText_component = require('./components/footer-text/component.js');
+var components_graphics_component = require('./components/graphics/component.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+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 = React.useContext(PureCellContext).direction;
+    return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.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 = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
+    return (React__default['default'].createElement("main", { className: cn__default['default'](styles$1.component, styles$1[direction], (_b = {},
+            _b[styles$1.reverse] = isReverse,
+            _b)), "data-test-id": getDataTestId.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 = React.useContext(PureCellContext).direction, direction = _f === void 0 ? 'horizontal' : _f;
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles$2.component, (_b = {},
+            _b[styles$2.vertical] = direction !== 'horizontal',
+            _b)) },
+        React__default['default'].createElement("span", { className: cn__default['default'](styles$2.title) },
+            React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: cn__default['default'](rowLimit && styles$2["rowLimit" + rowLimit], (_c = {},
+                    _c[styles$2.rowLimit1] = !isMultiline,
+                    _c)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)),
+        React__default['default'].createElement("span", null,
+            React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: cn__default['default']((_d = {},
+                    _d[styles$2["rowLimit" + rowLimit]] = rowLimit,
+                    _d[styles$2.multiline] = isMultiline,
+                    _d)), "data-test-id": getDataTestId.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__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 ? 'default' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = components_footerButton_component.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = React.useRef(null);
+    var focused = hooks.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__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.link, addClasses, className, styles$3[horizontalPadding], styles$3[verticalPadding]), "data-test-id": dataTestId }),
+            React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    if (onClick) {
+        return (React__default['default'].createElement(Component, components_footerButton_component.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.button, addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId, onClick: onClick }),
+            React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    return (React__default['default'].createElement(Component, { ref: ref, tabIndex: 0, className: cn__default['default'](addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId },
+        React__default['default'].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: components_graphics_component.Graphics,
+    Content: Content,
+    Text: Text,
+    Amount: components_amount_component.Amount,
+    AmountTitle: components_amountTitle_component.AmountTitle,
+    Addon: components_addon_component.Addon,
+    Footer: components_footer_component.Footer,
+    ExtraSubtitle: components_footerText_component.FooterText,
+    FooterButton: components_footerButton_component.FooterButton,
+    Comment: components_comment_component.Comment,
+    Category: components_category_component.Category,
+});
+
+exports.Content = Content;
+exports.Main = Main;
+exports.PureCell = PureCell;
+exports.PureCellContext = PureCellContext;
+exports.Text = Text;

package/dist/component.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./component-6a05fa6a.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('./getDataTestId-00d7409e.js');
+require('./components/addon/component.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+require('./components/amount/component.js');
+require('./components/amount-title/component.js');
+require('./components/category/component.js');
+require('./components/comment/component.js');
+var components_content_component = require('./component-f199efcf.js');
+require('./components/footer/component.js');
+require('@alfalab/core-components-button');
+require('./components/footer-text/component.js');
+require('./components/graphics/component.js');
+
+
+
+exports.PureCell = components_content_component.PureCell;
+exports.PureCellContext = components_content_component.PureCellContext;

package/dist/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/components/addon/component.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+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__default['default'].createElement("section", { className: cn__default['default'](styles.component, styles[addonPadding], (_b = {},
+            _b[styles.center] = verticalAlign,
+            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+};
+
+exports.Addon = Addon;

package/dist/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/components/addon/index.d.ts

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

package/dist/components/addon/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-00d7409e.js');
+var components_addon_component = require('./component.js');
+
+
+
+exports.Addon = components_addon_component.Addon;

package/dist/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/components/amount/component.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+var coreComponentsAmount = require('@alfalab/core-components-amount');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+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__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default['default'](styles.component), color: color },
+        React__default['default'].createElement(coreComponentsAmount.Amount, { minority: minority === undefined ? minorUnits : minority, value: value, transparentMinor: transparentMinor, bold: weight === 'bold' ? 'full' : 'none', rightAddons: rightAddons, showPlus: showPlus, className: className, currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount'), view: viewAmount })));
+};
+
+exports.Amount = Amount;

package/dist/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/components/amount/index.d.ts

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

package/dist/components/amount/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+var components_amount_component = require('./component.js');
+
+
+
+exports.Amount = components_amount_component.Amount;

package/dist/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 };