@alfalab/core-components-pure-cell 4.2.8 → 4.2.9

package/esm/components/graphics/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-3c919c04.js';
+import { g as getDataTestId } from '../../getDataTestId-3506d5fd.js';
 
-var styles = {"component":"pure-cell__component_6qmf3","top":"pure-cell__top_6qmf3","center":"pure-cell__center_6qmf3","bottom":"pure-cell__bottom_6qmf3"};
+var styles = {"component":"pure-cell__component_dq7z0","top":"pure-cell__top_dq7z0","center":"pure-cell__center_dq7z0","bottom":"pure-cell__bottom_dq7z0"};
 require('./index.css')
 
 var Graphics = function (_a) {

package/esm/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ti45 */
+/* hash: 1on11 */
 :root {
 } /* 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 */
@@ -14,12 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_6qmf3 {
+} .pure-cell__component_dq7z0 {
+    display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_6qmf3 {
+} .pure-cell__top_dq7z0 {
     align-self: flex-start;
-} .pure-cell__center_6qmf3 {
+} .pure-cell__center_dq7z0 {
     align-self: center;
-} .pure-cell__bottom_6qmf3 {
+} .pure-cell__bottom_dq7z0 {
     align-self: flex-end;
 }

package/esm/components/graphics/index.js

@@ -1,4 +1,4 @@
 export { Graphics } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-3c919c04.js';
+import '../../getDataTestId-3506d5fd.js';

package/esm/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-3c919c04.js';
-export { M as Main } from '../../component-95e367cd.js';
+import '../../getDataTestId-3506d5fd.js';
+export { M as Main } from '../../component-ccba3d4f.js';
 import 'tslib';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/esm';

package/esm/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: wcbk0 */
+/* hash: 1pd74 */
 :root {
 } /* 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 */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_par4b {
+} .pure-cell__component_1wobq {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_par4b.pure-cell__vertical_par4b {
+} .pure-cell__component_1wobq.pure-cell__vertical_1wobq {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_par4b.pure-cell__reverse_par4b {
+    } .pure-cell__component_1wobq.pure-cell__reverse_1wobq {
         flex-direction: column-reverse;
     }

package/esm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-95e367cd";
+export * from "../../component-ccba3d4f";

package/esm/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-95e367cd.js';
+export { M as Main } from '../../component-ccba3d4f.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
@@ -6,7 +6,7 @@ import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-3c919c04.js';
+import '../../getDataTestId-3506d5fd.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';

package/esm/components/text/component.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-typography/esm';
-import '../../getDataTestId-3c919c04.js';
-export { T as Text } from '../../component-95e367cd.js';
+import '../../getDataTestId-3506d5fd.js';
+export { T as Text } from '../../component-ccba3d4f.js';
 import 'tslib';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/esm';

package/esm/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: h21v6 */
+/* hash: 49ple */
 :root {
 } /* 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 */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_1ufdw {
+} .pure-cell__horizontal_7n4d0 {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_1ufdw {
+} .pure-cell__rowLimit1_7n4d0 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_1ufdw {
+} .pure-cell__rowLimit2_7n4d0 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_1ufdw {
+} .pure-cell__component_7n4d0 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_1ufdw .pure-cell__vertical_1ufdw {
+} .pure-cell__component_7n4d0 .pure-cell__vertical_7n4d0 {
         justify-content: center;
-    } .pure-cell__title_1ufdw + .pure-cell__value_1ufdw {
+    } .pure-cell__title_7n4d0 + .pure-cell__value_7n4d0 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/esm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-95e367cd";
+export * from "../../component-ccba3d4f";

package/esm/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-95e367cd.js';
+export { T as Text } from '../../component-ccba3d4f.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
@@ -6,7 +6,7 @@ import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-3c919c04.js';
+import '../../getDataTestId-3506d5fd.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: wepdh */
+/* hash: 1jz6r */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1jomj {
+} .pure-cell__component_1qo83 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1jomj {
+} .pure-cell__horizontal_1qo83 {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1jomj > section:not(:last-child) {
+} .pure-cell__horizontal_1qo83 > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1jomj {
+    } .pure-cell__vertical_1qo83 {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1jomj > section:not(:last-child) {
+} .pure-cell__vertical_1qo83 > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1jomj {
+    } .pure-cell__button_1qo83 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1jomj:hover {
+} .pure-cell__button_1qo83:hover {
         opacity: 0.8;
-    } .pure-cell__button_1jomj:active {
+    } .pure-cell__button_1qo83:active {
         opacity: 0.6;
-    } .pure-cell__link_1jomj {
+    } .pure-cell__link_1qo83 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1jomj:hover {
+} .pure-cell__link_1qo83:hover {
         opacity: 0.8;
-    } .pure-cell__link_1jomj:active {
+    } .pure-cell__link_1qo83:active {
         opacity: 0.6;
-    } .pure-cell__none_1jomj {
+    } .pure-cell__none_1qo83 {
     padding: 0;
-} .pure-cell__airy_1jomj {
+} .pure-cell__airy_1qo83 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1jomj {
+} .pure-cell__defaultPadding_1qo83 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1jomj {
+} .pure-cell__compact_1qo83 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1jomj {
+} .pure-cell__tiny_1qo83 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1jomj {
+} .pure-cell__left_1qo83 {
     padding-left: var(--gap-m);
-} .pure-cell__right_1jomj {
+} .pure-cell__right_1qo83 {
     padding-right: var(--gap-m);
-} .pure-cell__both_1jomj {
+} .pure-cell__both_1qo83 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1jomj {
+} .pure-cell__focused_1qo83 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-95e367cd.js';
+export { P as PureCell } from './component-ccba3d4f.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
@@ -6,7 +6,7 @@ import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
 import './components/addon/component.js';
-import './getDataTestId-3c919c04.js';
+import './getDataTestId-3506d5fd.js';
 import './components/amount/component.js';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: wepdh */
+/* hash: 1jz6r */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1jomj {
+} .pure-cell__component_1qo83 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1jomj {
+} .pure-cell__horizontal_1qo83 {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1jomj > section:not(:last-child) {
+} .pure-cell__horizontal_1qo83 > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1jomj {
+    } .pure-cell__vertical_1qo83 {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1jomj > section:not(:last-child) {
+} .pure-cell__vertical_1qo83 > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1jomj {
+    } .pure-cell__button_1qo83 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1jomj:hover {
+} .pure-cell__button_1qo83:hover {
         opacity: 0.8;
-    } .pure-cell__button_1jomj:active {
+    } .pure-cell__button_1qo83:active {
         opacity: 0.6;
-    } .pure-cell__link_1jomj {
+    } .pure-cell__link_1qo83 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1jomj:hover {
+} .pure-cell__link_1qo83:hover {
         opacity: 0.8;
-    } .pure-cell__link_1jomj:active {
+    } .pure-cell__link_1qo83:active {
         opacity: 0.6;
-    } .pure-cell__none_1jomj {
+    } .pure-cell__none_1qo83 {
     padding: 0;
-} .pure-cell__airy_1jomj {
+} .pure-cell__airy_1qo83 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1jomj {
+} .pure-cell__defaultPadding_1qo83 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1jomj {
+} .pure-cell__compact_1qo83 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1jomj {
+} .pure-cell__tiny_1qo83 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1jomj {
+} .pure-cell__left_1qo83 {
     padding-left: var(--gap-m);
-} .pure-cell__right_1jomj {
+} .pure-cell__right_1qo83 {
     padding-right: var(--gap-m);
-} .pure-cell__both_1jomj {
+} .pure-cell__both_1qo83 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1jomj {
+} .pure-cell__focused_1qo83 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-2324e54e.js');
+var components_content_component = require('./component-0cb09281.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -10,7 +10,7 @@ require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
 require('./components/addon/component.js');
-require('./getDataTestId-ab9fe45f.js');
+require('./getDataTestId-17750390.js');
 require('./components/amount/component.js');
 require('@alfalab/core-components-amount');
 require('@alfalab/core-components-typography');

package/modern/{component-2a6fc079.js → component-80cf784f.js}

@@ -7,14 +7,14 @@ import { Addon } from './components/addon/component.js';
 import { Amount } from './components/amount/component.js';
 import { AmountTitle } from './components/amount-title/component.js';
 import { Category } from './components/category/component.js';
-import { g as getDataTestId } from './getDataTestId-ad890085.js';
+import { g as getDataTestId } from './getDataTestId-713ada2a.js';
 import { Footer } from './components/footer/component.js';
 import { FooterButton } from './components/footer-button/component.js';
 import { FooterText } from './components/footer-text/component.js';
 import { Graphics } from './components/graphics/component.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles$3 = {"component":"pure-cell__component_q01ce","horizontal":"pure-cell__horizontal_q01ce"};
+const styles$3 = {"component":"pure-cell__component_1hnkr","horizontal":"pure-cell__horizontal_1hnkr"};
 require('./components/content/index.css')
 
 const Content = ({ children, dataTestId }) => {
@@ -22,7 +22,7 @@ const Content = ({ children, dataTestId }) => {
     return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 
-const styles$2 = {"component":"pure-cell__component_par4b","vertical":"pure-cell__vertical_par4b","reverse":"pure-cell__reverse_par4b"};
+const styles$2 = {"component":"pure-cell__component_1wobq","vertical":"pure-cell__vertical_1wobq","reverse":"pure-cell__reverse_1wobq"};
 require('./components/main/index.css')
 
 const Main = ({ children, isReverse, dataTestId }) => {
@@ -32,7 +32,7 @@ const Main = ({ children, isReverse, dataTestId }) => {
         }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
 };
 
-const styles$1 = {"horizontal":"pure-cell__horizontal_1ufdw","rowLimit1":"pure-cell__rowLimit1_1ufdw","rowLimit2":"pure-cell__rowLimit2_1ufdw","component":"pure-cell__component_1ufdw","vertical":"pure-cell__vertical_1ufdw","title":"pure-cell__title_1ufdw","value":"pure-cell__value_1ufdw"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_7n4d0","rowLimit1":"pure-cell__rowLimit1_7n4d0","rowLimit2":"pure-cell__rowLimit2_7n4d0","component":"pure-cell__component_7n4d0","vertical":"pure-cell__vertical_7n4d0","title":"pure-cell__title_7n4d0","value":"pure-cell__value_7n4d0"};
 require('./components/text/index.css')
 
 const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titleColor, valueColor, dataTestId, }) => {
@@ -41,13 +41,13 @@ const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titl
     return (React.createElement("div", { className: cn(styles$1.component, {
             [styles$1.vertical]: direction !== 'horizontal',
         }) },
-        React.createElement("span", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React.createElement("span", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
+        React.createElement("div", { className: styles$1.title },
+            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
+        value && (React.createElement("div", { className: styles$1.value },
+            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
 };
 
-const styles = {"component":"pure-cell__component_1jomj","horizontal":"pure-cell__horizontal_1jomj","vertical":"pure-cell__vertical_1jomj","button":"pure-cell__button_1jomj","link":"pure-cell__link_1jomj","none":"pure-cell__none_1jomj","airy":"pure-cell__airy_1jomj","defaultPadding":"pure-cell__defaultPadding_1jomj","compact":"pure-cell__compact_1jomj","tiny":"pure-cell__tiny_1jomj","left":"pure-cell__left_1jomj","right":"pure-cell__right_1jomj","both":"pure-cell__both_1jomj","focused":"pure-cell__focused_1jomj"};
+const styles = {"component":"pure-cell__component_1qo83","horizontal":"pure-cell__horizontal_1qo83","vertical":"pure-cell__vertical_1qo83","button":"pure-cell__button_1qo83","link":"pure-cell__link_1qo83","none":"pure-cell__none_1qo83","airy":"pure-cell__airy_1qo83","defaultPadding":"pure-cell__defaultPadding_1qo83","compact":"pure-cell__compact_1qo83","tiny":"pure-cell__tiny_1qo83","left":"pure-cell__left_1qo83","right":"pure-cell__right_1qo83","both":"pure-cell__both_1qo83","focused":"pure-cell__focused_1qo83"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */

package/modern/component.js

@@ -7,12 +7,12 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-2a6fc079.js';
+export { P as PureCell, a as PureCellContext } from './component-80cf784f.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import './components/footer-text/component.js';
 import './components/graphics/component.js';
-import './getDataTestId-ad890085.js';
+import './getDataTestId-713ada2a.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
 import '@alfalab/core-components-button/modern';

package/modern/components/addon/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-ad890085.js';
+import { g as getDataTestId } from '../../getDataTestId-713ada2a.js';
 
-const styles = {"component":"pure-cell__component_nz3fc","none":"pure-cell__none_nz3fc","default":"pure-cell__default_nz3fc","addonPadding":"pure-cell__addonPadding_nz3fc","top":"pure-cell__top_nz3fc","center":"pure-cell__center_nz3fc","bottom":"pure-cell__bottom_nz3fc"};
+const styles = {"component":"pure-cell__component_uyoz8","none":"pure-cell__none_uyoz8","default":"pure-cell__default_uyoz8","addonPadding":"pure-cell__addonPadding_uyoz8","top":"pure-cell__top_uyoz8","center":"pure-cell__center_uyoz8","bottom":"pure-cell__bottom_uyoz8"};
 require('./index.css')
 
 const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));

package/modern/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1skih */
+/* hash: bv9o5 */
 :root {
 } /* 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 */
@@ -15,22 +15,22 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_nz3fc {
+} .pure-cell__component_uyoz8 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_nz3fc > * {
+} .pure-cell__component_uyoz8 > * {
         justify-content: flex-end;
-    } .pure-cell__component_nz3fc.pure-cell__none_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__none_uyoz8 {
         padding-left: 0;
-    } .pure-cell__component_nz3fc.pure-cell__default_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__default_uyoz8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_nz3fc.pure-cell__addonPadding_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__addonPadding_uyoz8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_nz3fc.pure-cell__top_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__top_uyoz8 {
         align-self: flex-start;
-    } .pure-cell__component_nz3fc.pure-cell__center_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__center_uyoz8 {
         align-self: center;
-    } .pure-cell__component_nz3fc.pure-cell__bottom_nz3fc {
+    } .pure-cell__component_uyoz8.pure-cell__bottom_uyoz8 {
         align-self: flex-end;
     }

package/modern/components/addon/index.js

@@ -1,4 +1,4 @@
 export { Addon } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-ad890085.js';
+import '../../getDataTestId-713ada2a.js';

package/modern/components/amount/component.js

@@ -2,9 +2,9 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-ad890085.js';
+import { g as getDataTestId } from '../../getDataTestId-713ada2a.js';
 
-const styles = {"component":"pure-cell__component_76ihu"};
+const styles = {"component":"pure-cell__component_yu1xa"};
 require('./index.css')
 
 const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },

package/modern/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: o9n29 */
+/* hash: 1nw8q */
 :root {
 } /* 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 */
@@ -15,7 +15,7 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_76ihu {
+} .pure-cell__component_yu1xa {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/modern/components/amount/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-ad890085.js';
+import '../../getDataTestId-713ada2a.js';

package/modern/components/amount-title/component.js

@@ -2,9 +2,9 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-ad890085.js';
+import { g as getDataTestId } from '../../getDataTestId-713ada2a.js';
 
-const styles = {"component":"pure-cell__component_vwx87","weight":"pure-cell__weight_vwx87"};
+const styles = {"component":"pure-cell__component_185rr","weight":"pure-cell__weight_185rr"};
 require('./index.css')
 
 const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, ...restProps }) => (React.createElement(Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },

package/modern/components/amount-title/index.css

@@ -1,4 +1,4 @@
-/* hash: 1exi7 */
+/* hash: ondq2 */
 :root {
 } /* 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 */
@@ -14,8 +14,8 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_vwx87 {
+} .pure-cell__component_185rr {
     display: flex;
-} .pure-cell__weight_vwx87 {
+} .pure-cell__weight_185rr {
     font-weight: inherit;
 }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-ad890085.js';
+import '../../getDataTestId-713ada2a.js';

package/modern/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-ad890085.js';
+import { g as getDataTestId } from '../../getDataTestId-713ada2a.js';
 
-const styles = {"component":"pure-cell__component_15usw","categoryName":"pure-cell__categoryName_15usw","categoryPercent":"pure-cell__categoryPercent_15usw","rightAddon":"pure-cell__rightAddon_15usw"};
+const styles = {"component":"pure-cell__component_1xicb","categoryName":"pure-cell__categoryName_1xicb","categoryPercent":"pure-cell__categoryPercent_1xicb","rightAddon":"pure-cell__rightAddon_1xicb"};
 require('./index.css')
 
 const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },