@alfalab/core-components-pure-cell 4.1.3 → 4.1.5

package/modern/{component-24de356a.js → component-32934228.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-d2f80834.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-03117f64.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_ecump","horizontal":"pure-cell__horizontal_ecump"};
+const styles$3 = {"component":"pure-cell__component_kyki2","horizontal":"pure-cell__horizontal_kyki2"};
 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_36djl","vertical":"pure-cell__vertical_36djl","reverse":"pure-cell__reverse_36djl"};
+const styles$2 = {"component":"pure-cell__component_1agic","vertical":"pure-cell__vertical_1agic","reverse":"pure-cell__reverse_1agic"};
 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_1pv4w","rowLimit1":"pure-cell__rowLimit1_1pv4w","rowLimit2":"pure-cell__rowLimit2_1pv4w","component":"pure-cell__component_1pv4w","vertical":"pure-cell__vertical_1pv4w","title":"pure-cell__title_1pv4w","value":"pure-cell__value_1pv4w"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_1mfvi","rowLimit1":"pure-cell__rowLimit1_1mfvi","rowLimit2":"pure-cell__rowLimit2_1mfvi","component":"pure-cell__component_1mfvi","vertical":"pure-cell__vertical_1mfvi","title":"pure-cell__title_1mfvi","value":"pure-cell__value_1mfvi"};
 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_159d8","horizontal":"pure-cell__horizontal_159d8","vertical":"pure-cell__vertical_159d8","button":"pure-cell__button_159d8","link":"pure-cell__link_159d8","none":"pure-cell__none_159d8","airy":"pure-cell__airy_159d8","defaultPadding":"pure-cell__defaultPadding_159d8","compact":"pure-cell__compact_159d8","tiny":"pure-cell__tiny_159d8","left":"pure-cell__left_159d8","right":"pure-cell__right_159d8","both":"pure-cell__both_159d8","focused":"pure-cell__focused_159d8"};
+const styles = {"component":"pure-cell__component_1x11u","horizontal":"pure-cell__horizontal_1x11u","vertical":"pure-cell__vertical_1x11u","button":"pure-cell__button_1x11u","link":"pure-cell__link_1x11u","none":"pure-cell__none_1x11u","airy":"pure-cell__airy_1x11u","defaultPadding":"pure-cell__defaultPadding_1x11u","compact":"pure-cell__compact_1x11u","tiny":"pure-cell__tiny_1x11u","left":"pure-cell__left_1x11u","right":"pure-cell__right_1x11u","both":"pure-cell__both_1x11u","focused":"pure-cell__focused_1x11u"};
 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-d2f80834.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-24de356a.js';
+export { P as PureCell, a as PureCellContext } from './component-32934228.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-03117f64.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-d2f80834.js';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_2qtvc","none":"pure-cell__none_2qtvc","default":"pure-cell__default_2qtvc","addonPadding":"pure-cell__addonPadding_2qtvc","top":"pure-cell__top_2qtvc","center":"pure-cell__center_2qtvc","bottom":"pure-cell__bottom_2qtvc"};
+const styles = {"component":"pure-cell__component_emawe","none":"pure-cell__none_emawe","default":"pure-cell__default_emawe","addonPadding":"pure-cell__addonPadding_emawe","top":"pure-cell__top_emawe","center":"pure-cell__center_emawe","bottom":"pure-cell__bottom_emawe"};
 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: 16pby */
+/* hash: a17hq */
 :root {
 
     /* Hard */
@@ -10,29 +10,29 @@
 :root {
     --gap-m: 16px;
 }
-.pure-cell__component_2qtvc {
+.pure-cell__component_emawe {
     display: flex;
     flex-direction: column;
     align-items: flex-end
 }
-.pure-cell__component_2qtvc > * {
+.pure-cell__component_emawe > * {
         justify-content: flex-end;
     }
-.pure-cell__component_2qtvc.pure-cell__none_2qtvc {
+.pure-cell__component_emawe.pure-cell__none_emawe {
         padding-left: 0;
     }
-.pure-cell__component_2qtvc.pure-cell__default_2qtvc {
+.pure-cell__component_emawe.pure-cell__default_emawe {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_2qtvc.pure-cell__addonPadding_2qtvc {
+.pure-cell__component_emawe.pure-cell__addonPadding_emawe {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_2qtvc.pure-cell__top_2qtvc {
+.pure-cell__component_emawe.pure-cell__top_emawe {
         align-self: flex-start;
     }
-.pure-cell__component_2qtvc.pure-cell__center_2qtvc {
+.pure-cell__component_emawe.pure-cell__center_emawe {
         align-self: center;
     }
-.pure-cell__component_2qtvc.pure-cell__bottom_2qtvc {
+.pure-cell__component_emawe.pure-cell__bottom_emawe {
         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-d2f80834.js';
-export { Addon } from './component.js';
+import '../../getDataTestId-03117f64.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-d2f80834.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-03117f64.js';
 
-var styles = {"component":"pure-cell__component_4v24m"};
+const styles = {"component":"pure-cell__component_wm1e5"};
 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: 1gvny */
+/* hash: uzcsz */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_4v24m {
+.pure-cell__component_wm1e5 {
     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-d2f80834.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-export { Amount } from './component.js';
+import '../../getDataTestId-03117f64.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-d2f80834.js';
 import { Amount } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_kjo0f","weight":"pure-cell__weight_kjo0f"};
+const styles = {"component":"pure-cell__component_18719","weight":"pure-cell__weight_18719"};
 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: rsg7y */
+/* hash: 658c9 */
 :root {
 
     /* Hard */
@@ -7,9 +7,9 @@
 
     /* Hard up */
 }
-.pure-cell__component_kjo0f {
+.pure-cell__component_18719 {
     display: flex;
 }
-.pure-cell__weight_kjo0f {
+.pure-cell__weight_18719 {
     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-d2f80834.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-export { AmountTitle } from './component.js';
+import '../../getDataTestId-03117f64.js';

package/modern/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-d2f80834.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_wqcau","categoryName":"pure-cell__categoryName_wqcau","categoryPercent":"pure-cell__categoryPercent_wqcau","rightAddon":"pure-cell__rightAddon_wqcau"};
+const styles = {"component":"pure-cell__component_18l3z","categoryName":"pure-cell__categoryName_18l3z","categoryPercent":"pure-cell__categoryPercent_18l3z","rightAddon":"pure-cell__rightAddon_18l3z"};
 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: 86wbx */
+/* hash: 1lksi */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -18,24 +18,24 @@
 :root {
     --border-radius-xl: 16px;
 }
-.pure-cell__component_wqcau {
+.pure-cell__component_18l3z {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__categoryName_wqcau {
+.pure-cell__categoryName_18l3z {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__categoryPercent_wqcau {
+.pure-cell__categoryPercent_18l3z {
     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_wqcau {
+.pure-cell__rightAddon_18l3z {
     margin-left: var(--gap-2xs);
 }

package/modern/components/category/index.js

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

package/modern/components/content/component.js

@@ -1,18 +1,18 @@
 import 'react';
-import 'react-merge-refs';
 import 'classnames';
+import '../../getDataTestId-03117f64.js';
+export { C as Content } from '../../component-32934228.js';
+import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-d2f80834.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-24de356a.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: 199t3 */
+/* hash: 6k3io */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.pure-cell__component_ecump {
+.pure-cell__component_kyki2 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
 }
-.pure-cell__component_ecump.pure-cell__horizontal_ecump {
+.pure-cell__component_kyki2.pure-cell__horizontal_kyki2 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-24de356a";
+export * from "../../component-32934228";

package/modern/components/content/index.js

@@ -1,18 +1,18 @@
+export { C as Content } from '../../component-32934228.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-d2f80834.js';
 import '../addon/component.js';
+import '../../getDataTestId-03117f64.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-24de356a.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-d2f80834.js';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_1f5d9","none":"pure-cell__none_1f5d9","default":"pure-cell__default_1f5d9"};
+const styles = {"component":"pure-cell__component_1bq3v","none":"pure-cell__none_1bq3v","default":"pure-cell__default_1bq3v"};
 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: 2pffb */
+/* hash: w7wkc */
 :root {
 
     /* Hard */
@@ -10,14 +10,14 @@
 :root {
     --gap-xs: 8px;
 }
-.pure-cell__component_1f5d9 {
+.pure-cell__component_1bq3v {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
 }
-.pure-cell__component_1f5d9.pure-cell__none_1f5d9 {
+.pure-cell__component_1bq3v.pure-cell__none_1bq3v {
         margin-top: 0;
     }
-.pure-cell__component_1f5d9.pure-cell__default_1f5d9 {
+.pure-cell__component_1bq3v.pure-cell__default_1bq3v {
         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-d2f80834.js';
-export { Footer } from './component.js';
+import '../../getDataTestId-03117f64.js';

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-d2f80834.js';
 import { Button } from '@alfalab/core-components-button/modern';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_1clg4"};
+const styles = {"component":"pure-cell__component_1vwx3"};
 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: qv5uu */
+/* hash: 1tkvf */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_1clg4 {
+.pure-cell__component_1vwx3 {
     justify-self: start;
 }

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-d2f80834.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.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-d2f80834.js';
 import '@alfalab/core-components-typography/modern';
-export { FooterText } from './component.js';
+import '../../getDataTestId-03117f64.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-d2f80834.js';
+import { g as getDataTestId } from '../../getDataTestId-03117f64.js';
 
-var styles = {"component":"pure-cell__component_1qvws","top":"pure-cell__top_1qvws","center":"pure-cell__center_1qvws","bottom":"pure-cell__bottom_1qvws"};
+const styles = {"component":"pure-cell__component_18194","top":"pure-cell__top_18194","center":"pure-cell__center_18194","bottom":"pure-cell__bottom_18194"};
 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: 1ur52 */
+/* hash: j6x1b */
 :root {
 
     /* Hard */
@@ -7,15 +7,15 @@
 
     /* Hard up */
 }
-.pure-cell__component_1qvws {
+.pure-cell__component_18194 {
     flex-basis: auto;
 }
-.pure-cell__top_1qvws {
+.pure-cell__top_18194 {
     align-self: flex-start;
 }
-.pure-cell__center_1qvws {
+.pure-cell__center_18194 {
     align-self: center;
 }
-.pure-cell__bottom_1qvws {
+.pure-cell__bottom_18194 {
     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-d2f80834.js';
-export { Graphics } from './component.js';
+import '../../getDataTestId-03117f64.js';

package/modern/components/main/component.js

@@ -1,18 +1,18 @@
 import 'react';
-import 'react-merge-refs';
 import 'classnames';
+import '../../getDataTestId-03117f64.js';
+export { M as Main } from '../../component-32934228.js';
+import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-d2f80834.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-24de356a.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/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 122l9 */
+/* hash: pmltb */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_36djl {
+.pure-cell__component_1agic {
     display: flex;
     flex-direction: column;
     align-self: center;
@@ -18,7 +18,7 @@
     /* can use /r/n */
     white-space: pre-line
 }
-.pure-cell__component_36djl.pure-cell__vertical_36djl {
+.pure-cell__component_1agic.pure-cell__vertical_1agic {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
@@ -26,6 +26,6 @@
         /* for button */
         text-align: center;
     }
-.pure-cell__component_36djl.pure-cell__reverse_36djl {
+.pure-cell__component_1agic.pure-cell__reverse_1agic {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-24de356a";
+export * from "../../component-32934228";

package/modern/components/main/index.js

@@ -1,18 +1,18 @@
+export { M as Main } from '../../component-32934228.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-import '../../getDataTestId-d2f80834.js';
 import '../addon/component.js';
+import '../../getDataTestId-03117f64.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-24de356a.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';