@alfalab/core-components-pure-cell 4.5.2 → 4.6.1

package/cssm/component-4445c77d.js

@@ -0,0 +1,189 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('@alfalab/core-components-comment/cssm');
+var hooks = require('@alfalab/hooks');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+var coreComponentsAmount = require('@alfalab/core-components-amount/cssm');
+var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
+var styles$1 = require('./components/amount/index.module.css');
+var styles$2 = require('./components/amount-title/index.module.css');
+var styles$3 = require('./components/category/index.module.css');
+var styles$4 = require('./components/content/index.module.css');
+var styles$5 = require('./components/footer/index.module.css');
+var coreComponentsButton = require('@alfalab/core-components-button/cssm');
+var styles$6 = require('./components/footer-button/index.module.css');
+var styles$7 = require('./components/graphics/index.module.css');
+var styles$8 = require('./components/main/index.module.css');
+var styles$9 = require('./components/text/index.module.css');
+var styles$a = require('./index.module.css');
+var styles = require('./components/addon/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default$1 = /*#__PURE__*/_interopDefaultCompat(styles$1);
+var styles__default$2 = /*#__PURE__*/_interopDefaultCompat(styles$2);
+var styles__default$3 = /*#__PURE__*/_interopDefaultCompat(styles$3);
+var styles__default$4 = /*#__PURE__*/_interopDefaultCompat(styles$4);
+var styles__default$5 = /*#__PURE__*/_interopDefaultCompat(styles$5);
+var styles__default$6 = /*#__PURE__*/_interopDefaultCompat(styles$6);
+var styles__default$7 = /*#__PURE__*/_interopDefaultCompat(styles$7);
+var styles__default$8 = /*#__PURE__*/_interopDefaultCompat(styles$8);
+var styles__default$9 = /*#__PURE__*/_interopDefaultCompat(styles$9);
+var styles__default$a = /*#__PURE__*/_interopDefaultCompat(styles$a);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+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 = React.useContext(PureCellContext);
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default.default.component, styles__default.default[addonPadding], styles__default.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+};
+
+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 = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles__default$1.default.component), color: color },
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
+};
+
+var 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 = tslib.__rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    var titleDefaultProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titleProps);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Title, tslib.__assign({}, titleDefaultProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles__default$2.default.component, titleProps.className) }),
+        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles__default$2.default.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
+};
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("div", { className: styles__default$3.default.component, "data-test-id": 'cell-pure-category' },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default$3.default.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default$3.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles__default$3.default.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$4.default.component, (_b = {}, _b[styles__default$4.default.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+var Footer = function (_a) {
+    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("footer", { className: cn__default.default(styles__default$5.default.component, styles__default$5.default[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+var FooterButton = React.forwardRef(function (_a, ref) {
+    var children = _a.children, dataTestId = _a.dataTestId, props = tslib.__rest(_a, ["children", "dataTestId"]);
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles__default$6.default.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 = React.useContext(PureCellContext);
+    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+};
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
+    var pureCellContext = React.useContext(PureCellContext);
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$7.default.component, styles__default$7.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext), _d = _c.direction, direction = _d === void 0 ? 'horizontal' : _d, contextDataTestId = _c.dataTestId;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$8.default.component, styles__default$8.default[direction], (_b = {},
+            _b[styles__default$8.default.reverse] = isReverse,
+            _b), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+var Text = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _d = React.useContext(PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var className = rowLimit && styles__default$9.default["rowLimit".concat(rowLimit)];
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default$9.default.component, (_b = {},
+            _b[styles__default$9.default.vertical] = direction !== 'horizontal',
+            _b)) },
+        React__default.default.createElement("div", { className: styles__default$9.default.title },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React__default.default.createElement("div", { className: styles__default$9.default.value },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+};
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React__default.default.createContext({});
+var PureCellComponent = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = React.useRef(null);
+    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
+    var addClasses = (_b = {},
+        _b[styles__default$a.default.component] = true,
+        _b[styles__default$a.default.focused] = focused,
+        _b[styles__default$a.default[direction]] = true,
+        _b[styles__default$a.default.defaultPadding] = verticalPadding === 'default',
+        _b[styles__default$a.default[verticalPadding]] = verticalPadding !== 'default',
+        _b[styles__default$a.default[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__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    if (onClick) {
+        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles__default$a.default.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction, dataTestId: dataTestId } }, children)));
+    }
+    return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId }),
+        React__default.default.createElement(PureCellContext.Provider, { value: { 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: coreComponentsComment.Comment,
+    Category: Category,
+});
+
+exports.Addon = Addon;
+exports.Amount = Amount;
+exports.AmountTitle = AmountTitle;
+exports.Category = Category;
+exports.Content = Content;
+exports.Footer = Footer;
+exports.FooterButton = FooterButton;
+exports.FooterText = FooterText;
+exports.Graphics = Graphics;
+exports.Main = Main;
+exports.PureCell = PureCell;
+exports.PureCellContext = PureCellContext;
+exports.Text = Text;

package/{modern/component-5a229016.d.ts → cssm/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/cssm/component.js

@@ -8,32 +8,10 @@ require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment/cssm');
 require('@alfalab/hooks');
-require('./components/addon/component.js');
-require('./components/amount/component.js');
-require('./components/amount-title/component.js');
-require('./components/category/component.js');
-var components_content_component = require('./component-3ca297e4.js');
-require('./components/footer/component.js');
-require('./components/footer-button/component.js');
-require('./components/footer-text/component.js');
-require('./components/graphics/component.js');
+var components_addon_component = require('./component-4445c77d.js');
 require('./index.module.css');
-require('@alfalab/core-components-shared/cssm');
-require('./components/addon/index.module.css');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./components/amount/index.module.css');
-require('./components/amount-title/index.module.css');
-require('./components/category/index.module.css');
-require('./components/main/index.module.css');
-require('./components/text/index.module.css');
-require('./components/content/index.module.css');
-require('./components/footer/index.module.css');
-require('@alfalab/core-components-button/cssm');
-require('./components/footer-button/index.module.css');
-require('./components/graphics/index.module.css');
 
 
 
-exports.PureCell = components_content_component.PureCell;
-exports.PureCellContext = components_content_component.PureCellContext;
+exports.PureCell = components_addon_component.PureCell;
+exports.PureCellContext = components_addon_component.PureCellContext;

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

@@ -2,20 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var styles = require('./index.module.css');
+require('react');
+require('classnames');
+require('@alfalab/core-components-shared/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
+require('./index.module.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-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__default.default.createElement("section", { className: cn__default.default(styles__default.default.component, styles__default.default[addonPadding], styles__default.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'addon') }, children));
-};
-
-exports.Addon = Addon;
+exports.Addon = components_addon_component.Addon;

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-4445c77d";

package/cssm/components/addon/index.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-shared/cssm');
-require('./index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 

package/cssm/components/addon/index.module.css

@@ -1,4 +1,4 @@
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

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

@@ -2,24 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsAmount = require('@alfalab/core-components-amount/cssm');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
-var styles = require('./index.module.css');
+require('tslib');
+require('react');
+require('classnames');
+require('@alfalab/core-components-amount/cssm');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/core-components-typography/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
+require('./index.module.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-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 = tslib.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount-text'), className: cn__default.default(styles__default.default.component), color: color },
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount') }, restProps))));
-};
-
-exports.Amount = Amount;
+exports.Amount = components_addon_component.Amount;

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-4445c77d";

package/cssm/components/amount/index.js

@@ -2,15 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_amount_component = require('./component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.Amount = components_amount_component.Amount;
+exports.Amount = components_addon_component.Amount;

package/cssm/components/amount/index.module.css

@@ -1,4 +1,4 @@
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

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

@@ -2,25 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsAmount = require('@alfalab/core-components-amount/cssm');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
-var styles = require('./index.module.css');
+require('tslib');
+require('react');
+require('classnames');
+require('@alfalab/core-components-amount/cssm');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/core-components-typography/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
+require('./index.module.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-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 = tslib.__rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
-    var titleDefaultProps = tslib.__assign({ tag: 'h4', view: 'small', color: color }, titleProps);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Title, tslib.__assign({}, titleDefaultProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'amount-title'), className: cn__default.default(styles__default.default.component, titleProps.className) }),
-        React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles__default.default.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
-};
-
-exports.AmountTitle = AmountTitle;
+exports.AmountTitle = components_addon_component.AmountTitle;

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-4445c77d";

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

@@ -2,15 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_amountTitle_component = require('./component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('@alfalab/core-components-amount/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.AmountTitle = components_amountTitle_component.AmountTitle;
+exports.AmountTitle = components_addon_component.AmountTitle;

package/cssm/components/amount-title/index.module.css

@@ -1,4 +1,4 @@
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {

package/cssm/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/cssm/components/category/component.js

@@ -2,24 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
-var styles = require('./index.module.css');
+require('react');
+require('@alfalab/core-components-shared/cssm');
+require('@alfalab/core-components-typography/cssm');
+var components_addon_component = require('../../component-4445c77d.js');
+require('./index.module.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var Category = function (_a) {
-    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: styles__default.default.component, "data-test-id": 'cell-pure-category' },
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'category-name'), className: styles__default.default.categoryName }, categoryName),
-        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'category-percent') },
-            categoryPercent,
-            "%")),
-        rightAddons !== undefined && (React__default.default.createElement("div", { className: styles__default.default.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'category-right-addon') }, rightAddons))));
-};
-
-exports.Category = Category;
+exports.Category = components_addon_component.Category;

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

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-4445c77d";

package/cssm/components/category/index.js

@@ -2,12 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_category_component = require('./component.js');
-require('react');
-require('@alfalab/core-components-shared/cssm');
-require('@alfalab/core-components-typography/cssm');
-require('./index.module.css');
+var components_addon_component = require('../../component-4445c77d.js');
 
 
 
-exports.Category = components_category_component.Category;
+exports.Category = components_addon_component.Category;

package/cssm/components/category/index.module.css

@@ -1,4 +1,4 @@
-:root {
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-bg-secondary: #f2f3f5; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */