@alfalab/core-components-pure-cell 4.1.2 → 4.1.4

package/index.js

@@ -1,24 +1,22 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-74c9baf4.js');
+var components_content_component = require('./component-633eda3f.js');
+require('./tslib.es6-d8b64d3f.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment');
 require('@alfalab/hooks');
-require('./getDataTestId-dd8c396a.js');
 require('./components/addon/component.js');
+require('./getDataTestId-f5871123.js');
+require('./components/amount/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-cf0c249b.js');
 require('./components/footer/component.js');
-require('@alfalab/core-components-button');
 require('./components/footer-button/component.js');
+require('@alfalab/core-components-button');
 require('./components/footer-text/component.js');
 require('./components/graphics/component.js');
 

package/modern/{component-fc8739ab.js → component-457b2244.js}

@@ -3,49 +3,49 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Comment } from '@alfalab/core-components-comment/modern';
 import { useFocus } from '@alfalab/hooks';
-import { g as getDataTestId } from './getDataTestId-17fdbf5d.js';
 import { Addon } from './components/addon/component.js';
-import { Typography } from '@alfalab/core-components-typography/modern';
 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-c412bc6d.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';
 
-var styles = {"component":"pure-cell__component_1sf8b","horizontal":"pure-cell__horizontal_1sf8b"};
+const styles$3 = {"component":"pure-cell__component_1n3nf","horizontal":"pure-cell__horizontal_1n3nf"};
 require('./components/content/index.css')
 
 const Content = ({ children, dataTestId }) => {
     const { direction } = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles.component, { [styles.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+    return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 
-var styles$1 = {"component":"pure-cell__component_iw23j","vertical":"pure-cell__vertical_iw23j","reverse":"pure-cell__reverse_iw23j"};
+const styles$2 = {"component":"pure-cell__component_dkh7n","vertical":"pure-cell__vertical_dkh7n","reverse":"pure-cell__reverse_dkh7n"};
 require('./components/main/index.css')
 
 const Main = ({ children, isReverse, dataTestId }) => {
     const { direction = 'horizontal' } = useContext(PureCellContext);
-    return (React.createElement("div", { className: cn(styles$1.component, styles$1[direction], {
-            [styles$1.reverse]: isReverse,
+    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
+            [styles$2.reverse]: isReverse,
         }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$2 = {"horizontal":"pure-cell__horizontal_ez7oz","rowLimit1":"pure-cell__rowLimit1_ez7oz","rowLimit2":"pure-cell__rowLimit2_ez7oz","component":"pure-cell__component_ez7oz","vertical":"pure-cell__vertical_ez7oz","title":"pure-cell__title_ez7oz","value":"pure-cell__value_ez7oz"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_pjue2","rowLimit1":"pure-cell__rowLimit1_pjue2","rowLimit2":"pure-cell__rowLimit2_pjue2","component":"pure-cell__component_pjue2","vertical":"pure-cell__vertical_pjue2","title":"pure-cell__title_pjue2","value":"pure-cell__value_pjue2"};
 require('./components/text/index.css')
 
 const Text = ({ children, value, rowLimit, view = 'component', titleColor, valueColor, dataTestId, }) => {
     const { direction = 'horizontal' } = useContext(PureCellContext);
-    const className = rowLimit && styles$2[`rowLimit${rowLimit}`];
-    return (React.createElement("div", { className: cn(styles$2.component, {
-            [styles$2.vertical]: direction !== 'horizontal',
+    const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
+    return (React.createElement("div", { className: cn(styles$1.component, {
+            [styles$1.vertical]: direction !== 'horizontal',
         }) },
-        React.createElement("span", { className: styles$2.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
-        value !== undefined && (React.createElement("span", { className: styles$2.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
+        React.createElement("span", { className: styles$1.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
+        value !== undefined && (React.createElement("span", { className: styles$1.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
 };
 
-var styles$3 = {"component":"pure-cell__component_pke0p","horizontal":"pure-cell__horizontal_pke0p","vertical":"pure-cell__vertical_pke0p","button":"pure-cell__button_pke0p","link":"pure-cell__link_pke0p","none":"pure-cell__none_pke0p","airy":"pure-cell__airy_pke0p","defaultPadding":"pure-cell__defaultPadding_pke0p","compact":"pure-cell__compact_pke0p","tiny":"pure-cell__tiny_pke0p","left":"pure-cell__left_pke0p","right":"pure-cell__right_pke0p","both":"pure-cell__both_pke0p","focused":"pure-cell__focused_pke0p"};
+const styles = {"component":"pure-cell__component_a7bok","horizontal":"pure-cell__horizontal_a7bok","vertical":"pure-cell__vertical_a7bok","button":"pure-cell__button_a7bok","link":"pure-cell__link_a7bok","none":"pure-cell__none_a7bok","airy":"pure-cell__airy_a7bok","defaultPadding":"pure-cell__defaultPadding_a7bok","compact":"pure-cell__compact_a7bok","tiny":"pure-cell__tiny_a7bok","left":"pure-cell__left_a7bok","right":"pure-cell__right_a7bok","both":"pure-cell__both_a7bok","focused":"pure-cell__focused_a7bok"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */
@@ -55,22 +55,22 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
     const cellRef = useRef(null);
     const [focused] = useFocus(cellRef, 'keyboard');
     const addClasses = {
-        [styles$3.component]: true,
-        [styles$3.focused]: focused,
-        [styles$3[direction]]: true,
-        [styles$3.defaultPadding]: verticalPadding === 'default',
-        [styles$3[verticalPadding]]: verticalPadding !== 'default',
-        [styles$3[horizontalPadding]]: true,
+        [styles.component]: true,
+        [styles.focused]: focused,
+        [styles[direction]]: true,
+        [styles.defaultPadding]: verticalPadding === 'default',
+        [styles[verticalPadding]]: verticalPadding !== 'default',
+        [styles[horizontalPadding]]: true,
     };
     if (href) {
         const { target } = restProps;
         // Для совместимости с react-router-dom, меняем href на to
         const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
+        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
             React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
     }
     if (onClick) {
-        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
+        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
             React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
     }
     return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },

package/modern/component.js

@@ -3,16 +3,16 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import './getDataTestId-17fdbf5d.js';
 import './components/addon/component.js';
-import '@alfalab/core-components-amount/modern';
-import '@alfalab/core-components-typography/modern';
 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-fc8739ab.js';
+export { P as PureCell, a as PureCellContext } from './component-457b2244.js';
 import './components/footer/component.js';
-import '@alfalab/core-components-button/modern';
 import './components/footer-button/component.js';
 import './components/footer-text/component.js';
 import './components/graphics/component.js';
+import './getDataTestId-c412bc6d.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-17fdbf5d.js';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_1m2yp","none":"pure-cell__none_1m2yp","default":"pure-cell__default_1m2yp","addonPadding":"pure-cell__addonPadding_1m2yp","top":"pure-cell__top_1m2yp","center":"pure-cell__center_1m2yp","bottom":"pure-cell__bottom_1m2yp"};
+const styles = {"component":"pure-cell__component_qtosq","none":"pure-cell__none_qtosq","default":"pure-cell__default_qtosq","addonPadding":"pure-cell__addonPadding_qtosq","top":"pure-cell__top_qtosq","center":"pure-cell__center_qtosq","bottom":"pure-cell__bottom_qtosq"};
 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: sv3d0 */
+/* hash: ftab5 */
 :root {
 
     /* Hard */
@@ -10,29 +10,29 @@
 :root {
     --gap-m: 16px;
 }
-.pure-cell__component_1m2yp {
+.pure-cell__component_qtosq {
     display: flex;
     flex-direction: column;
     align-items: flex-end
 }
-.pure-cell__component_1m2yp > * {
+.pure-cell__component_qtosq > * {
         justify-content: flex-end;
     }
-.pure-cell__component_1m2yp.pure-cell__none_1m2yp {
+.pure-cell__component_qtosq.pure-cell__none_qtosq {
         padding-left: 0;
     }
-.pure-cell__component_1m2yp.pure-cell__default_1m2yp {
+.pure-cell__component_qtosq.pure-cell__default_qtosq {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1m2yp.pure-cell__addonPadding_1m2yp {
+.pure-cell__component_qtosq.pure-cell__addonPadding_qtosq {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1m2yp.pure-cell__top_1m2yp {
+.pure-cell__component_qtosq.pure-cell__top_qtosq {
         align-self: flex-start;
     }
-.pure-cell__component_1m2yp.pure-cell__center_1m2yp {
+.pure-cell__component_qtosq.pure-cell__center_qtosq {
         align-self: center;
     }
-.pure-cell__component_1m2yp.pure-cell__bottom_1m2yp {
+.pure-cell__component_qtosq.pure-cell__bottom_qtosq {
         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-17fdbf5d.js';
-export { Addon } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/amount/component.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
 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-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_1o6hm"};
+const styles = {"component":"pure-cell__component_1ti2i"};
 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: 7pxbd */
+/* hash: 1kdce */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_1o6hm {
+.pure-cell__component_1ti2i {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/modern/components/amount/index.js

@@ -1,6 +1,6 @@
+export { Amount } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-17fdbf5d.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-export { Amount } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
 import { Amount } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_18ouu","weight":"pure-cell__weight_18ouu"};
+const styles = {"component":"pure-cell__component_13d9y","weight":"pure-cell__weight_13d9y"};
 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: hlf3z */
+/* hash: 1u8u7 */
 :root {
 
     /* Hard */
@@ -7,9 +7,9 @@
 
     /* Hard up */
 }
-.pure-cell__component_18ouu {
+.pure-cell__component_13d9y {
     display: flex;
 }
-.pure-cell__weight_18ouu {
+.pure-cell__weight_13d9y {
     font-weight: inherit;
 }

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

@@ -1,6 +1,6 @@
+export { AmountTitle } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-17fdbf5d.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-export { AmountTitle } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_h0nqw","categoryName":"pure-cell__categoryName_h0nqw","categoryPercent":"pure-cell__categoryPercent_h0nqw","rightAddon":"pure-cell__rightAddon_h0nqw"};
+const styles = {"component":"pure-cell__component_6g11t","categoryName":"pure-cell__categoryName_6g11t","categoryPercent":"pure-cell__categoryPercent_6g11t","rightAddon":"pure-cell__rightAddon_6g11t"};
 require('./index.css')
 
 const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },

package/modern/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: efxzc */
+/* hash: 1r3d2 */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -18,24 +18,24 @@
 :root {
     --border-radius-xl: 16px;
 }
-.pure-cell__component_h0nqw {
+.pure-cell__component_6g11t {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__categoryName_h0nqw {
+.pure-cell__categoryName_6g11t {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__categoryPercent_h0nqw {
+.pure-cell__categoryPercent_6g11t {
     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_h0nqw {
+.pure-cell__rightAddon_6g11t {
     margin-left: var(--gap-2xs);
 }

package/modern/components/category/index.js

@@ -1,4 +1,4 @@
+export { Category } from './component.js';
 import 'react';
-import '../../getDataTestId-17fdbf5d.js';
 import '@alfalab/core-components-typography/modern';
-export { Category } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/content/component.js

@@ -1,18 +1,18 @@
 import 'react';
-import 'react-merge-refs';
 import 'classnames';
+import '../../getDataTestId-c412bc6d.js';
+export { C as Content } from '../../component-457b2244.js';
+import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-17fdbf5d.js';
 import '../addon/component.js';
+import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
-export { C as Content } from '../../component-fc8739ab.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
+import '@alfalab/core-components-button/modern';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/modern/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: ttj0a */
+/* hash: 1pege */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.pure-cell__component_1sf8b {
+.pure-cell__component_1n3nf {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
 }
-.pure-cell__component_1sf8b.pure-cell__horizontal_1sf8b {
+.pure-cell__component_1n3nf.pure-cell__horizontal_1n3nf {
         /* for button */
         align-self: stretch;
     }

package/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fc8739ab";
+export * from "../../component-457b2244";

package/modern/components/content/index.js

@@ -1,18 +1,18 @@
+export { C as Content } from '../../component-457b2244.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-17fdbf5d.js';
 import '../addon/component.js';
+import '../../getDataTestId-c412bc6d.js';
+import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
-export { C as Content } from '../../component-fc8739ab.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
+import '@alfalab/core-components-button/modern';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/modern/components/footer/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_49g1w","none":"pure-cell__none_49g1w","default":"pure-cell__default_49g1w"};
+const styles = {"component":"pure-cell__component_eu2qz","none":"pure-cell__none_eu2qz","default":"pure-cell__default_eu2qz"};
 require('./index.css')
 
 const Footer = ({ children, footerPadding = 'default', dataTestId }) => (React.createElement("footer", { className: cn(styles.component, styles[footerPadding]), "data-test-id": getDataTestId(dataTestId, 'footer') }, children));

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rjid */
+/* hash: 155te */
 :root {
 
     /* Hard */
@@ -10,14 +10,14 @@
 :root {
     --gap-xs: 8px;
 }
-.pure-cell__component_49g1w {
+.pure-cell__component_eu2qz {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
 }
-.pure-cell__component_49g1w.pure-cell__none_49g1w {
+.pure-cell__component_eu2qz.pure-cell__none_eu2qz {
         margin-top: 0;
     }
-.pure-cell__component_49g1w.pure-cell__default_49g1w {
+.pure-cell__component_eu2qz.pure-cell__default_eu2qz {
         margin-top: var(--gap-xs);
     }

package/modern/components/footer/index.js

@@ -1,4 +1,4 @@
+export { Footer } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-17fdbf5d.js';
-export { Footer } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/footer-button/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
 import { Button } from '@alfalab/core-components-button/modern';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_og9ad"};
+const styles = {"component":"pure-cell__component_tru69"};
 require('./index.css')
 
 const FooterButton = ({ children, dataTestId, ...props }) => (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component }, children));

package/modern/components/footer-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1126y */
+/* hash: 5h9ki */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_og9ad {
+.pure-cell__component_tru69 {
     justify-self: start;
 }

package/modern/components/footer-button/index.js

@@ -1,4 +1,4 @@
+export { FooterButton } from './component.js';
 import 'react';
-import '../../getDataTestId-17fdbf5d.js';
 import '@alfalab/core-components-button/modern';
-export { FooterButton } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/footer-text/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
 const FooterText = ({ children, color = 'secondary', dataTestId }) => (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId, 'footer-title') }, children));
 

package/modern/components/footer-text/index.js

@@ -1,4 +1,4 @@
+export { FooterText } from './component.js';
 import 'react';
-import '../../getDataTestId-17fdbf5d.js';
 import '@alfalab/core-components-typography/modern';
-export { FooterText } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/graphics/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-17fdbf5d.js';
+import { g as getDataTestId } from '../../getDataTestId-c412bc6d.js';
 
-var styles = {"component":"pure-cell__component_klb9z","top":"pure-cell__top_klb9z","center":"pure-cell__center_klb9z","bottom":"pure-cell__bottom_klb9z"};
+const styles = {"component":"pure-cell__component_vtv8e","top":"pure-cell__top_vtv8e","center":"pure-cell__center_vtv8e","bottom":"pure-cell__bottom_vtv8e"};
 require('./index.css')
 
 const Graphics = ({ children, dataTestId, verticalAlign = 'top' }) => (React.createElement("section", { className: cn(styles.component, styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'graphics') }, children));

package/modern/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u4w9 */
+/* hash: wqapa */
 :root {
 
     /* Hard */
@@ -7,15 +7,15 @@
 
     /* Hard up */
 }
-.pure-cell__component_klb9z {
+.pure-cell__component_vtv8e {
     flex-basis: auto;
 }
-.pure-cell__top_klb9z {
+.pure-cell__top_vtv8e {
     align-self: flex-start;
 }
-.pure-cell__center_klb9z {
+.pure-cell__center_vtv8e {
     align-self: center;
 }
-.pure-cell__bottom_klb9z {
+.pure-cell__bottom_vtv8e {
     align-self: flex-end;
 }

package/modern/components/graphics/index.js

@@ -1,4 +1,4 @@
+export { Graphics } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-17fdbf5d.js';
-export { Graphics } from './component.js';
+import '../../getDataTestId-c412bc6d.js';

package/modern/components/main/component.js

@@ -1,18 +1,18 @@
 import 'react';
-import 'react-merge-refs';
 import 'classnames';
+import '../../getDataTestId-c412bc6d.js';
+export { M as Main } from '../../component-457b2244.js';
+import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-17fdbf5d.js';
 import '../addon/component.js';
+import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
-export { M as Main } from '../../component-fc8739ab.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
+import '@alfalab/core-components-button/modern';
 import '../footer-text/component.js';
 import '../graphics/component.js';