@alfalab/core-components-pure-cell 4.1.9 → 4.1.11

package/cssm/index.module.css

@@ -1,46 +1,42 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
-}
-.component {
+} .component {
     text-align: unset;
 
     /** line-height наследуется. Если его не обнулить, то все иконки внутри будут иметь неверный размер */
     line-height: 0;
     box-sizing: border-box;
-}
-.horizontal {
+} .horizontal {
     display: flex;
     width: 100%
-}
-.horizontal > section:not(:last-child) {
+} .horizontal > section:not(:last-child) {
         margin-right: var(--gap-m);
-    }
-.vertical {
+    } .vertical {
     display: flex;
     align-items: center;
     flex-direction: column
-}
-.vertical > section:not(:last-child) {
+} .vertical > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    }
-.button {
+    } .button {
     font-family: inherit;
     background: none;
     border: 0;
@@ -48,51 +44,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-}
-.button:hover {
+} .button:hover {
         opacity: 0.8;
-    }
-.button:active {
+    } .button:active {
         opacity: 0.6;
-    }
-.link {
+    } .link {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-}
-.link:hover {
+} .link:hover {
         opacity: 0.8;
-    }
-.link:active {
+    } .link:active {
         opacity: 0.6;
-    }
-.none {
+    } .none {
     padding: 0;
-}
-.airy {
+} .airy {
     padding: var(--gap-m) 0;
-}
-.defaultPadding {
+} .defaultPadding {
     padding: var(--gap-s) 0;
-}
-.compact {
+} .compact {
     padding: var(--gap-xs) 0;
-}
-.tiny {
+} .tiny {
     padding: var(--gap-2xs) 0;
-}
-.left {
+} .left {
     padding-left: var(--gap-m);
-}
-.right {
+} .right {
     padding-right: var(--gap-m);
-}
-.both {
+} .both {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-}
-.focused {
+} .focused {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/{component-14a22e18.js → component-ce3b8d8e.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-188f7ce3.js';
+import { _ as __rest, a as __assign } from './tslib.es6-2976061b.js';
 import React, { useContext, forwardRef, useRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
@@ -8,14 +8,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-fb544247.js';
+import { g as getDataTestId } from './getDataTestId-6b257645.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/esm';
 
-var styles$3 = {"component":"pure-cell__component_11qkg","horizontal":"pure-cell__horizontal_11qkg"};
+var styles$3 = {"component":"pure-cell__component_l5a35","horizontal":"pure-cell__horizontal_l5a35"};
 require('./components/content/index.css')
 
 var Content = function (_a) {
@@ -25,7 +25,7 @@ var Content = function (_a) {
     return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 
-var styles$2 = {"component":"pure-cell__component_qk3dg","vertical":"pure-cell__vertical_qk3dg","reverse":"pure-cell__reverse_qk3dg"};
+var styles$2 = {"component":"pure-cell__component_1qmha","vertical":"pure-cell__vertical_1qmha","reverse":"pure-cell__reverse_1qmha"};
 require('./components/main/index.css')
 
 var Main = function (_a) {
@@ -37,7 +37,7 @@ var Main = function (_a) {
             _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$1 = {"horizontal":"pure-cell__horizontal_e7qoj","rowLimit1":"pure-cell__rowLimit1_e7qoj","rowLimit2":"pure-cell__rowLimit2_e7qoj","component":"pure-cell__component_e7qoj","vertical":"pure-cell__vertical_e7qoj","title":"pure-cell__title_e7qoj","value":"pure-cell__value_e7qoj"};
+var styles$1 = {"horizontal":"pure-cell__horizontal_1e9jf","rowLimit1":"pure-cell__rowLimit1_1e9jf","rowLimit2":"pure-cell__rowLimit2_1e9jf","component":"pure-cell__component_1e9jf","vertical":"pure-cell__vertical_1e9jf","title":"pure-cell__title_1e9jf","value":"pure-cell__value_1e9jf"};
 require('./components/text/index.css')
 
 var Text = function (_a) {
@@ -52,7 +52,7 @@ var Text = function (_a) {
         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 = {"component":"pure-cell__component_1ifaa","horizontal":"pure-cell__horizontal_1ifaa","vertical":"pure-cell__vertical_1ifaa","button":"pure-cell__button_1ifaa","link":"pure-cell__link_1ifaa","none":"pure-cell__none_1ifaa","airy":"pure-cell__airy_1ifaa","defaultPadding":"pure-cell__defaultPadding_1ifaa","compact":"pure-cell__compact_1ifaa","tiny":"pure-cell__tiny_1ifaa","left":"pure-cell__left_1ifaa","right":"pure-cell__right_1ifaa","both":"pure-cell__both_1ifaa","focused":"pure-cell__focused_1ifaa"};
+var styles = {"component":"pure-cell__component_tnrrf","horizontal":"pure-cell__horizontal_tnrrf","vertical":"pure-cell__vertical_tnrrf","button":"pure-cell__button_tnrrf","link":"pure-cell__link_tnrrf","none":"pure-cell__none_tnrrf","airy":"pure-cell__airy_tnrrf","defaultPadding":"pure-cell__defaultPadding_tnrrf","compact":"pure-cell__compact_tnrrf","tiny":"pure-cell__tiny_tnrrf","left":"pure-cell__left_tnrrf","right":"pure-cell__right_tnrrf","both":"pure-cell__both_tnrrf","focused":"pure-cell__focused_tnrrf"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-188f7ce3.js';
+import './tslib.es6-2976061b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -8,12 +8,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-14a22e18.js';
+export { P as PureCell, a as PureCellContext } from './component-ce3b8d8e.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-fb544247.js';
+import './getDataTestId-6b257645.js';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';
 import '@alfalab/core-components-button/esm';

package/esm/components/addon/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_fwqxv","none":"pure-cell__none_fwqxv","default":"pure-cell__default_fwqxv","addonPadding":"pure-cell__addonPadding_fwqxv","top":"pure-cell__top_fwqxv","center":"pure-cell__center_fwqxv","bottom":"pure-cell__bottom_fwqxv"};
+var styles = {"component":"pure-cell__component_wpv40","none":"pure-cell__none_wpv40","default":"pure-cell__default_wpv40","addonPadding":"pure-cell__addonPadding_wpv40","top":"pure-cell__top_wpv40","center":"pure-cell__center_wpv40","bottom":"pure-cell__bottom_wpv40"};
 require('./index.css')
 
 var Addon = function (_a) {

package/esm/components/addon/index.css

@@ -1,38 +1,36 @@
-/* hash: 3abdp */
+/* hash: q6diz */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-.pure-cell__component_fwqxv {
+} :root {
+} :root {
+} .pure-cell__component_wpv40 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-}
-.pure-cell__component_fwqxv > * {
+} .pure-cell__component_wpv40 > * {
         justify-content: flex-end;
-    }
-.pure-cell__component_fwqxv.pure-cell__none_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__none_wpv40 {
         padding-left: 0;
-    }
-.pure-cell__component_fwqxv.pure-cell__default_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__default_wpv40 {
         padding-left: var(--gap-m);
-    }
-.pure-cell__component_fwqxv.pure-cell__addonPadding_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__addonPadding_wpv40 {
         padding-left: var(--gap-m);
-    }
-.pure-cell__component_fwqxv.pure-cell__top_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__top_wpv40 {
         align-self: flex-start;
-    }
-.pure-cell__component_fwqxv.pure-cell__center_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__center_wpv40 {
         align-self: center;
-    }
-.pure-cell__component_fwqxv.pure-cell__bottom_fwqxv {
+    } .pure-cell__component_wpv40.pure-cell__bottom_wpv40 {
         align-self: flex-end;
     }

package/esm/components/addon/index.js

@@ -1,4 +1,4 @@
 export { Addon } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

package/esm/components/amount/component.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-188f7ce3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-2976061b.js';
 import React from 'react';
 import cn from 'classnames';
 import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
 import { Typography } from '@alfalab/core-components-typography/esm';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_1gigc"};
+var styles = {"component":"pure-cell__component_1sakp"};
 require('./index.css')
 
 var Amount = function (_a) {

package/esm/components/amount/index.css

@@ -1,16 +1,21 @@
-/* hash: 11q8x */
+/* hash: mf1iv */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xs: 2px;
-}
-.pure-cell__component_1gigc {
+} :root {
+} :root {
+} .pure-cell__component_1sakp {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/esm/components/amount/index.js

@@ -1,7 +1,7 @@
 export { Amount } from './component.js';
-import '../../tslib.es6-188f7ce3.js';
+import '../../tslib.es6-2976061b.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

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

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-188f7ce3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-2976061b.js';
 import React from 'react';
 import cn from 'classnames';
 import { Amount } from '@alfalab/core-components-amount/esm';
 import { Typography } from '@alfalab/core-components-typography/esm';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_17xdu","weight":"pure-cell__weight_17xdu"};
+var styles = {"component":"pure-cell__component_1eip9","weight":"pure-cell__weight_1eip9"};
 require('./index.css')
 
 var AmountTitle = function (_a) {

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

@@ -1,15 +1,21 @@
-/* hash: 1yfga */
+/* hash: 7f4lz */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_17xdu {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_1eip9 {
     display: flex;
-}
-.pure-cell__weight_17xdu {
+} .pure-cell__weight_1eip9 {
     font-weight: inherit;
 }

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

@@ -1,7 +1,7 @@
 export { AmountTitle } from './component.js';
-import '../../tslib.es6-188f7ce3.js';
+import '../../tslib.es6-2976061b.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

package/esm/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/esm';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_9cmgz","categoryName":"pure-cell__categoryName_9cmgz","categoryPercent":"pure-cell__categoryPercent_9cmgz","rightAddon":"pure-cell__rightAddon_9cmgz"};
+var styles = {"component":"pure-cell__component_1qpdj","categoryName":"pure-cell__categoryName_1qpdj","categoryPercent":"pure-cell__categoryPercent_1qpdj","rightAddon":"pure-cell__rightAddon_1qpdj"};
 require('./index.css')
 
 var Category = function (_a) {

package/esm/components/category/index.css

@@ -1,41 +1,39 @@
-/* hash: 1etwe */
+/* hash: 10gu1 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-secondary: #f3f4f5;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-xl: 16px;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
-    --border-radius-xl: 16px;
-}
-.pure-cell__component_9cmgz {
+} :root {
+} :root {
+} .pure-cell__component_1qpdj {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-}
-.pure-cell__categoryName_9cmgz {
+} .pure-cell__categoryName_1qpdj {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-}
-.pure-cell__categoryPercent_9cmgz {
+} .pure-cell__categoryPercent_1qpdj {
     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_9cmgz {
+} .pure-cell__rightAddon_1qpdj {
     margin-left: var(--gap-2xs);
 }

package/esm/components/category/index.js

@@ -1,4 +1,4 @@
 export { Category } from './component.js';
 import 'react';
 import '@alfalab/core-components-typography/esm';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

package/esm/components/content/component.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-fb544247.js';
-export { C as Content } from '../../component-14a22e18.js';
-import '../../tslib.es6-188f7ce3.js';
+import '../../getDataTestId-6b257645.js';
+export { C as Content } from '../../component-ce3b8d8e.js';
+import '../../tslib.es6-2976061b.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';

package/esm/components/content/index.css

@@ -1,18 +1,24 @@
-/* hash: 1sgon */
+/* hash: 1nupa */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_11qkg {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_l5a35 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-}
-.pure-cell__component_11qkg.pure-cell__horizontal_11qkg {
+} .pure-cell__component_l5a35.pure-cell__horizontal_l5a35 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-14a22e18";
+export * from "../../component-ce3b8d8e";

package/esm/components/content/index.js

@@ -1,12 +1,12 @@
-export { C as Content } from '../../component-14a22e18.js';
-import '../../tslib.es6-188f7ce3.js';
+export { C as Content } from '../../component-ce3b8d8e.js';
+import '../../tslib.es6-2976061b.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/esm';
 import '@alfalab/core-components-typography/esm';

package/esm/components/footer/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_3hz1g","none":"pure-cell__none_3hz1g","default":"pure-cell__default_3hz1g"};
+var styles = {"component":"pure-cell__component_1qqdl","none":"pure-cell__none_1qqdl","default":"pure-cell__default_1qqdl"};
 require('./index.css')
 
 var Footer = function (_a) {

package/esm/components/footer/index.css

@@ -1,23 +1,26 @@
-/* hash: 19cfh */
+/* hash: iv5wp */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-.pure-cell__component_3hz1g {
+} :root {
+} :root {
+} .pure-cell__component_1qqdl {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-}
-.pure-cell__component_3hz1g.pure-cell__none_3hz1g {
+} .pure-cell__component_1qqdl.pure-cell__none_1qqdl {
         margin-top: 0;
-    }
-.pure-cell__component_3hz1g.pure-cell__default_3hz1g {
+    } .pure-cell__component_1qqdl.pure-cell__default_1qqdl {
         margin-top: var(--gap-xs);
     }

package/esm/components/footer/index.js

@@ -1,4 +1,4 @@
 export { Footer } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

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

@@ -1,9 +1,9 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-188f7ce3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-2976061b.js';
 import React from 'react';
 import { Button } from '@alfalab/core-components-button/esm';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
-var styles = {"component":"pure-cell__component_p7qat"};
+var styles = {"component":"pure-cell__component_imew1"};
 require('./index.css')
 
 var FooterButton = function (_a) {

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

@@ -1,12 +1,19 @@
-/* hash: 1anhg */
+/* hash: lmy4n */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_p7qat {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_imew1 {
     justify-self: start;
 }

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

@@ -1,5 +1,5 @@
 export { FooterButton } from './component.js';
-import '../../tslib.es6-188f7ce3.js';
+import '../../tslib.es6-2976061b.js';
 import 'react';
 import '@alfalab/core-components-button/esm';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/esm';
-import { g as getDataTestId } from '../../getDataTestId-fb544247.js';
+import { g as getDataTestId } from '../../getDataTestId-6b257645.js';
 
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;

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

@@ -1,4 +1,4 @@
 export { FooterText } from './component.js';
 import 'react';
 import '@alfalab/core-components-typography/esm';
-import '../../getDataTestId-fb544247.js';
+import '../../getDataTestId-6b257645.js';