@alfalab/core-components-pure-cell 1.2.2 → 2.0.2

package/modern/components/addon/index.css

@@ -0,0 +1,29 @@
+/* hash: cwsu3 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.pure-cell__component_8law0 {
+    display: flex;
+    flex-direction: column;
+    padding-left: var(--gap-m)
+}
+.pure-cell__component_8law0 > * {
+        justify-content: flex-end;
+    }
+.pure-cell__component_8law0.pure-cell__none_8law0 {
+        padding-left: 0;
+    }
+.pure-cell__component_8law0.pure-cell__default_8law0 {
+        padding-left: var(--gap-m);
+    }
+.pure-cell__component_8law0.pure-cell__center_8law0 {
+        align-self: center;
+    }

package/{dist/modern → modern}/components/addon/index.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 export { Addon } from './component.js';

package/{dist/modern → modern}/components/amount/component.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Typography } from '@alfalab/core-components-typography/dist/modern';
-import { Amount as Amount$1 } from '@alfalab/core-components-amount/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Typography } from '@alfalab/core-components-typography/modern';
+import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 
-var styles = {"component":"pure-cell__component_qn351"};
+var styles = {"component":"pure-cell__component_st93e"};
 require('./index.css')
 
 const Amount = ({ amount, weight = 'normal', view = 'component', color = 'primary', dataTestId, }) => {

package/{dist → modern}/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: 1go8j */
+/* hash: 3553p */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_qn351 {
+.pure-cell__component_st93e {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/modern/components/amount/index.js

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

package/{dist/modern → modern}/components/amount-title/component.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Typography } from '@alfalab/core-components-typography/dist/modern';
-import { Amount } from '@alfalab/core-components-amount/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Typography } from '@alfalab/core-components-typography/modern';
+import { Amount } from '@alfalab/core-components-amount/modern';
 
-var styles = {"component":"pure-cell__component_1ak86","weight":"pure-cell__weight_1ak86"};
+var styles = {"component":"pure-cell__component_pzteh","weight":"pure-cell__weight_pzteh"};
 require('./index.css')
 
 const AmountTitle = ({ amount, color = 'primary', dataTestId }) => {

package/{dist/esm → modern}/components/amount-title/index.css

@@ -1,4 +1,4 @@
-/* hash: vvdx2 */
+/* hash: 1f0ty */
 :root {
 
     /* Hard */
@@ -7,9 +7,9 @@
 
     /* Hard up */
 }
-.pure-cell__component_1ak86 {
+.pure-cell__component_pzteh {
     display: flex;
 }
-.pure-cell__weight_1ak86 {
+.pure-cell__weight_pzteh {
     font-weight: inherit;
 }

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

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

package/{dist/modern → modern}/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Typography } from '@alfalab/core-components-typography/modern';
 
-var styles = {"component":"pure-cell__component_17eql","categoryName":"pure-cell__categoryName_17eql","categoryPercent":"pure-cell__categoryPercent_17eql"};
+var styles = {"component":"pure-cell__component_41g4t","categoryName":"pure-cell__categoryName_41g4t","categoryPercent":"pure-cell__categoryPercent_41g4t"};
 require('./index.css')
 
 const Category = ({ categoryName, categoryPercent, dataTestId }) => (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },

package/{dist/modern → modern}/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: tgdw5 */
+/* hash: 1eyei */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -18,17 +18,18 @@
 :root {
     --border-radius-xl: 16px;
 }
-.pure-cell__component_17eql {
+.pure-cell__component_41g4t {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__categoryName_17eql {
-    text-overflow: ellipsis;
-    white-space: nowrap;
+.pure-cell__categoryName_41g4t {
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__categoryPercent_17eql {
+.pure-cell__categoryPercent_41g4t {
     padding: 0 var(--gap-xs);
     background-color: var(--color-light-bg-secondary);
     border-radius: var(--border-radius-xl);

package/modern/components/category/index.js

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

package/{dist/modern → modern}/components/comment/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Typography } from '@alfalab/core-components-typography/modern';
 
-var styles = {"component":"pure-cell__component_18l4t","text":"pure-cell__text_18l4t"};
+var styles = {"component":"pure-cell__component_5vbyj","text":"pure-cell__text_5vbyj"};
 require('./index.css')
 
 const Comment = ({ children, dataTestId }) => (React.createElement("div", { className: styles.component, "data-test-id": getDataTestId(dataTestId, 'comment') },

package/{dist/modern → modern}/components/comment/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hskr */
+/* hash: 1qloq */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -18,7 +18,7 @@
     --border-radius-xs: 2px;
     --border-radius-xxl: 20px;
 }
-.pure-cell__component_18l4t {
+.pure-cell__component_5vbyj {
     width: -moz-fit-content;
     width: fit-content;
     padding: var(--gap-xs) var(--gap-m);
@@ -26,7 +26,7 @@
     border-radius: var(--border-radius-xs) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.pure-cell__text_18l4t {
+.pure-cell__text_5vbyj {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;

package/modern/components/comment/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-97ba9c1f.js';
+import '@alfalab/core-components-typography/modern';
+export { Comment } from './component.js';

package/{dist/modern/components/text → modern/components/content}/component.js

@@ -2,17 +2,17 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 import '../addon/component.js';
-import '@alfalab/core-components-typography/dist/modern';
-import '@alfalab/core-components-amount/dist/modern';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-amount/modern';
 import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
 import '../comment/component.js';
-export { T as Text } from '../../component-7207d6dd.js';
+export { C as Content } from '../../component-4be0f365.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/dist/modern';
+import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/{dist/modern → modern}/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: r104j */
+/* hash: 1wi6t */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.pure-cell__component_shn3s {
+.pure-cell__component_8s3fu {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
 }
-.pure-cell__component_shn3s.pure-cell__horizontal_shn3s {
+.pure-cell__component_8s3fu.pure-cell__horizontal_8s3fu {
         /* for button */
         align-self: stretch;
     }

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

@@ -0,0 +1 @@
+export * from "../../component-4be0f365";

package/{dist/modern/components/main → modern/components/content}/index.js

@@ -2,17 +2,17 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 import '../addon/component.js';
-import '@alfalab/core-components-typography/dist/modern';
-import '@alfalab/core-components-amount/dist/modern';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-amount/modern';
 import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
 import '../comment/component.js';
-export { M as Main } from '../../component-7207d6dd.js';
+export { C as Content } from '../../component-4be0f365.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/dist/modern';
+import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/{dist/modern → modern}/components/footer/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
 
-var styles = {"component":"pure-cell__component_14f1w","none":"pure-cell__none_14f1w","default":"pure-cell__default_14f1w"};
+var styles = {"component":"pure-cell__component_127hq","none":"pure-cell__none_127hq","default":"pure-cell__default_127hq"};
 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/{dist/modern → modern}/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 10q8f */
+/* hash: 1jvoh */
 :root {
 
     /* Hard */
@@ -10,14 +10,14 @@
 :root {
     --gap-xs: 8px;
 }
-.pure-cell__component_14f1w {
+.pure-cell__component_127hq {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
 }
-.pure-cell__component_14f1w.pure-cell__none_14f1w {
+.pure-cell__component_127hq.pure-cell__none_127hq {
         margin-top: 0;
     }
-.pure-cell__component_14f1w.pure-cell__default_14f1w {
+.pure-cell__component_127hq.pure-cell__default_127hq {
         margin-top: var(--gap-xs);
     }

package/{dist/esm → modern}/components/footer/index.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-33b9a6b2.js';
+import '../../getDataTestId-97ba9c1f.js';
 export { Footer } from './component.js';

package/{dist/modern → modern}/components/footer-button/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Button } from '@alfalab/core-components-button/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"component":"pure-cell__component_14z4s"};
+var styles = {"component":"pure-cell__component_175aq"};
 require('./index.css')
 
 const FooterButton = ({ children, dataTestId, ...props }) => (React.createElement(Button, Object.assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component }), children));

package/{dist/modern → modern}/components/footer-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 13upu */
+/* hash: 3ms48 */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_14z4s {
+.pure-cell__component_175aq {
     justify-self: start;
 }

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

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

package/{dist/modern → modern}/components/footer-text/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
-import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
+import { Typography } from '@alfalab/core-components-typography/modern';
 
 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

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

package/{dist/modern → modern}/components/graphics/component.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { g as getDataTestId } from '../../getDataTestId-ccfde707.js';
+import { g as getDataTestId } from '../../getDataTestId-97ba9c1f.js';
 
-var styles = {"component":"pure-cell__component_kcxdr"};
+var styles = {"component":"pure-cell__component_1z137"};
 require('./index.css')
 
 const Graphics = ({ children, dataTestId }) => {

package/{dist → modern}/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: 18er4 */
+/* hash: 1ef7a */
 :root {
 
     /* Hard */
@@ -7,6 +7,6 @@
 
     /* Hard up */
 }
-.pure-cell__component_kcxdr {
+.pure-cell__component_1z137 {
     flex-basis: auto;
 }

package/{dist/modern → modern}/components/graphics/index.js

@@ -1,3 +1,3 @@
 import 'react';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 export { Graphics } from './component.js';

package/{dist/modern → modern}/components/main/component.js

@@ -2,17 +2,17 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 import '../addon/component.js';
-import '@alfalab/core-components-typography/dist/modern';
-import '@alfalab/core-components-amount/dist/modern';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-amount/modern';
 import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
 import '../comment/component.js';
-export { M as Main } from '../../component-7207d6dd.js';
+export { M as Main } from '../../component-4be0f365.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/dist/modern';
+import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/{dist/esm → modern}/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 3xq2m */
+/* hash: 10ebt */
 :root {
 
     /* Hard */
@@ -10,7 +10,7 @@
 :root {
     --gap-3xs: 2px;
 }
-.pure-cell__component_1splb {
+.pure-cell__component_1e9am {
     display: flex;
     flex-direction: column;
     align-self: center;
@@ -18,7 +18,7 @@
     /* can use /r/n */
     white-space: pre-line
 }
-.pure-cell__component_1splb.pure-cell__vertical_1splb {
+.pure-cell__component_1e9am.pure-cell__vertical_1e9am {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
@@ -26,6 +26,6 @@
         /* for button */
         text-align: center;
     }
-.pure-cell__component_1splb.pure-cell__reverse_1splb {
+.pure-cell__component_1e9am.pure-cell__reverse_1e9am {
         flex-direction: column-reverse;
     }

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

@@ -0,0 +1 @@
+export * from "../../component-4be0f365";

package/{dist/modern/components/text → modern/components/main}/index.js

@@ -2,17 +2,17 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
-import '../../getDataTestId-ccfde707.js';
+import '../../getDataTestId-97ba9c1f.js';
 import '../addon/component.js';
-import '@alfalab/core-components-typography/dist/modern';
-import '@alfalab/core-components-amount/dist/modern';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-amount/modern';
 import '../amount/component.js';
 import '../amount-title/component.js';
 import '../category/component.js';
 import '../comment/component.js';
-export { T as Text } from '../../component-7207d6dd.js';
+export { M as Main } from '../../component-4be0f365.js';
 import '../footer/component.js';
-import '@alfalab/core-components-button/dist/modern';
+import '@alfalab/core-components-button/modern';
 import '../footer-button/component.js';
 import '../footer-text/component.js';
 import '../graphics/component.js';

package/modern/components/text/component.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-97ba9c1f.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-amount/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { T as Text } from '../../component-4be0f365.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/{dist → modern}/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bt7x */
+/* hash: 1uyny */
 :root {
 
     /* Hard */
@@ -11,37 +11,37 @@
     --gap-3xs: 2px;
     --gap-m: 16px;
 }
-.pure-cell__horizontal_ry7r2 {
+.pure-cell__horizontal_1cx9d {
     padding: var(--gap-3xs) 0;
 }
-.pure-cell__rowLimit1_ry7r2 {
+.pure-cell__rowLimit1_1cx9d {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__rowLimit2_ry7r2 {
+.pure-cell__rowLimit2_1cx9d {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__component_ry7r2 {
+.pure-cell__component_1cx9d {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
 }
-.pure-cell__component_ry7r2 .pure-cell__multiline_ry7r2 {
+.pure-cell__component_1cx9d .pure-cell__multiline_1cx9d {
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         overflow: hidden;
     }
-.pure-cell__component_ry7r2 .pure-cell__vertical_ry7r2 {
+.pure-cell__component_1cx9d .pure-cell__vertical_1cx9d {
         justify-content: center;
     }
-.pure-cell__title_ry7r2 {
+.pure-cell__title_1cx9d {
     margin-right: var(--gap-m);
 }

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

@@ -0,0 +1 @@
+export * from "../../component-4be0f365";