@alfalab/core-components-pure-cell 5.0.1 → 5.0.2

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: 0;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--border-radius-0);\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}

package/index.css

@@ -1,5 +1,7 @@
 :root {
     --color-light-status-info: #2288fa;
+} :root {
+    --border-radius-0: 0;
 } :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
@@ -12,75 +14,75 @@
     --gap-16: var(--gap-m);
 } :root {
     --focus-color: var(--color-light-status-info);
-} .pure-cell__component_s3aeg {
-    text-align: unset;
+} .pure-cell__component_2e0lh {
+    text-align: inherit;
     box-sizing: border-box;
-} .pure-cell__horizontal_s3aeg {
+} .pure-cell__horizontal_2e0lh {
     display: flex;
     width: 100%;
-} .pure-cell__vertical_s3aeg {
+} .pure-cell__vertical_2e0lh {
     display: flex;
     align-items: center;
     flex-direction: column;
-} .pure-cell__button_s3aeg {
+} .pure-cell__button_2e0lh {
     font-family: inherit;
     background: none;
     border: 0;
-    border-radius: 0;
+    border-radius: var(--border-radius-0);
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
-    padding: var(--gap-0)
-} .pure-cell__button_s3aeg.pure-cell__hover_s3aeg {
+    padding: var(--gap-0);
+} .pure-cell__button_2e0lh.pure-cell__hover_2e0lh {
         opacity: 0.8;
-    } .pure-cell__button_s3aeg.pure-cell__active_s3aeg {
+    } .pure-cell__button_2e0lh.pure-cell__active_2e0lh {
         opacity: 0.6;
-    } .pure-cell__link_s3aeg {
+    } .pure-cell__link_2e0lh {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
-    transition: opacity 0.15s ease-in-out
-} .pure-cell__link_s3aeg.pure-cell__hover_s3aeg {
+    transition: opacity 0.15s ease-in-out;
+} .pure-cell__link_2e0lh.pure-cell__hover_2e0lh {
         opacity: 0.8;
-    } .pure-cell__link_s3aeg.pure-cell__active_s3aeg {
+    } .pure-cell__link_2e0lh.pure-cell__active_2e0lh {
         opacity: 0.6;
-    } .pure-cell__none_s3aeg {
+    } .pure-cell__none_2e0lh {
     padding: var(--gap-0);
-} .pure-cell__airy_s3aeg {
+} .pure-cell__airy_2e0lh {
     padding: var(--gap-16) var(--gap-0);
-} .pure-cell__default_s3aeg {
+} .pure-cell__default_2e0lh {
     padding: var(--gap-12) var(--gap-0);
-} .pure-cell__compact_s3aeg {
+} .pure-cell__compact_2e0lh {
     padding: var(--gap-8) var(--gap-0);
-} .pure-cell__tiny_s3aeg {
+} .pure-cell__tiny_2e0lh {
     padding: var(--gap-4) var(--gap-0);
-} .pure-cell__noneTop_s3aeg {
+} .pure-cell__noneTop_2e0lh {
     padding-top: var(--gap-0);
-} .pure-cell__airyTop_s3aeg {
+} .pure-cell__airyTop_2e0lh {
     padding-top: var(--gap-16);
-} .pure-cell__defaultTop_s3aeg {
+} .pure-cell__defaultTop_2e0lh {
     padding-top: var(--gap-12);
-} .pure-cell__compactTop_s3aeg {
+} .pure-cell__compactTop_2e0lh {
     padding-top: var(--gap-8);
-} .pure-cell__tinyTop_s3aeg {
+} .pure-cell__tinyTop_2e0lh {
     padding-top: var(--gap-4);
-} .pure-cell__noneBottom_s3aeg {
+} .pure-cell__noneBottom_2e0lh {
     padding-bottom: var(--gap-0);
-} .pure-cell__airyBottom_s3aeg {
+} .pure-cell__airyBottom_2e0lh {
     padding-bottom: var(--gap-16);
-} .pure-cell__defaultBottom_s3aeg {
+} .pure-cell__defaultBottom_2e0lh {
     padding-bottom: var(--gap-12);
-} .pure-cell__compactBottom_s3aeg {
+} .pure-cell__compactBottom_2e0lh {
     padding-bottom: var(--gap-8);
-} .pure-cell__tinyBottom_s3aeg {
+} .pure-cell__tinyBottom_2e0lh {
     padding-bottom: var(--gap-4);
-} .pure-cell__left_s3aeg {
+} .pure-cell__left_2e0lh {
     padding-left: var(--gap-16);
-} .pure-cell__right_s3aeg {
+} .pure-cell__right_2e0lh {
     padding-right: var(--gap-16);
-} .pure-cell__both_s3aeg {
+} .pure-cell__both_2e0lh {
     padding-right: var(--gap-16);
     padding-left: var(--gap-16);
-} .pure-cell__focused_s3aeg {
+} .pure-cell__focused_2e0lh {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_s3aeg","horizontal":"pure-cell__horizontal_s3aeg","vertical":"pure-cell__vertical_s3aeg","button":"pure-cell__button_s3aeg","hover":"pure-cell__hover_s3aeg","active":"pure-cell__active_s3aeg","link":"pure-cell__link_s3aeg","none":"pure-cell__none_s3aeg","airy":"pure-cell__airy_s3aeg","default":"pure-cell__default_s3aeg","compact":"pure-cell__compact_s3aeg","tiny":"pure-cell__tiny_s3aeg","noneTop":"pure-cell__noneTop_s3aeg","airyTop":"pure-cell__airyTop_s3aeg","defaultTop":"pure-cell__defaultTop_s3aeg","compactTop":"pure-cell__compactTop_s3aeg","tinyTop":"pure-cell__tinyTop_s3aeg","noneBottom":"pure-cell__noneBottom_s3aeg","airyBottom":"pure-cell__airyBottom_s3aeg","defaultBottom":"pure-cell__defaultBottom_s3aeg","compactBottom":"pure-cell__compactBottom_s3aeg","tinyBottom":"pure-cell__tinyBottom_s3aeg","left":"pure-cell__left_s3aeg","right":"pure-cell__right_s3aeg","both":"pure-cell__both_s3aeg","focused":"pure-cell__focused_s3aeg"};
+var styles = {"component":"pure-cell__component_2e0lh","horizontal":"pure-cell__horizontal_2e0lh","vertical":"pure-cell__vertical_2e0lh","button":"pure-cell__button_2e0lh","hover":"pure-cell__hover_2e0lh","active":"pure-cell__active_2e0lh","link":"pure-cell__link_2e0lh","none":"pure-cell__none_2e0lh","airy":"pure-cell__airy_2e0lh","default":"pure-cell__default_2e0lh","compact":"pure-cell__compact_2e0lh","tiny":"pure-cell__tiny_2e0lh","noneTop":"pure-cell__noneTop_2e0lh","airyTop":"pure-cell__airyTop_2e0lh","defaultTop":"pure-cell__defaultTop_2e0lh","compactTop":"pure-cell__compactTop_2e0lh","tinyTop":"pure-cell__tinyTop_2e0lh","noneBottom":"pure-cell__noneBottom_2e0lh","airyBottom":"pure-cell__airyBottom_2e0lh","defaultBottom":"pure-cell__defaultBottom_2e0lh","compactBottom":"pure-cell__compactBottom_2e0lh","tinyBottom":"pure-cell__tinyBottom_2e0lh","left":"pure-cell__left_2e0lh","right":"pure-cell__right_2e0lh","both":"pure-cell__both_2e0lh","focused":"pure-cell__focused_2e0lh"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: 0;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--border-radius-0);\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}

package/modern/component.d.ts

@@ -1,5 +1,4 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button/modern';
+import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType, type HTMLAttributes } from 'react';
 import { Comment } from '@alfalab/core-components-comment/modern';
 import { Addon } from './components/addon';
 import { Amount } from './components/amount';
@@ -8,19 +7,12 @@ import { Category } from './components/category';
 import { Content } from './components/content';
 import { Footer } from './components/footer';
 import { FooterButton } from './components/footer-button';
-import { FooterTextProps } from './components/footer-text';
 import { Graphics } from './components/graphics';
 import { Main } from './components/main';
 import { Text } from './components/text';
-import { PureCellElement } from './components/types';
-export declare type PureCellContext = {
-    /** Направление */
-    direction?: 'horizontal' | 'vertical';
-    dataTestId?: string;
-    setMainHover?: () => void;
-    unsetMainHover?: () => void;
-};
-export declare const PureCellContext: React.Context<PureCellContext>;
+import { type PureCellElement } from './components/types';
+import { PureCellContext } from './context';
+export { PureCellContext };
 declare type BasePureCellProps = {
     /**
      * Направление
@@ -69,7 +61,7 @@ declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTML
 declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
 export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
 declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
-declare const ExtraSubtitle: React.FC<FooterTextProps>;
+declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
 /**
  * Универсальный конструктор для сборки любой ячейки.
  *
@@ -96,7 +88,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
         value?: React.ReactNode;
         valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
-        dataTestId?: string | undefined;
+        dataTestId?: string | undefined; /**
+         * Направление
+         */
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
@@ -123,8 +117,8 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         footerPadding?: "default" | "none" | undefined;
         dataTestId?: string | undefined;
     }>;
-    ExtraSubtitle: React.FC<FooterTextProps>;
-    FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
+    ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
+    FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
         dataTestId?: string | undefined;
     } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;

package/modern/component.js

@@ -15,11 +15,9 @@ import { FooterText } from './components/footer-text/component.js';
 import { Graphics } from './components/graphics/component.js';
 import { Main } from './components/main/component.js';
 import { Text } from './components/text/component.js';
+import { PureCellContext } from './context.js';
 import styles from './index.module.css.js';
 
-/* eslint-disable react/jsx-no-constructed-context-values */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const PureCellContext = React.createContext({});
 const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
     const cellRef = useRef(null);
     const [focused] = useFocus(cellRef, 'keyboard');
@@ -47,6 +45,7 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
         [styles.hover]: hoverState,
         [styles.active]: activeState,
     };
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
     const contextState = {
         direction,
         dataTestId,

package/modern/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-constructed-context-values */\nimport React, {\n    AnchorHTMLAttributes,\n    ButtonHTMLAttributes,\n    ElementType,\n    forwardRef,\n    HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { ButtonProps } from '@alfalab/core-components-button';\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText, FooterTextProps } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { PureCellElement } from './components/types';\n\nimport styles from './index.module.css';\n\nexport type PureCellContext = {\n    /** Направление */\n    direction?: 'horizontal' | 'vertical';\n    dataTestId?: string;\n    setMainHover?: () => void;\n    unsetMainHover?: () => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const PureCellContext = React.createContext<PureCellContext>({});\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        const contextState: PureCellContext = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText as React.FC<FooterTextProps>;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n    type AnchorHTMLAttributes,\n    type ButtonHTMLAttributes,\n    type ElementType,\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        const contextState: PureCellContextValue = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":[],"mappings":"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"}

package/modern/components/addon/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddonElement } from '../types';
+import { type AddonElement } from '../types';
 declare type Props = {
     /**
      * Вертикальное выравнивание

package/modern/components/addon/component.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css.js';
 
 const ADDON_COMPONENT = {

package/modern/components/addon/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\nimport { AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n    /**\n     * Горизонтальные отступы\n     */\n    addonPadding?: 'default' | 'none';\n\n    /**\n     * Компоненты\n     */\n    children: AddonElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -addon\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту аддона.\n     */\n    onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n    children,\n    verticalAlign = 'top',\n    addonPadding = 'default',\n    dataTestId,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            pureCellContext.unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            pureCellContext.setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n                [styles.button]: onClick,\n            })}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAsCA,MAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;MAEY,KAAK,GAAoB,CAAC,EACnC,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,YAAY,GAAG,SAAS,EACxB,UAAU,EACV,OAAO,GACV,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,MAAM,aAAa,GAAG;AAClB,QAAA,OAAO,EAAE,CAAC,CAAsC,KAAI;YAChD,CAAC,CAAC,eAAe,EAAE;YACnB,OAAO,IAAI;SACd;QACD,YAAY,EAAE,MAAK;AACf,YAAA,eAAe,CAAC,cAAc,IAAI;SACrC;QACD,YAAY,EAAE,MAAK;AACf,YAAA,eAAe,CAAC,YAAY,IAAI;SACnC;AACD,QAAA,WAAW,EAAE,CAAC,CAAsC,KAAI;YACpD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACI,oBAAC,SAAS,EAAA,EACN,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;AACzE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO;SAC3B,CAAC,EAAA,cAAA,EACY,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,EAC1E,IAAC,OAAO,IAAI,aAAa,CAAC,EAE7B,EAAA,QAAQ,CACD;AAEpB;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/addon/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type AddonElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'auto' | 'top' | 'center' | 'bottom';\n\n    /**\n     * Горизонтальные отступы\n     */\n    addonPadding?: 'default' | 'none';\n\n    /**\n     * Компоненты\n     */\n    children: AddonElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -addon\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту аддона.\n     */\n    onClick?: () => void;\n};\n\nconst ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Addon: React.FC<Props> = ({\n    children,\n    verticalAlign = 'top',\n    addonPadding = 'default',\n    dataTestId,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            pureCellContext.unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            pureCellContext.setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {\n                [styles.button]: onClick,\n            })}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAsCA,MAAM,eAAe,GAAsE;AACvF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;MAEY,KAAK,GAAoB,CAAC,EACnC,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,YAAY,GAAG,SAAS,EACxB,UAAU,EACV,OAAO,GACV,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,OAAO;AAE5E,IAAA,MAAM,aAAa,GAAG;AAClB,QAAA,OAAO,EAAE,CAAC,CAAsC,KAAI;YAChD,CAAC,CAAC,eAAe,EAAE;YACnB,OAAO,IAAI;SACd;QACD,YAAY,EAAE,MAAK;AACf,YAAA,eAAe,CAAC,cAAc,IAAI;SACrC;QACD,YAAY,EAAE,MAAK;AACf,YAAA,eAAe,CAAC,YAAY,IAAI;SACnC;AACD,QAAA,WAAW,EAAE,CAAC,CAAsC,KAAI;YACpD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;IAED,QACI,oBAAC,SAAS,EAAA,EACN,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;AACzE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO;SAC3B,CAAC,EAAA,cAAA,EACY,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,EAC1E,IAAC,OAAO,IAAI,aAAa,CAAC,EAE7B,EAAA,QAAQ,CACD;AAEpB;;;;"}

package/modern/components/addon/index.css

@@ -1,31 +1,33 @@
 :root {
+    --border-radius-0: 0;
+} :root {
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 } :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_1cmuk {
+} .pure-cell__component_mxkr8 {
     display: flex;
     flex-direction: column;
-    align-items: flex-end
-} .pure-cell__component_1cmuk > * {
+    align-items: flex-end;
+} .pure-cell__component_mxkr8 > * {
         justify-content: flex-end;
-    } .pure-cell__component_1cmuk.pure-cell__none_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__none_mxkr8 {
         padding-left: var(--gap-0);
-    } .pure-cell__component_1cmuk.pure-cell__default_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__default_mxkr8 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_1cmuk.pure-cell__addonPadding_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__addonPadding_mxkr8 {
         padding-left: var(--gap-16);
-    } .pure-cell__component_1cmuk.pure-cell__auto_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__auto_mxkr8 {
         align-self: auto;
-    } .pure-cell__component_1cmuk.pure-cell__top_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__top_mxkr8 {
         align-self: flex-start;
-    } .pure-cell__component_1cmuk.pure-cell__center_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__center_mxkr8 {
         align-self: center;
-    } .pure-cell__component_1cmuk.pure-cell__bottom_1cmuk {
+    } .pure-cell__component_mxkr8.pure-cell__bottom_mxkr8 {
         align-self: flex-end;
-    } .pure-cell__button_1cmuk {
+    } .pure-cell__button_mxkr8 {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -33,7 +35,7 @@
     border: 0;
     margin: var(--gap-0);
     box-shadow: none;
-    border-radius: 0;
+    border-radius: var(--border-radius-0);
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
@@ -45,9 +47,9 @@
     min-width: 0;
     cursor: pointer;
     padding: var(--gap-0);
-    transition: opacity 0.15s ease-in-out
-} .pure-cell__button_1cmuk:hover {
+    transition: opacity 0.15s ease-in-out;
+} .pure-cell__button_mxkr8:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
-    } .pure-cell__button_1cmuk:active {
+    } .pure-cell__button_mxkr8:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/modern/components/addon/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pure-cell__component_1cmuk","none":"pure-cell__none_1cmuk","default":"pure-cell__default_1cmuk","addonPadding":"pure-cell__addonPadding_1cmuk","auto":"pure-cell__auto_1cmuk","top":"pure-cell__top_1cmuk","center":"pure-cell__center_1cmuk","bottom":"pure-cell__bottom_1cmuk","button":"pure-cell__button_1cmuk"};
+const styles = {"component":"pure-cell__component_mxkr8","none":"pure-cell__none_mxkr8","default":"pure-cell__default_mxkr8","addonPadding":"pure-cell__addonPadding_mxkr8","auto":"pure-cell__auto_mxkr8","top":"pure-cell__top_mxkr8","center":"pure-cell__center_mxkr8","bottom":"pure-cell__bottom_mxkr8","button":"pure-cell__button_mxkr8"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/amount/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Color } from '@alfalab/core-components-typography/modern';
-import { AmountProps as AmountType } from '../typesProps';
+import { type AmountProps as AmountType } from '../typesProps';
 declare type Props = {
     /**
      * Начертание шрифта денежного значения

package/modern/components/amount/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { Text } from '@alfalab/core-components-typography/modern';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css.js';
 
 const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, hidden, dataTestId, ...restProps }) => {

package/modern/components/amount/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Начертание шрифта денежного значения\n     */\n    weight?: 'bold' | 'normal';\n\n    /**\n     * Размер денежного значения\n     */\n    textView?: 'component' | 'primary-small';\n\n    /**\n     * Цвет денежного значения\n     */\n    color?: Color;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-text, для компонента Amount -amount\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n    weight = 'normal',\n    textView = 'component',\n    color = 'primary',\n    minority,\n    minorUnits = 100,\n    hidden,\n    dataTestId,\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    if (hidden) {\n        return (\n            <div className={styles.hiddenWrapper}>\n                <div className={styles.hidden} />\n            </div>\n        );\n    }\n\n    return (\n        <Text\n            view={textView}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n            className={cn(styles.component)}\n            color={color}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                bold={weight === 'bold' ? 'full' : 'none'}\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n                {...restProps}\n            />\n        </Text>\n    );\n};\n"],"names":["CoreAmount"],"mappings":";;;;;;;;AAwCO,MAAM,MAAM,GAAoB,CAAC,EACpC,MAAM,GAAG,QAAQ,EACjB,QAAQ,GAAG,WAAW,EACtB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,UAAU,EACV,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA;YAChC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAA,KAAA,CAAA,aAAA,CAACA,QAAU,EACP,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,GACzE,SAAS,EACf,CAAA,CACC;AAEf;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Начертание шрифта денежного значения\n     */\n    weight?: 'bold' | 'normal';\n\n    /**\n     * Размер денежного значения\n     */\n    textView?: 'component' | 'primary-small';\n\n    /**\n     * Цвет денежного значения\n     */\n    color?: Color;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-text, для компонента Amount -amount\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n    weight = 'normal',\n    textView = 'component',\n    color = 'primary',\n    minority,\n    minorUnits = 100,\n    hidden,\n    dataTestId,\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    if (hidden) {\n        return (\n            <div className={styles.hiddenWrapper}>\n                <div className={styles.hidden} />\n            </div>\n        );\n    }\n\n    return (\n        <Text\n            view={textView}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n            className={cn(styles.component)}\n            color={color}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                bold={weight === 'bold' ? 'full' : 'none'}\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n                {...restProps}\n            />\n        </Text>\n    );\n};\n"],"names":["CoreAmount"],"mappings":";;;;;;;;AAwCO,MAAM,MAAM,GAAoB,CAAC,EACpC,MAAM,GAAG,QAAQ,EACjB,QAAQ,GAAG,WAAW,EACtB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,UAAU,EACV,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA;YAChC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAA,KAAA,CAAA,aAAA,CAACA,QAAU,EACP,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,GACzE,SAAS,EACf,CAAA,CACC;AAEf;;;;"}

package/modern/components/amount/index.css

@@ -9,16 +9,16 @@
     --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-8: var(--gap-xs);
-} .pure-cell__component_17lpw {
+} .pure-cell__component_10m75 {
     padding: var(--gap-2) var(--gap-0);
     display: flex;
-} .pure-cell__hidden_17lpw {
+} .pure-cell__hidden_10m75 {
     background: var(--color-light-neutral-translucent-400);
     border-radius: var(--border-radius-8);
     display: inline-block;
     height: 24px;
     width: 120px;
-} .pure-cell__hiddenWrapper_17lpw {
+} .pure-cell__hiddenWrapper_10m75 {
     display: flex;
     padding: var(--gap-8) var(--gap-0);
 }

package/modern/components/amount/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pure-cell__component_17lpw","hidden":"pure-cell__hidden_17lpw","hiddenWrapper":"pure-cell__hiddenWrapper_17lpw"};
+const styles = {"component":"pure-cell__component_10m75","hidden":"pure-cell__hidden_10m75","hiddenWrapper":"pure-cell__hiddenWrapper_10m75"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/amount/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    padding: var(--gap-2) var(--gap-0);\n    display: flex;\n}\n\n.hidden {\n    background: var(--color-light-neutral-translucent-400);\n    border-radius: var(--border-radius-8);\n    display: inline-block;\n    height: 24px;\n    width: 120px;\n}\n\n.hiddenWrapper {\n    display: flex;\n    padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    padding: var(--gap-2) var(--gap-0);\n    display: flex;\n}\n\n.hidden {\n    background: var(--color-light-neutral-translucent-400);\n    border-radius: var(--border-radius-8);\n    display: inline-block;\n    height: 24px;\n    width: 120px;\n}\n\n.hiddenWrapper {\n    display: flex;\n    padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}

package/modern/components/amount-title/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Color, type TitleProps } from '@alfalab/core-components-typography/modern';
-import { AmountProps as AmountType } from '../typesProps';
+import { type AmountProps as AmountType } from '../typesProps';
 declare type Props = {
     /**
      * Цвет денежного значения

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Amount } from '@alfalab/core-components-amount/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { TitleResponsive } from '@alfalab/core-components-typography/modern';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css.js';
 
 const AmountTitle = ({ minority, minorUnits = 100, hidden, className, color = 'primary', dataTestId, titleProps: titlePropsFromProps = {}, ...restProps }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\nimport { AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Цвет денежного значения\n     * @deprecated Используйте titleProps.color\n     */\n    color?: Color;\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент типографики\n     */\n    titleProps?: TitleProps;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n    minority,\n    minorUnits = 100,\n    hidden,\n    className,\n    color = 'primary',\n    dataTestId,\n    titleProps: titlePropsFromProps = {},\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const titleProps = {\n        tag: 'h4',\n        view: 'small',\n        color,\n        ...titlePropsFromProps,\n    } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n    if (hidden) {\n        return (\n            <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n                <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n            </div>\n        );\n    }\n\n    return (\n        <TitleResponsive\n            {...titleProps}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n            className={cn(styles.component, titlePropsFromProps?.className)}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                className={cn(styles.weight, className)}\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'core-amount-title',\n                )}\n                {...restProps}\n                bold='none'\n            />\n        </TitleResponsive>\n    );\n};\n"],"names":["CoreAmount"],"mappings":";;;;;;;;AAoCO,MAAM,WAAW,GAAoB,CAAC,EACzC,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,UAAU,EACV,UAAU,EAAE,mBAAmB,GAAG,EAAE,EACpC,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,IAAI,EAAE,OAAO;QACb,KAAK;AACL,QAAA,GAAG,mBAAmB;KACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAiB,cAAA,EAAA,UAAU,CAAC,IAAI,CAAA,CAAE,CAAC,CAAC,EAAA;YAChF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,UAAU,CAAC,IAAI,CAAE,CAAA,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,GACR,UAAU,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAA;AAE/D,QAAA,KAAA,CAAA,aAAA,CAACA,MAAU,EACP,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAE,aAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,GAAA,SAAS,EACb,IAAI,EAAC,MAAM,EACb,CAAA,CACY;AAE1B;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Цвет денежного значения\n     * @deprecated Используйте titleProps.color\n     */\n    color?: Color;\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент типографики\n     */\n    titleProps?: TitleProps;\n\n    /**\n     * Скрыть денежное значение\n     */\n    hidden?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n     */\n    dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n    minority,\n    minorUnits = 100,\n    hidden,\n    className,\n    color = 'primary',\n    dataTestId,\n    titleProps: titlePropsFromProps = {},\n    ...restProps\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const titleProps = {\n        tag: 'h4',\n        view: 'small',\n        color,\n        ...titlePropsFromProps,\n    } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n    if (hidden) {\n        return (\n            <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n                <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n            </div>\n        );\n    }\n\n    return (\n        <TitleResponsive\n            {...titleProps}\n            dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n            className={cn(styles.component, titlePropsFromProps?.className)}\n        >\n            <CoreAmount\n                minority={minority || minorUnits}\n                className={cn(styles.weight, className)}\n                dataTestId={getDataTestId(\n                    dataTestId || pureCellContext.dataTestId,\n                    'core-amount-title',\n                )}\n                {...restProps}\n                bold='none'\n            />\n        </TitleResponsive>\n    );\n};\n"],"names":["CoreAmount"],"mappings":";;;;;;;;AAoCO,MAAM,WAAW,GAAoB,CAAC,EACzC,QAAQ,EACR,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,UAAU,EACV,UAAU,EAAE,mBAAmB,GAAG,EAAE,EACpC,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,IAAI,EAAE,OAAO;QACb,KAAK;AACL,QAAA,GAAG,mBAAmB;KACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAiB,cAAA,EAAA,UAAU,CAAC,IAAI,CAAA,CAAE,CAAC,CAAC,EAAA;YAChF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,UAAU,CAAC,IAAI,CAAE,CAAA,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,GACR,UAAU,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAA;AAE/D,QAAA,KAAA,CAAA,aAAA,CAACA,MAAU,EACP,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACvC,UAAU,EAAE,aAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EACG,GAAA,SAAS,EACb,IAAI,EAAC,MAAM,EACb,CAAA,CACY;AAE1B;;;;"}

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

@@ -13,39 +13,39 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .pure-cell__component_1gqql {
+} .pure-cell__component_1ro8s {
     display: flex;
-} .pure-cell__weight_1gqql {
+} .pure-cell__weight_1ro8s {
     font-weight: inherit;
-} .pure-cell__hidden_1gqql {
+} .pure-cell__hidden_1ro8s {
     background: var(--color-light-neutral-translucent-400);
     border-radius: var(--border-radius-8);
     display: inline-block;
-} .pure-cell__hidden-xsmall_1gqql {
+} .pure-cell__hidden-xsmall_1ro8s {
     height: 16px;
     width: 88px;
-} .pure-cell__hidden-small_1gqql {
+} .pure-cell__hidden-small_1ro8s {
     height: 18px;
     width: 100px;
-} .pure-cell__hidden-medium_1gqql {
+} .pure-cell__hidden-medium_1ro8s {
     height: 24px;
     width: 120px;
-} .pure-cell__hidden-large_1gqql {
+} .pure-cell__hidden-large_1ro8s {
     height: 28px;
     width: 136px;
-} .pure-cell__hidden-xlarge_1gqql {
+} .pure-cell__hidden-xlarge_1ro8s {
     height: 32px;
     width: 156px;
-} .pure-cell__hiddenWrapper_1gqql {
+} .pure-cell__hiddenWrapper_1ro8s {
     display: flex;
-} .pure-cell__hiddenWrapper-xsmall_1gqql {
+} .pure-cell__hiddenWrapper-xsmall_1ro8s {
     padding: var(--gap-4) var(--gap-0);
-} .pure-cell__hiddenWrapper-small_1gqql {
+} .pure-cell__hiddenWrapper-small_1ro8s {
     padding: var(--gap-8) var(--gap-0);
-} .pure-cell__hiddenWrapper-medium_1gqql {
+} .pure-cell__hiddenWrapper-medium_1ro8s {
     padding: var(--gap-8) var(--gap-0);
-} .pure-cell__hiddenWrapper-large_1gqql {
+} .pure-cell__hiddenWrapper-large_1ro8s {
     padding: var(--gap-12) var(--gap-0);
-} .pure-cell__hiddenWrapper-xlarge_1gqql {
+} .pure-cell__hiddenWrapper-xlarge_1ro8s {
     padding: var(--gap-16) var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pure-cell__component_1gqql","weight":"pure-cell__weight_1gqql","hidden":"pure-cell__hidden_1gqql","hidden-xsmall":"pure-cell__hidden-xsmall_1gqql","hidden-small":"pure-cell__hidden-small_1gqql","hidden-medium":"pure-cell__hidden-medium_1gqql","hidden-large":"pure-cell__hidden-large_1gqql","hidden-xlarge":"pure-cell__hidden-xlarge_1gqql","hiddenWrapper":"pure-cell__hiddenWrapper_1gqql","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1gqql","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1gqql","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1gqql","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1gqql","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1gqql"};
+const styles = {"component":"pure-cell__component_1ro8s","weight":"pure-cell__weight_1ro8s","hidden":"pure-cell__hidden_1ro8s","hidden-xsmall":"pure-cell__hidden-xsmall_1ro8s","hidden-small":"pure-cell__hidden-small_1ro8s","hidden-medium":"pure-cell__hidden-medium_1ro8s","hidden-large":"pure-cell__hidden-large_1ro8s","hidden-xlarge":"pure-cell__hidden-xlarge_1ro8s","hiddenWrapper":"pure-cell__hiddenWrapper_1ro8s","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1ro8s","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1ro8s","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1ro8s","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1ro8s","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1ro8s"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map