@alfalab/core-components-pure-cell 4.1.8 → 4.1.10

package/modern/components/addon/index.css

@@ -1,38 +1,36 @@
-/* hash: adisx */
+/* hash: w1wrl */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-.pure-cell__component_14biq {
+} :root {
+} :root {
+} .pure-cell__component_13udf {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-}
-.pure-cell__component_14biq > * {
+} .pure-cell__component_13udf > * {
         justify-content: flex-end;
-    }
-.pure-cell__component_14biq.pure-cell__none_14biq {
+    } .pure-cell__component_13udf.pure-cell__none_13udf {
         padding-left: 0;
-    }
-.pure-cell__component_14biq.pure-cell__default_14biq {
+    } .pure-cell__component_13udf.pure-cell__default_13udf {
         padding-left: var(--gap-m);
-    }
-.pure-cell__component_14biq.pure-cell__addonPadding_14biq {
+    } .pure-cell__component_13udf.pure-cell__addonPadding_13udf {
         padding-left: var(--gap-m);
-    }
-.pure-cell__component_14biq.pure-cell__top_14biq {
+    } .pure-cell__component_13udf.pure-cell__top_13udf {
         align-self: flex-start;
-    }
-.pure-cell__component_14biq.pure-cell__center_14biq {
+    } .pure-cell__component_13udf.pure-cell__center_13udf {
         align-self: center;
-    }
-.pure-cell__component_14biq.pure-cell__bottom_14biq {
+    } .pure-cell__component_13udf.pure-cell__bottom_13udf {
         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-29b06530.js';
+import '../../getDataTestId-b209a23f.js';

package/modern/components/amount/component.js

@@ -2,9 +2,9 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_5w43f"};
+const styles = {"component":"pure-cell__component_18foq"};
 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,16 +1,21 @@
-/* hash: 1afmv */
+/* hash: 4j3wt */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xs: 2px;
-}
-.pure-cell__component_5w43f {
+} :root {
+} :root {
+} .pure-cell__component_18foq {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/modern/components/amount/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.js';

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

@@ -2,9 +2,9 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_1wc5m","weight":"pure-cell__weight_1wc5m"};
+const styles = {"component":"pure-cell__component_fg9wm","weight":"pure-cell__weight_fg9wm"};
 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,15 +1,21 @@
-/* hash: 55fns */
+/* hash: ks8ik */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_1wc5m {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_fg9wm {
     display: flex;
-}
-.pure-cell__weight_1wc5m {
+} .pure-cell__weight_fg9wm {
     font-weight: inherit;
 }

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.js';

package/modern/components/category/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_xre9o","categoryName":"pure-cell__categoryName_xre9o","categoryPercent":"pure-cell__categoryPercent_xre9o","rightAddon":"pure-cell__rightAddon_xre9o"};
+const styles = {"component":"pure-cell__component_1kerb","categoryName":"pure-cell__categoryName_1kerb","categoryPercent":"pure-cell__categoryPercent_1kerb","rightAddon":"pure-cell__rightAddon_1kerb"};
 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,41 +1,39 @@
-/* hash: 1zyj5 */
+/* hash: hmrdx */
 :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_xre9o {
+} :root {
+} :root {
+} .pure-cell__component_1kerb {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-}
-.pure-cell__categoryName_xre9o {
+} .pure-cell__categoryName_1kerb {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-}
-.pure-cell__categoryPercent_xre9o {
+} .pure-cell__categoryPercent_1kerb {
     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_xre9o {
+} .pure-cell__rightAddon_1kerb {
     margin-left: var(--gap-2xs);
 }

package/modern/components/category/index.js

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

package/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-29b06530.js';
-export { C as Content } from '../../component-b51e5788.js';
+import '../../getDataTestId-b209a23f.js';
+export { C as Content } from '../../component-e7dc125a.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';

package/modern/components/content/index.css

@@ -1,18 +1,24 @@
-/* hash: b1v98 */
+/* hash: qmplp */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_1q5c9 {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_94x5r {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-}
-.pure-cell__component_1q5c9.pure-cell__horizontal_1q5c9 {
+} .pure-cell__component_94x5r.pure-cell__horizontal_94x5r {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-b51e5788";
+export * from "../../component-e7dc125a";

package/modern/components/content/index.js

@@ -1,11 +1,11 @@
-export { C as Content } from '../../component-b51e5788.js';
+export { C as Content } from '../../component-e7dc125a.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';

package/modern/components/footer/component.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_rwqu5","none":"pure-cell__none_rwqu5","default":"pure-cell__default_rwqu5"};
+const styles = {"component":"pure-cell__component_1axd4","none":"pure-cell__none_1axd4","default":"pure-cell__default_1axd4"};
 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,23 +1,26 @@
-/* hash: v83vw */
+/* hash: 1uqbr */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-.pure-cell__component_rwqu5 {
+} :root {
+} :root {
+} .pure-cell__component_1axd4 {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-}
-.pure-cell__component_rwqu5.pure-cell__none_rwqu5 {
+} .pure-cell__component_1axd4.pure-cell__none_1axd4 {
         margin-top: 0;
-    }
-.pure-cell__component_rwqu5.pure-cell__default_rwqu5 {
+    } .pure-cell__component_1axd4.pure-cell__default_1axd4 {
         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-29b06530.js';
+import '../../getDataTestId-b209a23f.js';

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Button } from '@alfalab/core-components-button/modern';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_syi4e"};
+const styles = {"component":"pure-cell__component_1wpnv"};
 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,12 +1,19 @@
-/* hash: 1uko3 */
+/* hash: xvdk9 */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_syi4e {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_1wpnv {
     justify-self: start;
 }

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.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 '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.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-29b06530.js';
+import { g as getDataTestId } from '../../getDataTestId-b209a23f.js';
 
-const styles = {"component":"pure-cell__component_33ng7","top":"pure-cell__top_33ng7","center":"pure-cell__center_33ng7","bottom":"pure-cell__bottom_33ng7"};
+const styles = {"component":"pure-cell__component_198s3","top":"pure-cell__top_198s3","center":"pure-cell__center_198s3","bottom":"pure-cell__bottom_198s3"};
 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,21 +1,25 @@
-/* hash: msl6o */
+/* hash: 1xbpn */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.pure-cell__component_33ng7 {
+} :root {
+} :root {
+} :root {
+} :root {
+} .pure-cell__component_198s3 {
     flex-basis: auto;
-}
-.pure-cell__top_33ng7 {
+} .pure-cell__top_198s3 {
     align-self: flex-start;
-}
-.pure-cell__center_33ng7 {
+} .pure-cell__center_198s3 {
     align-self: center;
-}
-.pure-cell__bottom_33ng7 {
+} .pure-cell__bottom_198s3 {
     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-29b06530.js';
+import '../../getDataTestId-b209a23f.js';

package/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '../../getDataTestId-29b06530.js';
-export { M as Main } from '../../component-b51e5788.js';
+import '../../getDataTestId-b209a23f.js';
+export { M as Main } from '../../component-e7dc125a.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';

package/modern/components/main/index.css

@@ -1,31 +1,34 @@
-/* hash: a6bqd */
+/* hash: smq7h */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xs: 2px;
-}
-.pure-cell__component_25bkr {
+} :root {
+} :root {
+} .pure-cell__component_ymuzq {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-}
-.pure-cell__component_25bkr.pure-cell__vertical_25bkr {
+} .pure-cell__component_ymuzq.pure-cell__vertical_ymuzq {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    }
-.pure-cell__component_25bkr.pure-cell__reverse_25bkr {
+    } .pure-cell__component_ymuzq.pure-cell__reverse_ymuzq {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-b51e5788";
+export * from "../../component-e7dc125a";

package/modern/components/main/index.js

@@ -1,11 +1,11 @@
-export { M as Main } from '../../component-b51e5788.js';
+export { M as Main } from '../../component-e7dc125a.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';

package/modern/components/text/component.js

@@ -1,8 +1,8 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-typography/modern';
-import '../../getDataTestId-29b06530.js';
-export { T as Text } from '../../component-b51e5788.js';
+import '../../getDataTestId-b209a23f.js';
+export { T as Text } from '../../component-e7dc125a.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';

package/modern/components/text/index.css

@@ -1,45 +1,44 @@
-/* hash: 16b3d */
+/* hash: ekdwm */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xs: 2px;
     --gap-m: 16px;
-}
-.pure-cell__horizontal_12mih {
+} :root {
+} :root {
+} .pure-cell__horizontal_1ln4r {
     padding: var(--gap-3xs) 0;
-}
-.pure-cell__rowLimit1_12mih {
+} .pure-cell__rowLimit1_1ln4r {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-}
-.pure-cell__rowLimit2_12mih {
+} .pure-cell__rowLimit2_1ln4r {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    word-break: break-all;
-}
-.pure-cell__component_12mih {
+} .pure-cell__component_1ln4r {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-}
-.pure-cell__component_12mih .pure-cell__vertical_12mih {
+} .pure-cell__component_1ln4r .pure-cell__vertical_1ln4r {
         justify-content: center;
-    }
-.pure-cell__title_12mih + .pure-cell__value_12mih {
+    } .pure-cell__title_1ln4r + .pure-cell__value_1ln4r {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-b51e5788";
+export * from "../../component-e7dc125a";

package/modern/components/text/index.js

@@ -1,11 +1,11 @@
-export { T as Text } from '../../component-b51e5788.js';
+export { T as Text } from '../../component-e7dc125a.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
 import '../addon/component.js';
-import '../../getDataTestId-29b06530.js';
+import '../../getDataTestId-b209a23f.js';
 import '../amount/component.js';
 import '@alfalab/core-components-amount/modern';
 import '@alfalab/core-components-typography/modern';