@alfalab/core-components-pure-cell 3.0.3 → 4.0.0

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 191gp */
+/* hash: 1tovw */
 :root {
 
     /* Hard */
@@ -10,14 +10,14 @@
 :root {
     --gap-xs: 8px;
 }
-.pure-cell__component_werrj {
+.pure-cell__component_1kl8c {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
 }
-.pure-cell__component_werrj.pure-cell__none_werrj {
+.pure-cell__component_1kl8c.pure-cell__none_1kl8c {
         margin-top: 0;
     }
-.pure-cell__component_werrj.pure-cell__default_werrj {
+.pure-cell__component_1kl8c.pure-cell__default_1kl8c {
         margin-top: var(--gap-xs);
     }

package/components/footer/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 var components_footer_component = require('./component.js');
 
 

package/components/footer-button/component.d.ts

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

package/components/footer-button/component.js

@@ -2,11 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_footerButton_component = require('../../component-80973026.js');
-require('react');
-require('../../getDataTestId-3a7e2404.js');
-require('@alfalab/core-components-button');
+var tslib_es6 = require('../../tslib.es6-37028810.js');
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-874edbee.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);
 
-exports.FooterButton = components_footerButton_component.FooterButton;
+var styles = {"component":"pure-cell__component_ork4a"};
+require('./index.css')
+
+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.component }), children));
+};
+
+exports.FooterButton = FooterButton;

package/components/footer-button/index.css

@@ -1,4 +1,4 @@
-/* hash: vjhl4 */
+/* hash: 1suor */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_1cy0p {
+.pure-cell__component_ork4a {
     justify-self: start;
 }

package/components/footer-button/index.d.ts

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

package/components/footer-button/index.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_footerButton_component = require('../../component-80973026.js');
+require('../../tslib.es6-37028810.js');
 require('react');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('@alfalab/core-components-button');
+var components_footerButton_component = require('./component.js');
 
 
 

package/components/footer-text/component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDataTestId = require('../../getDataTestId-3a7e2404.js');
+var getDataTestId = require('../../getDataTestId-874edbee.js');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/components/footer-text/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('@alfalab/core-components-typography');
 var components_footerText_component = require('./component.js');
 

package/components/graphics/component.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDataTestId = require('../../getDataTestId-3a7e2404.js');
+var getDataTestId = require('../../getDataTestId-874edbee.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"component":"pure-cell__component_1fety"};
+var styles = {"component":"pure-cell__component_111dx"};
 require('./index.css')
 
 var Graphics = function (_a) {

package/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: fwfso */
+/* hash: dd73g */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_1fety {
+.pure-cell__component_111dx {
     flex-basis: auto;
 }

package/components/graphics/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 var components_graphics_component = require('./component.js');
 
 

package/components/main/component.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-80973026.js');
+require('../../tslib.es6-37028810.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('@alfalab/core-components-comment');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('../addon/component.js');
 require('@alfalab/core-components-typography');
 require('@alfalab/core-components-amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-7b340665.js');
+var components_content_component = require('../../component-e81848a4.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

package/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: djirz */
+/* hash: sxozn */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_1iei5 {
+.pure-cell__component_ikr9m {
     display: flex;
     flex-direction: column;
     align-self: center;
@@ -18,7 +18,7 @@
     /* can use /r/n */
     white-space: pre-line
 }
-.pure-cell__component_1iei5.pure-cell__vertical_1iei5 {
+.pure-cell__component_ikr9m.pure-cell__vertical_ikr9m {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
@@ -26,6 +26,6 @@
         /* for button */
         text-align: center;
     }
-.pure-cell__component_1iei5.pure-cell__reverse_1iei5 {
+.pure-cell__component_ikr9m.pure-cell__reverse_ikr9m {
         flex-direction: column-reverse;
     }

package/components/main/index.d.ts

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

package/components/main/index.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-80973026.js');
+require('../../tslib.es6-37028810.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('@alfalab/core-components-comment');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('../addon/component.js');
 require('@alfalab/core-components-typography');
 require('@alfalab/core-components-amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-7b340665.js');
+var components_content_component = require('../../component-e81848a4.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

package/components/text/component.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-80973026.js');
+require('../../tslib.es6-37028810.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('@alfalab/core-components-comment');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('../addon/component.js');
 require('@alfalab/core-components-typography');
 require('@alfalab/core-components-amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-7b340665.js');
+var components_content_component = require('../../component-e81848a4.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

package/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1k4g6 */
+/* hash: 5qrb6 */
 :root {
 
     /* Hard */
@@ -11,31 +11,33 @@
     --gap-3xs: 2px;
     --gap-m: 16px;
 }
-.pure-cell__horizontal_174je {
+.pure-cell__horizontal_1vazz {
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__rowLimit1_174je {
+.pure-cell__rowLimit1_1vazz {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
+    word-break: break-all;
 }
-.pure-cell__rowLimit2_174je {
+.pure-cell__rowLimit2_1vazz {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__component_174je {
+.pure-cell__component_1vazz {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
 }
-.pure-cell__component_174je .pure-cell__vertical_174je {
+.pure-cell__component_1vazz .pure-cell__vertical_1vazz {
         justify-content: center;
     }
-.pure-cell__title_174je {
-    margin-right: var(--gap-m);
+.pure-cell__title_1vazz + .pure-cell__value_1vazz {
+    margin-left: var(--gap-m);
+    flex-shrink: 0;
 }

package/components/text/index.d.ts

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

package/components/text/index.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-80973026.js');
+require('../../tslib.es6-37028810.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('@alfalab/core-components-comment');
-require('../../getDataTestId-3a7e2404.js');
+require('../../getDataTestId-874edbee.js');
 require('../addon/component.js');
 require('@alfalab/core-components-typography');
 require('@alfalab/core-components-amount');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-7b340665.js');
+var components_content_component = require('../../component-e81848a4.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
+require('../footer-button/component.js');
 require('../footer-text/component.js');
 require('../graphics/component.js');
 

package/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/cssm/{component-d3306cf3.js → component-0839382a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-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');
@@ -14,6 +14,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');
@@ -55,13 +56,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 = {},
@@ -76,11 +77,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/cssm/component-3f45f3c4.d.ts

@@ -64,32 +64,29 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
         view: "primary-small" | "component";
-        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative";
+        titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
         value?: React.ReactNode;
-        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "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;
+        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?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
-        dataTestId?: string | undefined;
-    }>;
+        color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
+    } & import("./components/typesProps").AmountProps>;
     Addon: React.FC<{
-        verticalAlign?: "center" | undefined;
-        addonPadding?: "none" | "default" | undefined;
+        verticalAlign?: "top" | "center" | "bottom" | undefined;
+        addonPadding?: "default" | "none" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "none" | "default" | undefined;
+        footerPadding?: "default" | "none" | undefined;
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
@@ -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/cssm/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-22ece846.js');
+require('./tslib.es6-ce870b46.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -20,11 +20,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('@alfalab/core-components-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/cssm/components/addon/component.d.ts

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

package/cssm/components/addon/component.js

@@ -14,11 +14,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/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/cssm/components/amount/component.d.ts

@@ -3,10 +3,6 @@ import React from 'react';
 import { Color } from "@alfalab/core-components-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/cssm/components/amount/component.js

@@ -2,6 +2,7 @@
 
 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');
@@ -16,10 +17,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/cssm/components/amount/index.js

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