@alfalab/core-components-pure-cell 4.0.2 → 4.1.0

package/{component-c04791cf.js → component-08aef3f6.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d4614c2f.js');
+var tslib_es6 = require('./tslib.es6-d56318fa.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsComment = require('@alfalab/core-components-comment');
 var hooks = require('@alfalab/hooks');
-var getDataTestId = require('./getDataTestId-36b0b09b.js');
+var getDataTestId = require('./getDataTestId-2118139f.js');
 var components_addon_component = require('./components/addon/component.js');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 var components_amount_component = require('./components/amount/component.js');
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_1b8h7","horizontal":"pure-cell__horizontal_1b8h7"};
+var styles = {"component":"pure-cell__component_vj775","horizontal":"pure-cell__horizontal_vj775"};
 require('./components/content/index.css')
 
 var Content = function (_a) {
@@ -33,7 +33,7 @@ var Content = function (_a) {
     return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'content') }, children));
 };
 
-var styles$1 = {"component":"pure-cell__component_hokcb","vertical":"pure-cell__vertical_hokcb","reverse":"pure-cell__reverse_hokcb"};
+var styles$1 = {"component":"pure-cell__component_1l151","vertical":"pure-cell__vertical_1l151","reverse":"pure-cell__reverse_1l151"};
 require('./components/main/index.css')
 
 var Main = function (_a) {
@@ -45,7 +45,7 @@ var Main = function (_a) {
             _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$2 = {"horizontal":"pure-cell__horizontal_yqk08","rowLimit1":"pure-cell__rowLimit1_yqk08","rowLimit2":"pure-cell__rowLimit2_yqk08","component":"pure-cell__component_yqk08","vertical":"pure-cell__vertical_yqk08","title":"pure-cell__title_yqk08","value":"pure-cell__value_yqk08"};
+var styles$2 = {"horizontal":"pure-cell__horizontal_1h4am","rowLimit1":"pure-cell__rowLimit1_1h4am","rowLimit2":"pure-cell__rowLimit2_1h4am","component":"pure-cell__component_1h4am","vertical":"pure-cell__vertical_1h4am","title":"pure-cell__title_1h4am","value":"pure-cell__value_1h4am"};
 require('./components/text/index.css')
 
 var Text = function (_a) {
@@ -60,7 +60,7 @@ var Text = function (_a) {
         value !== undefined && (React__default['default'].createElement("span", { className: styles$2.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 styles$3 = {"component":"pure-cell__component_oqwpp","horizontal":"pure-cell__horizontal_oqwpp","vertical":"pure-cell__vertical_oqwpp","button":"pure-cell__button_oqwpp","link":"pure-cell__link_oqwpp","none":"pure-cell__none_oqwpp","airy":"pure-cell__airy_oqwpp","defaultPadding":"pure-cell__defaultPadding_oqwpp","compact":"pure-cell__compact_oqwpp","tiny":"pure-cell__tiny_oqwpp","left":"pure-cell__left_oqwpp","right":"pure-cell__right_oqwpp","both":"pure-cell__both_oqwpp","focused":"pure-cell__focused_oqwpp"};
+var styles$3 = {"component":"pure-cell__component_11rrx","horizontal":"pure-cell__horizontal_11rrx","vertical":"pure-cell__vertical_11rrx","button":"pure-cell__button_11rrx","link":"pure-cell__link_11rrx","none":"pure-cell__none_11rrx","airy":"pure-cell__airy_11rrx","defaultPadding":"pure-cell__defaultPadding_11rrx","compact":"pure-cell__compact_11rrx","tiny":"pure-cell__tiny_11rrx","left":"pure-cell__left_11rrx","right":"pure-cell__right_11rrx","both":"pure-cell__both_11rrx","focused":"pure-cell__focused_11rrx"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/component.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-d4614c2f.js');
+require('./tslib.es6-d56318fa.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
-require('./getDataTestId-36b0b09b.js');
+require('./getDataTestId-2118139f.js');
 require('./components/addon/component.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-c04791cf.js');
+var components_content_component = require('./component-08aef3f6.js');
 require('./components/footer/component.js');
 require('@alfalab/core-components-button');
 require('./components/footer-button/component.js');

package/components/addon/component.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_1l9he","none":"pure-cell__none_1l9he","default":"pure-cell__default_1l9he","addonPadding":"pure-cell__addonPadding_1l9he","top":"pure-cell__top_1l9he","center":"pure-cell__center_1l9he","bottom":"pure-cell__bottom_1l9he"};
+var styles = {"component":"pure-cell__component_1yacm","none":"pure-cell__none_1yacm","default":"pure-cell__default_1yacm","addonPadding":"pure-cell__addonPadding_1yacm","top":"pure-cell__top_1yacm","center":"pure-cell__center_1yacm","bottom":"pure-cell__bottom_1yacm"};
 require('./index.css')
 
 var Addon = function (_a) {

package/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: 8c4yd */
+/* hash: 1exyx */
 :root {
 
     /* Hard */
@@ -10,29 +10,29 @@
 :root {
     --gap-m: 16px;
 }
-.pure-cell__component_1l9he {
+.pure-cell__component_1yacm {
     display: flex;
     flex-direction: column;
     align-items: flex-end
 }
-.pure-cell__component_1l9he > * {
+.pure-cell__component_1yacm > * {
         justify-content: flex-end;
     }
-.pure-cell__component_1l9he.pure-cell__none_1l9he {
+.pure-cell__component_1yacm.pure-cell__none_1yacm {
         padding-left: 0;
     }
-.pure-cell__component_1l9he.pure-cell__default_1l9he {
+.pure-cell__component_1yacm.pure-cell__default_1yacm {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1l9he.pure-cell__addonPadding_1l9he {
+.pure-cell__component_1yacm.pure-cell__addonPadding_1yacm {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1l9he.pure-cell__top_1l9he {
+.pure-cell__component_1yacm.pure-cell__top_1yacm {
         align-self: flex-start;
     }
-.pure-cell__component_1l9he.pure-cell__center_1l9he {
+.pure-cell__component_1yacm.pure-cell__center_1yacm {
         align-self: center;
     }
-.pure-cell__component_1l9he.pure-cell__bottom_1l9he {
+.pure-cell__component_1yacm.pure-cell__bottom_1yacm {
         align-self: flex-end;
     }

package/components/addon/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 var components_addon_component = require('./component.js');
 
 

package/components/amount/component.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d4614c2f.js');
+var tslib_es6 = require('../../tslib.es6-d56318fa.js');
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 var coreComponentsAmount = require('@alfalab/core-components-amount');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_1pdzd"};
+var styles = {"component":"pure-cell__component_m1ep2"};
 require('./index.css')
 
 var Amount = function (_a) {

package/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 1eomj */
+/* hash: b8fvr */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_1pdzd {
+.pure-cell__component_m1ep2 {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/components/amount/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 var components_amount_component = require('./component.js');

package/components/amount-title/component.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d4614c2f.js');
+var tslib_es6 = require('../../tslib.es6-d56318fa.js');
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 var coreComponentsAmount = require('@alfalab/core-components-amount');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_1sg76","weight":"pure-cell__weight_1sg76"};
+var styles = {"component":"pure-cell__component_bstqc","weight":"pure-cell__weight_bstqc"};
 require('./index.css')
 
 var AmountTitle = function (_a) {

package/components/amount-title/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lh2n */
+/* hash: i0w05 */
 :root {
 
     /* Hard */
@@ -7,9 +7,9 @@
 
     /* Hard up */
 }
-.pure-cell__component_1sg76 {
+.pure-cell__component_bstqc {
     display: flex;
 }
-.pure-cell__weight_1sg76 {
+.pure-cell__weight_bstqc {
     font-weight: inherit;
 }

package/components/amount-title/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 var components_amountTitle_component = require('./component.js');

package/components/category/component.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
 
 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_i85i4","categoryName":"pure-cell__categoryName_i85i4","categoryPercent":"pure-cell__categoryPercent_i85i4","rightAddon":"pure-cell__rightAddon_i85i4"};
+var styles = {"component":"pure-cell__component_1dwov","categoryName":"pure-cell__categoryName_1dwov","categoryPercent":"pure-cell__categoryPercent_1dwov","rightAddon":"pure-cell__rightAddon_1dwov"};
 require('./index.css')
 
 var Category = function (_a) {

package/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: 1len7 */
+/* hash: hygjq */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -18,24 +18,24 @@
 :root {
     --border-radius-xl: 16px;
 }
-.pure-cell__component_i85i4 {
+.pure-cell__component_1dwov {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__categoryName_i85i4 {
+.pure-cell__categoryName_1dwov {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__categoryPercent_i85i4 {
+.pure-cell__categoryPercent_1dwov {
     padding: 0 var(--gap-xs);
     background-color: var(--color-light-bg-secondary);
     border-radius: var(--border-radius-xl);
     margin-left: var(--gap-2xs);
 }
-.pure-cell__rightAddon_i85i4 {
+.pure-cell__rightAddon_1dwov {
     margin-left: var(--gap-2xs);
 }

package/components/category/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('@alfalab/core-components-typography');
 var components_category_component = require('./component.js');
 

package/components/content/component.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('../addon/component.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-c04791cf.js');
+var components_content_component = require('../../component-08aef3f6.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
 require('../footer-button/component.js');

package/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lvxu */
+/* hash: zi8vf */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.pure-cell__component_1b8h7 {
+.pure-cell__component_vj775 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
 }
-.pure-cell__component_1b8h7.pure-cell__horizontal_1b8h7 {
+.pure-cell__component_vj775.pure-cell__horizontal_vj775 {
         /* for button */
         align-self: stretch;
     }

package/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c04791cf";
+export * from "../../component-08aef3f6";

package/components/content/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('../addon/component.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-c04791cf.js');
+var components_content_component = require('../../component-08aef3f6.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
 require('../footer-button/component.js');

package/components/footer/component.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_o0sd5","none":"pure-cell__none_o0sd5","default":"pure-cell__default_o0sd5"};
+var styles = {"component":"pure-cell__component_16eiz","none":"pure-cell__none_16eiz","default":"pure-cell__default_16eiz"};
 require('./index.css')
 
 var Footer = function (_a) {

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: we1v6 */
+/* hash: 1ryz9 */
 :root {
 
     /* Hard */
@@ -10,14 +10,14 @@
 :root {
     --gap-xs: 8px;
 }
-.pure-cell__component_o0sd5 {
+.pure-cell__component_16eiz {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
 }
-.pure-cell__component_o0sd5.pure-cell__none_o0sd5 {
+.pure-cell__component_16eiz.pure-cell__none_16eiz {
         margin-top: 0;
     }
-.pure-cell__component_o0sd5.pure-cell__default_o0sd5 {
+.pure-cell__component_16eiz.pure-cell__default_16eiz {
         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-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 var components_footer_component = require('./component.js');
 
 

package/components/footer-button/component.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d4614c2f.js');
+var tslib_es6 = require('../../tslib.es6-d56318fa.js');
 var React = require('react');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.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);
 
-var styles = {"component":"pure-cell__component_4owz3"};
+var styles = {"component":"pure-cell__component_1lcae"};
 require('./index.css')
 
 var FooterButton = function (_a) {

package/components/footer-button/index.css

@@ -1,4 +1,4 @@
-/* hash: e913u */
+/* hash: 10mq2 */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_4owz3 {
+.pure-cell__component_1lcae {
     justify-self: start;
 }

package/components/footer-button/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.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-36b0b09b.js');
+var getDataTestId = require('../../getDataTestId-2118139f.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-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('@alfalab/core-components-typography');
 var components_footerText_component = require('./component.js');
 

package/components/graphics/component.d.ts

@@ -10,6 +10,10 @@ type Props = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: 'top' | 'center' | 'bottom';
 };
 declare const Graphics: React.FC<Props>;
 export { Props, Graphics };

package/components/graphics/component.js

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var getDataTestId = require('../../getDataTestId-36b0b09b.js');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-2118139f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_mcwor"};
+var styles = {"component":"pure-cell__component_1nebg","top":"pure-cell__top_1nebg","center":"pure-cell__center_1nebg","bottom":"pure-cell__bottom_1nebg"};
 require('./index.css')
 
 var Graphics = function (_a) {
-    var children = _a.children, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("section", { className: styles.component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'graphics') }, children));
+    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
+    return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'graphics') }, children));
 };
 
 exports.Graphics = Graphics;

package/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: kvzko */
+/* hash: 1mii2 */
 :root {
 
     /* Hard */
@@ -7,6 +7,15 @@
 
     /* Hard up */
 }
-.pure-cell__component_mcwor {
+.pure-cell__component_1nebg {
     flex-basis: auto;
 }
+.pure-cell__top_1nebg {
+    align-self: flex-start;
+}
+.pure-cell__center_1nebg {
+    align-self: center;
+}
+.pure-cell__bottom_1nebg {
+    align-self: flex-end;
+}

package/components/graphics/index.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../../getDataTestId-36b0b09b.js');
+require('classnames');
+require('../../getDataTestId-2118139f.js');
 var components_graphics_component = require('./component.js');
 
 

package/components/main/component.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d4614c2f.js');
+require('../../tslib.es6-d56318fa.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
-require('../../getDataTestId-36b0b09b.js');
+require('../../getDataTestId-2118139f.js');
 require('../addon/component.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');
 require('../amount/component.js');
 require('../amount-title/component.js');
 require('../category/component.js');
-var components_content_component = require('../../component-c04791cf.js');
+var components_content_component = require('../../component-08aef3f6.js');
 require('../footer/component.js');
 require('@alfalab/core-components-button');
 require('../footer-button/component.js');