@alfalab/core-components-pure-cell 4.10.1 → 4.10.3

package/modern/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 13gt5 */
+/* hash: o6h65 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,23 +18,23 @@
 } :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_7czew {
+} .pure-cell__component_120o9 {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_7czew.pure-cell__vertical_7czew {
+} .pure-cell__component_120o9.pure-cell__vertical_120o9 {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_7czew.pure-cell__reverse_7czew {
+    } .pure-cell__component_120o9.pure-cell__reverse_120o9 {
         flex-direction: column-reverse;
-    } .pure-cell__component_7czew.pure-cell__button_7czew {
+    } .pure-cell__component_120o9.pure-cell__button_120o9 {
         box-sizing: border-box;
         background-color: transparent;
         -webkit-tap-highlight-color: transparent;
@@ -53,8 +53,8 @@
         padding: 0;
         transition: opacity 0.15s ease-in-out;
         min-width: auto
-    } .pure-cell__component_7czew.pure-cell__button_7czew:hover {
+    } .pure-cell__component_120o9.pure-cell__button_120o9:hover {
             opacity: var(--pure-cell-clickable-area-hover-opacity);
-        } .pure-cell__component_7czew.pure-cell__button_7czew:active {
+        } .pure-cell__component_120o9.pure-cell__button_120o9:active {
             opacity: var(--pure-cell-clickable-area-active-opacity);
         }

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

@@ -1 +1 @@
-export * from "../../component-c9a0fbea";
+export * from "../../component-818fc238";

package/modern/components/main/index.js

@@ -1 +1 @@
-export { M as Main } from '../../component-c9a0fbea.js';
+export { M as Main } from '../../component-818fc238.js';

package/modern/components/text/component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { T as Text } from '../../component-c9a0fbea.js';
+export { T as Text } from '../../component-818fc238.js';

package/modern/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: ok5l1 */
+/* hash: 1troe */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_1yl0i {
+} .pure-cell__horizontal_125db {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_1yl0i {
+} .pure-cell__rowLimit1_125db {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_1yl0i {
+} .pure-cell__rowLimit2_125db {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_1yl0i {
+} .pure-cell__component_125db {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_1yl0i .pure-cell__vertical_1yl0i {
+} .pure-cell__component_125db .pure-cell__vertical_125db {
         justify-content: center;
-    } .pure-cell__title_1yl0i + .pure-cell__value_1yl0i {
+    } .pure-cell__title_125db + .pure-cell__value_125db {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-c9a0fbea";
+export * from "../../component-818fc238";

package/modern/components/text/index.js

@@ -1 +1 @@
-export { T as Text } from '../../component-c9a0fbea.js';
+export { T as Text } from '../../component-818fc238.js';

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cr59 */
+/* hash: dob2c */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,17 +20,17 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_10jaf {
+} .pure-cell__component_14yfp {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_10jaf {
+} .pure-cell__horizontal_14yfp {
     display: flex;
     width: 100%;
-} .pure-cell__vertical_10jaf {
+} .pure-cell__vertical_14yfp {
     display: flex;
     align-items: center;
     flex-direction: column;
-} .pure-cell__button_10jaf {
+} .pure-cell__button_14yfp {
     font-family: inherit;
     background: none;
     border: 0;
@@ -38,57 +38,57 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_10jaf.pure-cell__hover_10jaf {
+} .pure-cell__button_14yfp.pure-cell__hover_14yfp {
         opacity: 0.8;
-    } .pure-cell__button_10jaf.pure-cell__active_10jaf {
+    } .pure-cell__button_14yfp.pure-cell__active_14yfp {
         opacity: 0.6;
-    } .pure-cell__link_10jaf {
+    } .pure-cell__link_14yfp {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_10jaf.pure-cell__hover_10jaf {
+} .pure-cell__link_14yfp.pure-cell__hover_14yfp {
         opacity: 0.8;
-    } .pure-cell__link_10jaf.pure-cell__active_10jaf {
+    } .pure-cell__link_14yfp.pure-cell__active_14yfp {
         opacity: 0.6;
-    } .pure-cell__none_10jaf {
+    } .pure-cell__none_14yfp {
     padding: 0;
-} .pure-cell__airy_10jaf {
+} .pure-cell__airy_14yfp {
     padding: var(--gap-m) 0;
-} .pure-cell__default_10jaf {
+} .pure-cell__default_14yfp {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_10jaf {
+} .pure-cell__compact_14yfp {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_10jaf {
+} .pure-cell__tiny_14yfp {
     padding: var(--gap-2xs) 0;
-} .pure-cell__noneTop_10jaf {
+} .pure-cell__noneTop_14yfp {
     padding-top: 0;
-} .pure-cell__airyTop_10jaf {
+} .pure-cell__airyTop_14yfp {
     padding-top: var(--gap-m);
-} .pure-cell__defaultTop_10jaf {
+} .pure-cell__defaultTop_14yfp {
     padding-top: var(--gap-s);
-} .pure-cell__compactTop_10jaf {
+} .pure-cell__compactTop_14yfp {
     padding-top: var(--gap-xs);
-} .pure-cell__tinyTop_10jaf {
+} .pure-cell__tinyTop_14yfp {
     padding-top: var(--gap-2xs);
-} .pure-cell__noneBottom_10jaf {
+} .pure-cell__noneBottom_14yfp {
     padding-bottom: 0;
-} .pure-cell__airyBottom_10jaf {
+} .pure-cell__airyBottom_14yfp {
     padding-bottom: var(--gap-m);
-} .pure-cell__defaultBottom_10jaf {
+} .pure-cell__defaultBottom_14yfp {
     padding-bottom: var(--gap-s);
-} .pure-cell__compactBottom_10jaf {
+} .pure-cell__compactBottom_14yfp {
     padding-bottom: var(--gap-xs);
-} .pure-cell__tinyBottom_10jaf {
+} .pure-cell__tinyBottom_14yfp {
     padding-bottom: var(--gap-2xs);
-} .pure-cell__left_10jaf {
+} .pure-cell__left_14yfp {
     padding-left: var(--gap-m);
-} .pure-cell__right_10jaf {
+} .pure-cell__right_14yfp {
     padding-right: var(--gap-m);
-} .pure-cell__both_10jaf {
+} .pure-cell__both_14yfp {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_10jaf {
+} .pure-cell__focused_14yfp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.d.ts

@@ -1,2 +1,2 @@
-export { PureCell } from "./component-6a954af1";
-export type { PureCellProps } from "./component-6a954af1";
+export { PureCell } from "./component-8c83a9ca";
+export type { PureCellProps } from "./component-8c83a9ca";

package/modern/index.js

@@ -1 +1 @@
-export { P as PureCell } from './component-c9a0fbea.js';
+export { P as PureCell } from './component-818fc238.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.10.1",
+    "version": "4.10.3",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -16,7 +16,7 @@
     },
     "dependencies": {
         "@alfalab/core-components-amount": "^3.5.1",
-        "@alfalab/core-components-button": "^11.4.3",
+        "@alfalab/core-components-button": "^11.4.5",
         "@alfalab/core-components-typography": "^4.5.1",
         "@alfalab/core-components-comment": "^2.3.4",
         "@alfalab/core-components-shared": "^0.10.0",

package/src/component.tsx

@@ -23,7 +23,7 @@ import { Category } from './components/category';
 import { Content } from './components/content';
 import { Footer } from './components/footer';
 import { FooterButton } from './components/footer-button';
-import { FooterText } from './components/footer-text';
+import { FooterText, FooterTextProps } from './components/footer-text';
 import { Graphics } from './components/graphics';
 import { Main } from './components/main';
 import { Text } from './components/text';
@@ -233,8 +233,10 @@ export const PureCell = Object.assign(PureCellComponent, {
     AmountTitle,
     Addon,
     Footer,
-    ExtraSubtitle: FooterText,
+    ExtraSubtitle: FooterText as React.FC<FooterTextProps>,
     FooterButton,
     Comment,
     Category,
 });
+
+PureCellComponent.displayName = 'PureCellComponent';

package/src/components/footer-text/component.tsx

@@ -5,7 +5,7 @@ import { Color, Typography } from '@alfalab/core-components-typography';
 
 import { PureCellContext } from '../../component';
 
-export type Props = {
+export type FooterTextProps = {
     /**
      * Цвет текста
      */
@@ -23,7 +23,11 @@ export type Props = {
     children?: ReactNode;
 };
 
-export const FooterText: React.FC<Props> = ({ children, color = 'secondary', dataTestId }) => {
+export const FooterText: React.FC<FooterTextProps> = ({
+    children,
+    color = 'secondary',
+    dataTestId,
+}) => {
     const pureCellContext = useContext(PureCellContext);
 
     return (