@alfalab/core-components 33.0.0 → 33.0.1-beta.1

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../getDataTestId-150ff8df.js');
+require('../../getDataTestId-49e3f89c.js');
 var components_graphics_component = require('./component.js');
 
 

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

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-b5efc7de.js');
+require('../../tslib.es6-7d6e18d0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('../../../comment');
-require('../../getDataTestId-150ff8df.js');
+require('../../getDataTestId-49e3f89c.js');
 require('../addon/component.js');
 require('../../../typography');
 require('../../../amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-5ca25542.js');
+var components_content_component = require('../../component-ff839eeb.js');
 require('../footer/component.js');
 require('../../../button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

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

@@ -1,4 +1,4 @@
-/* hash: djirz */
+/* hash: 15l3t */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_cde06 {
+.pure-cell__component_ti7om {
     display: flex;
     flex-direction: column;
     align-self: center;
@@ -18,7 +18,7 @@
     /* can use /r/n */
     white-space: pre-line
 }
-.pure-cell__component_cde06.pure-cell__vertical_cde06 {
+.pure-cell__component_ti7om.pure-cell__vertical_ti7om {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
@@ -26,6 +26,6 @@
         /* for button */
         text-align: center;
     }
-.pure-cell__component_cde06.pure-cell__reverse_cde06 {
+.pure-cell__component_ti7om.pure-cell__reverse_ti7om {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-5ca25542";
+export * from "../../component-ff839eeb";

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

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-b5efc7de.js');
+require('../../tslib.es6-7d6e18d0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('../../../comment');
-require('../../getDataTestId-150ff8df.js');
+require('../../getDataTestId-49e3f89c.js');
 require('../addon/component.js');
 require('../../../typography');
 require('../../../amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-5ca25542.js');
+var components_content_component = require('../../component-ff839eeb.js');
 require('../footer/component.js');
 require('../../../button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

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

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-b5efc7de.js');
+require('../../tslib.es6-7d6e18d0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('../../../comment');
-require('../../getDataTestId-150ff8df.js');
+require('../../getDataTestId-49e3f89c.js');
 require('../addon/component.js');
 require('../../../typography');
 require('../../../amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-5ca25542.js');
+var components_content_component = require('../../component-ff839eeb.js');
 require('../footer/component.js');
 require('../../../button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

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

@@ -1,4 +1,4 @@
-/* hash: 1k4g6 */
+/* hash: dcy0a */
 :root {
 
     /* Hard */
@@ -11,31 +11,33 @@
     --gap-3xs: 2px;
     --gap-m: 16px;
 }
-.pure-cell__horizontal_1go4g {
+.pure-cell__horizontal_zjarl {
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__rowLimit1_1go4g {
+.pure-cell__rowLimit1_zjarl {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
+    word-break: break-all;
 }
-.pure-cell__rowLimit2_1go4g {
+.pure-cell__rowLimit2_zjarl {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__component_1go4g {
+.pure-cell__component_zjarl {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
 }
-.pure-cell__component_1go4g .pure-cell__vertical_1go4g {
+.pure-cell__component_zjarl .pure-cell__vertical_zjarl {
         justify-content: center;
     }
-.pure-cell__title_1go4g {
-    margin-right: var(--gap-m);
+.pure-cell__title_zjarl + .pure-cell__value_zjarl {
+    margin-left: var(--gap-m);
+    flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-5ca25542";
+export * from "../../component-ff839eeb";

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

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-b5efc7de.js');
+require('../../tslib.es6-7d6e18d0.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('../../../comment');
-require('../../getDataTestId-150ff8df.js');
+require('../../getDataTestId-49e3f89c.js');
 require('../addon/component.js');
 require('../../../typography');
 require('../../../amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-5ca25542.js');
+var components_content_component = require('../../component-ff839eeb.js');
 require('../footer/component.js');
 require('../../../button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

package/pure-cell/components/typesProps.d.ts

@@ -16,7 +16,7 @@ type AmountProps = {
     /**
      * Количество минорных единиц в валюте
      */
-    minority: number;
+    minority?: number;
     /**
      * Делает минорную часть полупрозрачной
      */
@@ -24,7 +24,7 @@ type AmountProps = {
     /**
      * Количество минорных единиц в валюте для Клика
      */
-    minorUnits: number;
+    minorUnits?: number;
     /**
      * default - не отображаем копейки, если их значение 0
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0

package/pure-cell/cssm/{component-d3306cf3.js → component-0839382a.js}

@@ -1,4 +1,4 @@
-var components_footerButton_component = require('./component-22ece846.js');
+var tslib_es6 = require('./tslib.es6-ce870b46.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -12,6 +12,7 @@ var components_amountTitle_component = require('./components/amount-title/compon
 var components_category_component = require('./components/category/component.js');
 var styles = require('./components/content/index.module.css');
 var components_footer_component = require('./components/footer/component.js');
+var components_footerButton_component = require('./components/footer-button/component.js');
 var components_footerText_component = require('./components/footer-text/component.js');
 var components_graphics_component = require('./components/graphics/component.js');
 var styles$1 = require('./components/main/index.module.css');
@@ -53,13 +54,13 @@ var Text = function (_a) {
             _b[styles__default$2['default'].vertical] = direction !== 'horizontal',
             _b)) },
         React__default['default'].createElement("span", { className: styles__default$2['default'].title }, typeof children === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
-        React__default['default'].createElement("span", null, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value))));
+        value !== undefined && (React__default['default'].createElement("span", { className: styles__default$2['default'].value }, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
 };
 
 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 = components_footerButton_component.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    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_es6.__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 = {},
@@ -74,11 +75,11 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
         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__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+        return (React__default['default'].createElement(Component, tslib_es6.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
             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__default$3['default'].button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+        return (React__default['default'].createElement(Component, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].button, addClasses, 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, className), "data-test-id": dataTestId },

package/pure-cell/cssm/component-3f45f3c4.d.ts

@@ -70,19 +70,16 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
-        amount: import("./components/typesProps").AmountProps;
         weight?: "bold" | "normal" | undefined;
-        view?: "primary-small" | "component" | undefined;
+        textView?: "primary-small" | "component" | undefined;
         color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
         dataTestId?: string | undefined;
-    }>;
+    } & import("./components/typesProps").AmountProps>;
     AmountTitle: React.FC<{
-        amount: import("./components/typesProps").AmountProps;
         color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
-        dataTestId?: string | undefined;
-    }>;
+    } & import("./components/typesProps").AmountProps>;
     Addon: React.FC<{
-        verticalAlign?: "center" | undefined;
+        verticalAlign?: "top" | "center" | "bottom" | undefined;
         addonPadding?: "default" | "none" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
@@ -98,6 +95,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
     Category: React.FC<{
         categoryName: string;
         categoryPercent?: number | undefined;
+        rightAddons?: React.ReactNode;
         dataTestId?: string | undefined;
     }>;
 };

package/pure-cell/cssm/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-22ece846.js');
+require('./tslib.es6-ce870b46.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -18,11 +18,12 @@ require('./components/amount-title/component.js');
 require('./components/category/index.module.css');
 require('./components/category/component.js');
 require('./components/content/index.module.css');
-var components_content_component = require('./component-d3306cf3.js');
+var components_content_component = require('./component-0839382a.js');
 require('./components/footer/index.module.css');
 require('./components/footer/component.js');
 require('../../button/cssm');
 require('./components/footer-button/index.module.css');
+require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');
 require('./components/graphics/index.module.css');
 require('./components/graphics/component.js');

package/pure-cell/cssm/components/addon/component.d.ts

@@ -5,7 +5,7 @@ type Props = {
     /**
      * Вертикальное выравнивание
      */
-    verticalAlign?: 'center';
+    verticalAlign?: 'top' | 'center' | 'bottom';
     /**
      * Горизонтальные отступы
      */

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

@@ -12,11 +12,8 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 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__default['default'].component, styles__default['default'][addonPadding], (_b = {},
-            _b[styles__default['default'].center] = verticalAlign,
-            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+    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": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
 };
 
 exports.Addon = Addon;

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

@@ -11,7 +11,8 @@
 }
 .component {
     display: flex;
-    flex-direction: column
+    flex-direction: column;
+    align-items: flex-end
 }
 .component > * {
         justify-content: flex-end;
@@ -25,6 +26,12 @@
 .component.addonPadding {
         padding-left: var(--gap-m);
     }
+.component.top {
+        align-self: flex-start;
+    }
 .component.center {
         align-self: center;
     }
+.component.bottom {
+        align-self: flex-end;
+    }

package/pure-cell/cssm/components/amount/component.d.ts

@@ -3,10 +3,6 @@ import React from 'react';
 import { Color } from "../../../../typography";
 import { AmountProps as AmountType } from "../typesProps";
 type Props = {
-    /**
-     * Props свойственные для компонента Amount
-     */
-    amount: AmountType;
     /**
      * Начертание шрифта денежного значения
      */
@@ -14,7 +10,7 @@ type Props = {
     /**
      * Размер денежного значения
      */
-    view?: 'component' | 'primary-small';
+    textView?: 'component' | 'primary-small';
     /**
      * Цвет денежного значения
      */
@@ -23,6 +19,6 @@ type Props = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-};
+} & AmountType;
 declare const Amount: React.FC<Props>;
 export { Amount };

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

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('../../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var getDataTestId = require('../../getDataTestId-12a31ec3.js');
@@ -14,10 +15,9 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 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__default['default'].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 })));
+    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_es6.__rest(_a, ["weight", "textView", "color", "minority", "minorUnits", "dataTestId"]);
+    return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default['default'](styles__default['default'].component), color: color },
+        React__default['default'].createElement(coreComponentsAmount.Amount, tslib_es6.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount') }, restProps))));
 };
 
 exports.Amount = Amount;

package/pure-cell/cssm/components/amount/index.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../../tslib.es6-ce870b46.js');
 require('react');
 require('classnames');
 require('../../getDataTestId-12a31ec3.js');

package/pure-cell/cssm/components/amount-title/component.d.ts

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

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

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('../../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var getDataTestId = require('../../getDataTestId-12a31ec3.js');
@@ -14,10 +15,9 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 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;
+    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, restProps = tslib_es6.__rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId"]);
     return (React__default['default'].createElement(coreComponentsTypography.Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-title'), className: styles__default['default'].component, color: color },
-        React__default['default'].createElement(coreComponentsAmount.Amount, { minority: minority === undefined ? minorUnits : minority, value: value, rightAddons: rightAddons, showPlus: showPlus, className: cn__default['default'](styles__default['default'].weight, className), currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'core-amount-title'), view: 'withZeroMinorPart' })));
+        React__default['default'].createElement(coreComponentsAmount.Amount, tslib_es6.__assign({ minority: minority || minorUnits, className: cn__default['default'](styles__default['default'].weight, className), dataTestId: getDataTestId.getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
 };
 
 exports.AmountTitle = AmountTitle;

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

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../../tslib.es6-ce870b46.js');
 require('react');
 require('classnames');
 require('../../getDataTestId-12a31ec3.js');

package/pure-cell/cssm/components/category/component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { ReactNode } from "react";
 type Props = {
     /**
      * Наименование категории
@@ -9,6 +10,10 @@ type Props = {
      * Процент категории
      */
     categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/pure-cell/cssm/components/category/component.js

@@ -11,12 +11,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Category = function (_a) {
-    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, dataTestId = _a.dataTestId;
+    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: getDataTestId.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: getDataTestId.getDataTestId(dataTestId, 'category-percent') },
             categoryPercent,
-            "%"))));
+            "%")),
+        rightAddons !== undefined && (React__default['default'].createElement("div", { className: styles__default['default'].rightAddon, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
 exports.Category = Category;

package/pure-cell/cssm/components/category/index.module.css

@@ -27,6 +27,7 @@
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
+    word-break: break-all;
 }
 .categoryPercent {
     padding: 0 var(--gap-xs);
@@ -34,3 +35,6 @@
     border-radius: var(--border-radius-xl);
     margin-left: var(--gap-2xs);
 }
+.rightAddon {
+    margin-left: var(--gap-2xs);
+}

package/pure-cell/cssm/components/content/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-22ece846.js');
+require('../../tslib.es6-ce870b46.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -18,11 +18,12 @@ require('../amount-title/component.js');
 require('../category/index.module.css');
 require('../category/component.js');
 require('./index.module.css');
-var components_content_component = require('../../component-d3306cf3.js');
+var components_content_component = require('../../component-0839382a.js');
 require('../footer/index.module.css');
 require('../footer/component.js');
 require('../../../../button/cssm');
 require('../footer-button/index.module.css');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/index.module.css');
 require('../graphics/component.js');

package/pure-cell/cssm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-d3306cf3";
+export * from "../../component-0839382a";

package/pure-cell/cssm/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-22ece846.js');
+require('../../tslib.es6-ce870b46.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -18,11 +18,12 @@ require('../amount-title/component.js');
 require('../category/index.module.css');
 require('../category/component.js');
 require('./index.module.css');
-var components_content_component = require('../../component-d3306cf3.js');
+var components_content_component = require('../../component-0839382a.js');
 require('../footer/index.module.css');
 require('../footer/component.js');
 require('../../../../button/cssm');
 require('../footer-button/index.module.css');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/index.module.css');
 require('../graphics/component.js');

package/pure-cell/cssm/components/footer-button/component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "../../../../button";
+declare const FooterButton: React.FC<ButtonProps>;
+export { FooterButton };

package/pure-cell/cssm/components/footer-button/component.js

@@ -1,11 +1,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_footerButton_component = require('../../component-22ece846.js');
-require('react');
-require('../../getDataTestId-12a31ec3.js');
-require('../../../../button/cssm');
-require('./index.module.css');
+var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var coreComponentsButton = require('../../../../button/cssm');
+var styles = require('./index.module.css');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
-exports.FooterButton = components_footerButton_component.FooterButton;
+var FooterButton = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId, props = tslib_es6.__rest(_a, ["children", "dataTestId"]);
+    return (React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, props, { size: 'xxs', dataTestId: getDataTestId.getDataTestId(dataTestId, 'button'), className: styles__default['default'].component }), children));
+};
+
+exports.FooterButton = FooterButton;