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

package/components/category/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_1ebqk","categoryName":"pure-cell__categoryName_1ebqk","categoryPercent":"pure-cell__categoryPercent_1ebqk","rightAddon":"pure-cell__rightAddon_1ebqk"};
+var styles = {"component":"pure-cell__component_17c7t","categoryName":"pure-cell__categoryName_17c7t","categoryPercent":"pure-cell__categoryPercent_17c7t","rightAddon":"pure-cell__rightAddon_17c7t"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/category/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/category/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    overflow: hidden;\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.categoryName {\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    word-break: break-all;\n}\n\n.categoryPercent {\n    padding: var(--gap-0) var(--gap-8);\n    background-color: var(--color-light-base-bg-secondary);\n    border-radius: var(--border-radius-16);\n    margin-left: var(--gap-4);\n}\n\n.rightAddon {\n    margin-left: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,cAAc,CAAC,+BAA+B,CAAC,iBAAiB,CAAC,kCAAkC,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/category/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    overflow: hidden;\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.categoryName {\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    word-break: break-all;\n}\n\n.categoryPercent {\n    padding: var(--gap-0) var(--gap-8);\n    background-color: var(--color-light-base-bg-secondary);\n    border-radius: var(--border-radius-16);\n    margin-left: var(--gap-4);\n}\n\n.rightAddon {\n    margin-left: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,cAAc,CAAC,+BAA+B,CAAC,iBAAiB,CAAC,kCAAkC,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}

package/components/content/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContentElement } from '../types';
+import { type ContentElement } from '../types';
 declare type Props = {
     /**
      * Компоненты

package/components/content/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -16,7 +16,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var Content = function (_a) {
     var _b;
     var children = _a.children, dataTestId = _a.dataTestId;
-    var _c = React.useContext(component.PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
+    var _c = React.useContext(context.PureCellContext), direction = _c.direction, contextDataTestId = _c.dataTestId;
     return (React__default.default.createElement("section", { className: cn__default.default(index_module.component, (_b = {}, _b[index_module.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 

package/components/content/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/content/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 { ContentElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: ContentElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -content\n     */\n    dataTestId?: string;\n};\n\nexport const Content: React.FC<Props> = ({ children, dataTestId }) => {\n    const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);\n\n    return (\n        <section\n            className={cn(styles.component, { [styles.horizontal]: direction === 'horizontal' })}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'content')}\n        >\n            {children}\n        </section>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AAuBO,IAAM,OAAO,GAAoB,UAAC,EAAwB,EAAA;;QAAtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACrD,IAAA,EAAA,GAA+CA,gBAAU,CAACC,yBAAe,CAAC,EAAxE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAc,iBAAiB,GAAA,EAAA,CAAA,UAAgC;AAEhF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAG,GAAA,SAAS,KAAK,YAAY,EAAG,EAAA,EAAA,EAAA,cAAA,EACtEC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,SAAS,CAAC,EAAA,EAEtE,QAAQ,CACH;AAElB;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/content/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 ContentElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: ContentElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -content\n     */\n    dataTestId?: string;\n};\n\nexport const Content: React.FC<Props> = ({ children, dataTestId }) => {\n    const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);\n\n    return (\n        <section\n            className={cn(styles.component, { [styles.horizontal]: direction === 'horizontal' })}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'content')}\n        >\n            {children}\n        </section>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AAuBO,IAAM,OAAO,GAAoB,UAAC,EAAwB,EAAA;;QAAtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IACrD,IAAA,EAAA,GAA+CA,gBAAU,CAACC,uBAAe,CAAC,EAAxE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAc,iBAAiB,GAAA,EAAA,CAAA,UAAgC;AAEhF,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAG,GAAA,SAAS,KAAK,YAAY,EAAG,EAAA,EAAA,EAAA,cAAA,EACtEC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,SAAS,CAAC,EAAA,EAEtE,QAAQ,CACH;AAElB;;;;"}

package/components/content/index.css

@@ -1,7 +1,7 @@
-.pure-cell__component_1syuh {
+.pure-cell__component_a4hm3 {
     flex-basis: 100%;
     display: grid;
-    grid-template-columns: 1fr auto
-} .pure-cell__component_1syuh.pure-cell__horizontal_1syuh {
+    grid-template-columns: 1fr auto;
+} .pure-cell__component_a4hm3.pure-cell__horizontal_a4hm3 {
         align-self: stretch;
     }

package/components/content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_1syuh","horizontal":"pure-cell__horizontal_1syuh"};
+var styles = {"component":"pure-cell__component_a4hm3","horizontal":"pure-cell__horizontal_a4hm3"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    flex-basis: 100%;\n    display: grid;\n    grid-template-columns: 1fr auto;\n\n    &.horizontal {\n        /* for button */\n        align-self: stretch;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    flex-basis: 100%;\n    display: grid;\n    grid-template-columns: 1fr auto;\n\n    &.horizontal {\n        /* for button */\n        align-self: stretch;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}

package/components/footer/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FooterElement } from '../types';
+import { type FooterElement } from '../types';
 declare type Props = {
     /**
      * Компоненты

package/components/footer/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +15,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var Footer = function (_a) {
     var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
-    var pureCellContext = React.useContext(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     return (React__default.default.createElement("footer", { className: cn__default.default(index_module.component, index_module[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 

package/components/footer/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/footer/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 { FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: FooterElement;\n\n    /**\n     * Вертикальные отступы\n     */\n    footerPadding?: 'default' | 'none';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer\n     */\n    dataTestId?: string;\n};\n\nexport const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <footer\n            className={cn(styles.component, styles[footerPadding])}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n        >\n            {children}\n        </footer>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA4BO,IAAM,MAAM,GAAoB,UAAC,EAAmD,EAAA;QAAjD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAyB,EAAzB,aAAa,mBAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACrF,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/footer/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 FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: FooterElement;\n\n    /**\n     * Вертикальные отступы\n     */\n    footerPadding?: 'default' | 'none';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer\n     */\n    dataTestId?: string;\n};\n\nexport const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <footer\n            className={cn(styles.component, styles[footerPadding])}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n        >\n            {children}\n        </footer>\n    );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA4BO,IAAM,MAAM,GAAoB,UAAC,EAAmD,EAAA;QAAjD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAyB,EAAzB,aAAa,mBAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACrF,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}

package/components/footer/index.css

@@ -2,12 +2,12 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} .pure-cell__component_rnpsh {
+} .pure-cell__component_12l80 {
     grid-column: 1/3;
     display: grid;
-    grid-row-gap: var(--gap-8)
-} .pure-cell__component_rnpsh.pure-cell__none_rnpsh {
+    grid-row-gap: var(--gap-8);
+} .pure-cell__component_12l80.pure-cell__none_12l80 {
         margin-top: var(--gap-0);
-    } .pure-cell__component_rnpsh.pure-cell__default_rnpsh {
+    } .pure-cell__component_12l80.pure-cell__default_12l80 {
         margin-top: var(--gap-8);
     }

package/components/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_rnpsh","none":"pure-cell__none_rnpsh","default":"pure-cell__default_rnpsh"};
+var styles = {"component":"pure-cell__component_12l80","none":"pure-cell__none_12l80","default":"pure-cell__default_12l80"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    grid-column: 1/3;\n    display: grid;\n    grid-row-gap: var(--gap-8);\n\n    &.none {\n        margin-top: var(--gap-0);\n    }\n\n    &.default {\n        margin-top: var(--gap-8);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    grid-column: 1/3;\n    display: grid;\n    grid-row-gap: var(--gap-8);\n\n    &.none {\n        margin-top: var(--gap-0);\n    }\n\n    &.default {\n        margin-top: var(--gap-8);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}

package/components/footer-button/component.d.ts

@@ -1,5 +1,5 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button';
+import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
+import { type ButtonProps } from '@alfalab/core-components-button';
 declare type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
     /**
      * Идентификатор для систем автоматизированного тестирования.

package/components/footer-button/component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsButton = require('@alfalab/core-components-button');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FooterButton = React.forwardRef(function (_a, ref) {
     var children = _a.children, dataTestId = _a.dataTestId, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, props = tslib.__rest(_a, ["children", "dataTestId", "onClick", "onMouseDown", "onMouseEnter", "onMouseLeave"]);
-    var pureCellContext = React.useContext(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     var handleClick = function (e) {
         e.stopPropagation();
         onClick === null || onClick === void 0 ? void 0 : onClick(e);

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/footer-button/component.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef, useContext } from 'react';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../component';\n\nimport styles from './index.module.css';\n\ntype ComponentProps = Omit<ButtonProps, 'dataTestId'> & {\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -button\n     */\n    dataTestId?: string;\n};\n\ntype FooterButtonProps = ComponentProps &\n    Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;\n\ntype FooterButtonMouseEvent = React.MouseEvent<HTMLAnchorElement, MouseEvent> &\n    React.MouseEvent<HTMLButtonElement, MouseEvent>;\n\ntype FooterButtonMouseEventHandler =\n    | React.MouseEventHandler<HTMLAnchorElement>\n    | React.MouseEventHandler<HTMLButtonElement>;\n\nexport const FooterButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, FooterButtonProps>(\n    ({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {\n        const pureCellContext = useContext(PureCellContext);\n\n        const handleClick = (e: FooterButtonMouseEvent) => {\n            e.stopPropagation();\n            (onClick as FooterButtonMouseEventHandler)?.(e);\n        };\n\n        const handleMouseEnter = (e: FooterButtonMouseEvent) => {\n            (onMouseEnter as FooterButtonMouseEventHandler)?.(e);\n            pureCellContext.unsetMainHover?.();\n        };\n\n        const handleMouseLeave = (e: FooterButtonMouseEvent) => {\n            (onMouseLeave as FooterButtonMouseEventHandler)?.(e);\n            pureCellContext.setMainHover?.();\n        };\n\n        const handleMouseDown = (e: FooterButtonMouseEvent) => {\n            (onMouseDown as FooterButtonMouseEventHandler)?.(e);\n            e.stopPropagation();\n        };\n\n        return (\n            <Button\n                {...props}\n                size='xxs'\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'button')}\n                className={styles.component}\n                ref={ref}\n                onClick={handleClick}\n                onMouseEnter={handleMouseEnter}\n                onMouseLeave={handleMouseLeave}\n                onMouseDown={handleMouseDown}\n            >\n                {children}\n            </Button>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useContext","PureCellContext","React","Button","__assign","getDataTestId","styles"],"mappings":";;;;;;;;;;;;;;;IA2Ba,YAAY,GAAGA,gBAAU,CAClC,UAAC,EAAoF,EAAE,GAAG,EAAA;IAAvF,IAAA,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,GAAlFC,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,CAAoF,CAAF;AAC/E,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,yBAAe,CAAC;IAEnD,IAAM,WAAW,GAAG,UAAC,CAAyB,EAAA;QAC1C,CAAC,CAAC,eAAe,EAAE;AAClB,QAAA,OAAyC,aAAzC,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAqC,CAAC,CAAC;AACnD,KAAC;IAED,IAAM,gBAAgB,GAAG,UAAC,CAAyB,EAAA;;AAC9C,QAAA,YAA8C,aAA9C,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAqC,CAAC,CAAC;AACpD,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;AACtC,KAAC;IAED,IAAM,gBAAgB,GAAG,UAAC,CAAyB,EAAA;;AAC9C,QAAA,YAA8C,aAA9C,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAqC,CAAC,CAAC;AACpD,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;AACpC,KAAC;IAED,IAAM,eAAe,GAAG,UAAC,CAAyB,EAAA;AAC7C,QAAA,WAA6C,aAA7C,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAqC,CAAC,CAAC;QACnD,CAAC,CAAC,eAAe,EAAE;AACvB,KAAC;IAED,QACIC,sBAAC,CAAA,aAAA,CAAAC,2BAAM,EACCC,cAAA,CAAA,EAAA,EAAA,KAAK,IACT,IAAI,EAAC,KAAK,EACV,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC7E,SAAS,EAAEC,YAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAE3B,CAAA,EAAA,QAAQ,CACJ;AAEjB,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/footer-button/component.tsx"],"sourcesContent":["import React, {\n    type AnchorHTMLAttributes,\n    type ButtonHTMLAttributes,\n    forwardRef,\n    useContext,\n} from 'react';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\n\nimport styles from './index.module.css';\n\ntype ComponentProps = Omit<ButtonProps, 'dataTestId'> & {\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -button\n     */\n    dataTestId?: string;\n};\n\ntype FooterButtonProps = ComponentProps &\n    Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;\n\ntype FooterButtonMouseEvent = React.MouseEvent<HTMLAnchorElement, MouseEvent> &\n    React.MouseEvent<HTMLButtonElement, MouseEvent>;\n\ntype FooterButtonMouseEventHandler =\n    | React.MouseEventHandler<HTMLAnchorElement>\n    | React.MouseEventHandler<HTMLButtonElement>;\n\nexport const FooterButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, FooterButtonProps>(\n    ({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {\n        const pureCellContext = useContext(PureCellContext);\n\n        const handleClick = (e: FooterButtonMouseEvent) => {\n            e.stopPropagation();\n            (onClick as FooterButtonMouseEventHandler)?.(e);\n        };\n\n        const handleMouseEnter = (e: FooterButtonMouseEvent) => {\n            (onMouseEnter as FooterButtonMouseEventHandler)?.(e);\n            pureCellContext.unsetMainHover?.();\n        };\n\n        const handleMouseLeave = (e: FooterButtonMouseEvent) => {\n            (onMouseLeave as FooterButtonMouseEventHandler)?.(e);\n            pureCellContext.setMainHover?.();\n        };\n\n        const handleMouseDown = (e: FooterButtonMouseEvent) => {\n            (onMouseDown as FooterButtonMouseEventHandler)?.(e);\n            e.stopPropagation();\n        };\n\n        return (\n            <Button\n                {...props}\n                size='xxs'\n                dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'button')}\n                className={styles.component}\n                ref={ref}\n                onClick={handleClick}\n                onMouseEnter={handleMouseEnter}\n                onMouseLeave={handleMouseLeave}\n                onMouseDown={handleMouseDown}\n            >\n                {children}\n            </Button>\n        );\n    },\n);\n"],"names":["forwardRef","__rest","useContext","PureCellContext","React","Button","__assign","getDataTestId","styles"],"mappings":";;;;;;;;;;;;;;;IAgCa,YAAY,GAAGA,gBAAU,CAClC,UAAC,EAAoF,EAAE,GAAG,EAAA;IAAvF,IAAA,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,GAAlFC,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,CAAoF,CAAF;AAC/E,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;IAEnD,IAAM,WAAW,GAAG,UAAC,CAAyB,EAAA;QAC1C,CAAC,CAAC,eAAe,EAAE;AAClB,QAAA,OAAyC,aAAzC,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAqC,CAAC,CAAC;AACnD,KAAC;IAED,IAAM,gBAAgB,GAAG,UAAC,CAAyB,EAAA;;AAC9C,QAAA,YAA8C,aAA9C,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAqC,CAAC,CAAC;AACpD,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;AACtC,KAAC;IAED,IAAM,gBAAgB,GAAG,UAAC,CAAyB,EAAA;;AAC9C,QAAA,YAA8C,aAA9C,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAqC,CAAC,CAAC;AACpD,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;AACpC,KAAC;IAED,IAAM,eAAe,GAAG,UAAC,CAAyB,EAAA;AAC7C,QAAA,WAA6C,aAA7C,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAqC,CAAC,CAAC;QACnD,CAAC,CAAC,eAAe,EAAE;AACvB,KAAC;IAED,QACIC,sBAAC,CAAA,aAAA,CAAAC,2BAAM,EACCC,cAAA,CAAA,EAAA,EAAA,KAAK,IACT,IAAI,EAAC,KAAK,EACV,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC7E,SAAS,EAAEC,YAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAE3B,CAAA,EAAA,QAAQ,CACJ;AAEjB,CAAC;;;;"}

package/components/footer-button/index.css

@@ -1,3 +1,3 @@
-.pure-cell__component_1wvho {
+.pure-cell__component_1q0hb {
     justify-self: start;
 }

package/components/footer-button/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_1wvho"};
+var styles = {"component":"pure-cell__component_1q0hb"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer-button/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    justify-self: start;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    justify-self: start;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC;;;;"}

package/components/footer-text/component.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography';
 export declare type FooterTextProps = {
     /**

package/components/footer-text/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var coreComponentsShared = require('@alfalab/core-components-shared');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
-var component = require('../../component.js');
+var context = require('../../context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
-    var pureCellContext = React.useContext(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     return (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/footer-text/component.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\n\nexport type FooterTextProps = {\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer-title\n     */\n    dataTestId?: string;\n\n    /**\n     * Дочерние элементы.\n     */\n    children?: ReactNode;\n};\n\nexport const FooterText: React.FC<FooterTextProps> = ({\n    children,\n    color = 'secondary',\n    dataTestId,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <Text\n            view='primary-small'\n            color={color}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title')}\n        >\n            {children}\n        </Text>\n    );\n};\n"],"names":["useContext","PureCellContext","React","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;AAyBO,IAAM,UAAU,GAA8B,UAAC,EAIrD,EAAA;QAHG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAmB,EAAnB,KAAK,mBAAG,WAAW,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;IAEnD,QACIC,sBAAC,CAAA,aAAA,CAAAC,6BAAI,EACD,EAAA,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,KAAK,EACE,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EAEpF,EAAA,QAAQ,CACN;AAEf;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/footer-text/component.tsx"],"sourcesContent":["import React, { type ReactNode, useContext } from 'react';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\n\nexport type FooterTextProps = {\n    /**\n     * Цвет текста\n     */\n    color?: Color;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer-title\n     */\n    dataTestId?: string;\n\n    /**\n     * Дочерние элементы.\n     */\n    children?: ReactNode;\n};\n\nexport const FooterText: React.FC<FooterTextProps> = ({\n    children,\n    color = 'secondary',\n    dataTestId,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <Text\n            view='primary-small'\n            color={color}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title')}\n        >\n            {children}\n        </Text>\n    );\n};\n"],"names":["useContext","PureCellContext","React","Text","getDataTestId"],"mappings":";;;;;;;;;;;;;AAyBO,IAAM,UAAU,GAA8B,UAAC,EAIrD,EAAA;QAHG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAmB,EAAnB,KAAK,mBAAG,WAAW,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA;AAEV,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;IAEnD,QACIC,sBAAC,CAAA,aAAA,CAAAC,6BAAI,EACD,EAAA,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,KAAK,EACE,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EAEpF,EAAA,QAAQ,CACN;AAEf;;;;"}

package/components/graphics/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GraphicsElement } from '../types';
+import { type GraphicsElement } from '../types';
 export declare type Props = {
     /**
      * Компоненты

package/components/graphics/component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -21,7 +21,7 @@ var GRAPHICS_COMPONENT = {
 var Graphics = function (_a) {
     var _b;
     var children = _a.children, dataTestId = _a.dataTestId, _c = _a.verticalAlign, verticalAlign = _c === void 0 ? 'top' : _c, graphicPadding = _a.graphicPadding, onClick = _a.onClick;
-    var pureCellContext = React.useContext(component.PureCellContext);
+    var pureCellContext = React.useContext(context.PureCellContext);
     var Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
     var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
     var onMouseEvents = {

package/components/graphics/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/graphics/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 { GraphicsElement } from '../types';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    /**\n     * Компоненты\n     */\n    children: GraphicsElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -graphics\n     */\n    dataTestId?: string;\n\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'top' | 'center' | 'bottom';\n\n    /**\n     * Отступ от графики\n     */\n    graphicPadding?: 'max' | 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n\n    /**\n     * Клик по контенту графики.\n     */\n    onClick?: () => void;\n};\n\nconst GRAPHICS_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Graphics: React.FC<Props> = ({\n    children,\n    dataTestId,\n    verticalAlign = 'top',\n    graphicPadding,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;\n\n    const defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';\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(\n                styles.component,\n                styles[verticalAlign],\n                styles[pureCellContext.direction || 'horizontal'],\n                styles[graphicPadding || defaultGraphicPadding],\n                { [styles.button]: onClick },\n            )}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,kBAAkB,GAAsE;AAC1F,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,QAAQ,GAAoB,UAAC,EAMzC,EAAA;;AALG,IAAA,IAAA,QAAQ,cAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,yBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,OAAO;AAElF,IAAA,IAAM,qBAAqB,GAAG,eAAe,CAAC,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS;AAE7F,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChBA,YAAM,CAAC,aAAa,CAAC,EACrBA,YAAM,CAAC,eAAe,CAAC,SAAS,IAAI,YAAY,CAAC,EACjDA,YAAM,CAAC,cAAc,IAAI,qBAAqB,CAAC,GAC7C,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,OAAO,EAAA,EAAA,EAC7B,EACa,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,EAAA,GAC5E,OAAO,IAAI,aAAa,EAAC,EAE7B,QAAQ,CACD;AAEpB;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/graphics/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 GraphicsElement } from '../types';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    /**\n     * Компоненты\n     */\n    children: GraphicsElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -graphics\n     */\n    dataTestId?: string;\n\n    /**\n     * Вертикальное выравнивание\n     */\n    verticalAlign?: 'top' | 'center' | 'bottom';\n\n    /**\n     * Отступ от графики\n     */\n    graphicPadding?: 'max' | 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n\n    /**\n     * Клик по контенту графики.\n     */\n    onClick?: () => void;\n};\n\nconst GRAPHICS_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Graphics: React.FC<Props> = ({\n    children,\n    dataTestId,\n    verticalAlign = 'top',\n    graphicPadding,\n    onClick,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    const Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;\n\n    const defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';\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(\n                styles.component,\n                styles[verticalAlign],\n                styles[pureCellContext.direction || 'horizontal'],\n                styles[graphicPadding || defaultGraphicPadding],\n                { [styles.button]: onClick },\n            )}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,kBAAkB,GAAsE;AAC1F,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,QAAQ,GAAoB,UAAC,EAMzC,EAAA;;AALG,IAAA,IAAA,QAAQ,cAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACrB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,OAAO;AAElF,IAAA,IAAM,qBAAqB,GAAG,eAAe,CAAC,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS;AAE7F,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACrC;AACD,QAAA,YAAY,EAAE,YAAA;;AACV,YAAA,CAAA,EAAA,GAAA,eAAe,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI;SACnC;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChBA,YAAM,CAAC,aAAa,CAAC,EACrBA,YAAM,CAAC,eAAe,CAAC,SAAS,IAAI,YAAY,CAAC,EACjDA,YAAM,CAAC,cAAc,IAAI,qBAAqB,CAAC,GAC7C,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,OAAO,EAAA,EAAA,EAC7B,EACa,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,EAAA,GAC5E,OAAO,IAAI,aAAa,EAAC,EAE7B,QAAQ,CACD;AAEpB;;;;"}

package/components/graphics/index.css

@@ -1,4 +1,6 @@
 :root {
+    --border-radius-0: 0;
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
@@ -13,40 +15,40 @@
 } :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_1ad51 {
+} .pure-cell__component_fhs7c {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_1ad51 {
+} .pure-cell__top_fhs7c {
     align-self: flex-start;
-} .pure-cell__center_1ad51 {
+} .pure-cell__center_fhs7c {
     align-self: center;
-} .pure-cell__bottom_1ad51 {
+} .pure-cell__bottom_fhs7c {
     align-self: flex-end;
-} .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__none_1ad51 {
+} .pure-cell__horizontal_fhs7c.pure-cell__none_fhs7c:not(:last-child) {
         margin-right: var(--gap-0);
-    } .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__max_1ad51 {
+    } .pure-cell__horizontal_fhs7c.pure-cell__max_fhs7c:not(:last-child) {
         margin-right: var(--gap-24);
-    } .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__airy_1ad51 {
+    } .pure-cell__horizontal_fhs7c.pure-cell__airy_fhs7c:not(:last-child) {
         margin-right: var(--gap-16);
-    } .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__default_1ad51 {
+    } .pure-cell__horizontal_fhs7c.pure-cell__default_fhs7c:not(:last-child) {
         margin-right: var(--gap-12);
-    } .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__compact_1ad51 {
+    } .pure-cell__horizontal_fhs7c.pure-cell__compact_fhs7c:not(:last-child) {
         margin-right: var(--gap-8);
-    } .pure-cell__horizontal_1ad51:not(:last-child).pure-cell__tiny_1ad51 {
+    } .pure-cell__horizontal_fhs7c.pure-cell__tiny_fhs7c:not(:last-child) {
         margin-right: var(--gap-4);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__none_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__none_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-0);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__max_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__max_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-24);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__airy_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__airy_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-16);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__default_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__default_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-12);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__compact_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__compact_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-8);
-    } .pure-cell__vertical_1ad51:not(:last-child).pure-cell__tiny_1ad51 {
+    } .pure-cell__vertical_fhs7c.pure-cell__tiny_fhs7c:not(:last-child) {
         margin-bottom: var(--gap-4);
-    } .pure-cell__button_1ad51 {
+    } .pure-cell__button_fhs7c {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -54,7 +56,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;
@@ -67,9 +69,9 @@
     cursor: pointer;
     padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out;
-    min-width: auto
-} .pure-cell__button_1ad51:hover {
+    min-width: auto;
+} .pure-cell__button_fhs7c:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
-    } .pure-cell__button_1ad51:active {
+    } .pure-cell__button_fhs7c:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/components/graphics/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_1ad51","top":"pure-cell__top_1ad51","center":"pure-cell__center_1ad51","bottom":"pure-cell__bottom_1ad51","horizontal":"pure-cell__horizontal_1ad51","none":"pure-cell__none_1ad51","max":"pure-cell__max_1ad51","airy":"pure-cell__airy_1ad51","default":"pure-cell__default_1ad51","compact":"pure-cell__compact_1ad51","tiny":"pure-cell__tiny_1ad51","vertical":"pure-cell__vertical_1ad51","button":"pure-cell__button_1ad51"};
+var styles = {"component":"pure-cell__component_fhs7c","top":"pure-cell__top_fhs7c","center":"pure-cell__center_fhs7c","bottom":"pure-cell__bottom_fhs7c","horizontal":"pure-cell__horizontal_fhs7c","none":"pure-cell__none_fhs7c","max":"pure-cell__max_fhs7c","airy":"pure-cell__airy_fhs7c","default":"pure-cell__default_fhs7c","compact":"pure-cell__compact_fhs7c","tiny":"pure-cell__tiny_fhs7c","vertical":"pure-cell__vertical_fhs7c","button":"pure-cell__button_fhs7c"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/main/component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MainElement } from '../types';
+import { type MainElement } from '../types';
 declare type Props = {
     /**
      * Компоненты

package/components/main/component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -21,7 +21,7 @@ var MAIN_COMPONENT = {
 var Main = function (_a) {
     var _b, _c;
     var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick;
-    var _d = React.useContext(component.PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId, setMainHover = _d.setMainHover, unsetMainHover = _d.unsetMainHover;
+    var _d = React.useContext(context.PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId, setMainHover = _d.setMainHover, unsetMainHover = _d.unsetMainHover;
     var Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
     var onMouseEvents = {
         onClick: function (e) {

package/components/main/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/main/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 { MainElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: MainElement;\n\n    /**\n     * Позволяет изменить расположение блоков внутри main\n     */\n    isReverse?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -main\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту.\n     */\n    onClick?: () => void;\n};\n\nconst MAIN_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Main: React.FC<Props> = ({ children, isReverse, className, dataTestId, onClick }) => {\n    const {\n        direction = 'horizontal',\n        dataTestId: contextDataTestId,\n        setMainHover,\n        unsetMainHover,\n    } = useContext(PureCellContext);\n\n    const Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(\n                styles.component,\n                styles[direction],\n                {\n                    [styles.reverse]: isReverse,\n                },\n                { [styles.button]: onClick },\n                className,\n            )}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'main')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,cAAc,GAAsE;AACtF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,IAAI,GAAoB,UAAC,EAAuD,EAAA;;AAArD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IACjF,IAAA,EAAA,GAKFA,gBAAU,CAACC,yBAAe,CAAC,EAJ3B,EAAA,GAAA,EAAA,CAAA,SAAwB,EAAxB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,YAAY,GAAA,EAAA,EACZ,iBAAiB,GAAA,EAAA,CAAA,UAAA,EAC7B,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAc,GAAA,EAAA,CAAA,cACa;AAE/B,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,OAAO;AAE1E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;AACV,YAAA,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,MAAA,GAAA,MAAA,GAAA,cAAc,EAAI;SACrB;AACD,QAAA,YAAY,EAAE,YAAA;AACV,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,EAAI;SACnB;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChBA,YAAM,CAAC,SAAS,CAAC,GAAA,EAAA,GAAA,EAAA;AAEb,YAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,SAAS;2BAE7B,EAAC,CAAAA,YAAM,CAAC,MAAM,CAAG,GAAA,OAAO,EAC1B,EAAA,GAAA,SAAS,CACZ,EAAA,cAAA,EACaC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,MAAM,CAAC,EAChE,GAAC,OAAO,IAAI,aAAa,EAE5B,EAAA,QAAQ,CACD;AAEpB;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/main/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 MainElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: MainElement;\n\n    /**\n     * Позволяет изменить расположение блоков внутри main\n     */\n    isReverse?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -main\n     */\n    dataTestId?: string;\n\n    /**\n     * Клик по контенту.\n     */\n    onClick?: () => void;\n};\n\nconst MAIN_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {\n    button: 'button',\n    section: 'section',\n};\n\nexport const Main: React.FC<Props> = ({ children, isReverse, className, dataTestId, onClick }) => {\n    const {\n        direction = 'horizontal',\n        dataTestId: contextDataTestId,\n        setMainHover,\n        unsetMainHover,\n    } = useContext(PureCellContext);\n\n    const Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;\n\n    const onMouseEvents = {\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            onClick?.();\n        },\n        onMouseEnter: () => {\n            unsetMainHover?.();\n        },\n        onMouseLeave: () => {\n            setMainHover?.();\n        },\n        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n        },\n    };\n\n    return (\n        <Component\n            className={cn(\n                styles.component,\n                styles[direction],\n                {\n                    [styles.reverse]: isReverse,\n                },\n                { [styles.button]: onClick },\n                className,\n            )}\n            data-test-id={getDataTestId(dataTestId || contextDataTestId, 'main')}\n            {...(onClick && onMouseEvents)}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["useContext","PureCellContext","React","__assign","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAsCA,IAAM,cAAc,GAAsE;AACtF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEM,IAAM,IAAI,GAAoB,UAAC,EAAuD,EAAA;;AAArD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IACjF,IAAA,EAAA,GAKFA,gBAAU,CAACC,uBAAe,CAAC,EAJ3B,EAAA,GAAA,EAAA,CAAA,SAAwB,EAAxB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,YAAY,GAAA,EAAA,EACZ,iBAAiB,GAAA,EAAA,CAAA,UAAA,EAC7B,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,cAAc,GAAA,EAAA,CAAA,cACa;AAE/B,IAAA,IAAM,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,OAAO;AAE1E,IAAA,IAAM,aAAa,GAAG;QAClB,OAAO,EAAE,UAAC,CAAsC,EAAA;YAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;SACd;AACD,QAAA,YAAY,EAAE,YAAA;AACV,YAAA,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,MAAA,GAAA,MAAA,GAAA,cAAc,EAAI;SACrB;AACD,QAAA,YAAY,EAAE,YAAA;AACV,YAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,EAAI;SACnB;QACD,WAAW,EAAE,UAAC,CAAsC,EAAA;YAChD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EACN,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChBA,YAAM,CAAC,SAAS,CAAC,GAAA,EAAA,GAAA,EAAA;AAEb,YAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,SAAS;2BAE7B,EAAC,CAAAA,YAAM,CAAC,MAAM,CAAG,GAAA,OAAO,EAC1B,EAAA,GAAA,SAAS,CACZ,EAAA,cAAA,EACaC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,MAAM,CAAC,EAChE,GAAC,OAAO,IAAI,aAAa,EAE5B,EAAA,QAAQ,CACD;AAEpB;;;;"}

package/components/main/index.css

@@ -1,23 +1,25 @@
 :root {
+    --border-radius-0: 0;
+} :root {
     --gap-3xs: 2px;
     --gap-0: 0px;
     --gap-2: var(--gap-3xs);
 } :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
-} .pure-cell__component_1uyv3 {
+} .pure-cell__component_2x9sd {
     display: flex;
     flex-direction: column;
     align-self: center;
-    white-space: pre-line
-} .pure-cell__component_1uyv3.pure-cell__vertical_1uyv3 {
+    white-space: pre-line;
+} .pure-cell__component_2x9sd.pure-cell__vertical_2x9sd {
         grid-row-gap: var(--gap-2);
         justify-content: center;
         align-items: center;
         text-align: center;
-    } .pure-cell__component_1uyv3.pure-cell__reverse_1uyv3 {
+    } .pure-cell__component_2x9sd.pure-cell__reverse_2x9sd {
         flex-direction: column-reverse;
-    } .pure-cell__component_1uyv3.pure-cell__button_1uyv3 {
+    } .pure-cell__component_2x9sd.pure-cell__button_2x9sd {
         -webkit-tap-highlight-color: transparent;
         box-sizing: border-box;
         background-color: transparent;
@@ -25,7 +27,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;
@@ -38,9 +40,9 @@
         cursor: pointer;
         padding: var(--gap-0);
         transition: opacity 0.15s ease-in-out;
-        min-width: auto
-    } .pure-cell__component_1uyv3.pure-cell__button_1uyv3:hover {
+        min-width: auto;
+    } .pure-cell__component_2x9sd.pure-cell__button_2x9sd:hover {
             opacity: var(--pure-cell-clickable-area-hover-opacity);
-        } .pure-cell__component_1uyv3.pure-cell__button_1uyv3:active {
+        } .pure-cell__component_2x9sd.pure-cell__button_2x9sd:active {
             opacity: var(--pure-cell-clickable-area-active-opacity);
         }

package/components/main/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pure-cell__component_1uyv3","vertical":"pure-cell__vertical_1uyv3","reverse":"pure-cell__reverse_1uyv3","button":"pure-cell__button_1uyv3"};
+var styles = {"component":"pure-cell__component_2x9sd","vertical":"pure-cell__vertical_2x9sd","reverse":"pure-cell__reverse_2x9sd","button":"pure-cell__button_2x9sd"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/text/component.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography';
 declare type Props = {
     /**

package/components/text/component.js

@@ -6,7 +6,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('@alfalab/core-components-shared');
 var coreComponentsTypography = require('@alfalab/core-components-typography');
-var component = require('../../component.js');
+var context = require('../../context.js');
 var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -17,7 +17,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var Text = function (_a) {
     var _b;
     var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = React.useContext(component.PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
+    var _d = React.useContext(context.PureCellContext), _e = _d.direction, direction = _e === void 0 ? 'horizontal' : _e, contextDataTestId = _d.dataTestId;
     var className = rowLimit && index_module["rowLimit".concat(rowLimit)];
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, (_b = {},
             _b[index_module.vertical] = direction !== 'horizontal',

package/components/text/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/text/component.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text as TypographyText } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../component';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2;\n\n    /**\n     * Размер текста\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'component'\n        | 'component-primary'\n        | 'secondary-large';\n\n    /**\n     * Толщина title\n     */\n    titleWeight?: 'regular' | 'bold';\n\n    /**\n     * Цвет title\n     */\n    titleColor: Color;\n\n    /**\n     * Value ячейки\n     */\n    value?: ReactNode;\n\n    /**\n     * Цвет value\n     */\n    valueColor?: Color;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для контента используется модификатор -text_content, для value ячейки -text_value\n     */\n    dataTestId?: string;\n};\n\nexport const Text: React.FC<Props> = ({\n    children,\n    value,\n    rowLimit,\n    view = 'component-primary',\n    titleWeight,\n    titleColor,\n    valueColor,\n    dataTestId,\n}) => {\n    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);\n    const className = rowLimit && styles[`rowLimit${rowLimit}`];\n\n    return (\n        <div\n            className={cn(styles.component, {\n                [styles.vertical]: direction !== 'horizontal',\n            })}\n        >\n            <div className={styles.title}>\n                <TypographyText\n                    view={view}\n                    weight={titleWeight}\n                    tag='div'\n                    color={titleColor}\n                    className={className}\n                    data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_content')}\n                >\n                    {children}\n                </TypographyText>\n            </div>\n\n            {value && (\n                <div className={styles.value}>\n                    <TypographyText\n                        view={view}\n                        tag='div'\n                        color={valueColor}\n                        className={className}\n                        data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_value')}\n                    >\n                        {value}\n                    </TypographyText>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","PureCellContext","styles","React","cn","TypographyText","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AA2DO,IAAM,IAAI,GAAoB,UAAC,EASrC,EAAA;;QARG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAA0B,GAAA,EAAA,CAAA,IAAA,EAA1B,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,mBAAmB,GAAA,EAAA,EAC1B,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA;AAEJ,IAAA,IAAA,EAA8D,GAAAA,gBAAU,CAACC,yBAAe,CAAC,EAAvF,EAAA,GAAA,EAAA,CAAA,SAAwB,EAAxB,SAAS,mBAAG,YAAY,GAAA,EAAA,EAAc,iBAAiB,gBAAgC;IAC/F,IAAM,SAAS,GAAG,QAAQ,IAAIC,YAAM,CAAC,UAAW,CAAA,MAAA,CAAA,QAAQ,CAAE,CAAC;IAE3D,QACIC,8CACI,SAAS,EAAEC,mBAAE,CAACF,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAG,GAAA,SAAS,KAAK,YAAY;AAC/C,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA;AACxB,YAAAC,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACNC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,cAAc,CAAC,EAE3E,EAAA,QAAQ,CACI,CACf;AAEL,QAAA,KAAK,KACFH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA;AACxB,YAAAC,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACNC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,YAAY,CAAC,EAAA,EAEzE,KAAK,CACO,CACf,CACT,CACC;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/text/component.tsx"],"sourcesContent":["import React, { type ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, Text as TypographyText } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Количество строк\n     */\n    rowLimit?: 1 | 2;\n\n    /**\n     * Размер текста\n     */\n    view?:\n        | 'primary-large'\n        | 'primary-medium'\n        | 'primary-small'\n        | 'component'\n        | 'component-primary'\n        | 'secondary-large';\n\n    /**\n     * Толщина title\n     */\n    titleWeight?: 'regular' | 'bold';\n\n    /**\n     * Цвет title\n     */\n    titleColor: Color;\n\n    /**\n     * Value ячейки\n     */\n    value?: ReactNode;\n\n    /**\n     * Цвет value\n     */\n    valueColor?: Color;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Для контента используется модификатор -text_content, для value ячейки -text_value\n     */\n    dataTestId?: string;\n};\n\nexport const Text: React.FC<Props> = ({\n    children,\n    value,\n    rowLimit,\n    view = 'component-primary',\n    titleWeight,\n    titleColor,\n    valueColor,\n    dataTestId,\n}) => {\n    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);\n    const className = rowLimit && styles[`rowLimit${rowLimit}`];\n\n    return (\n        <div\n            className={cn(styles.component, {\n                [styles.vertical]: direction !== 'horizontal',\n            })}\n        >\n            <div className={styles.title}>\n                <TypographyText\n                    view={view}\n                    weight={titleWeight}\n                    tag='div'\n                    color={titleColor}\n                    className={className}\n                    data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_content')}\n                >\n                    {children}\n                </TypographyText>\n            </div>\n\n            {value && (\n                <div className={styles.value}>\n                    <TypographyText\n                        view={view}\n                        tag='div'\n                        color={valueColor}\n                        className={className}\n                        data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_value')}\n                    >\n                        {value}\n                    </TypographyText>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["useContext","PureCellContext","styles","React","cn","TypographyText","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AA2DO,IAAM,IAAI,GAAoB,UAAC,EASrC,EAAA;;QARG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAA0B,GAAA,EAAA,CAAA,IAAA,EAA1B,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,mBAAmB,GAAA,EAAA,EAC1B,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA;AAEJ,IAAA,IAAA,EAA8D,GAAAA,gBAAU,CAACC,uBAAe,CAAC,EAAvF,EAAA,GAAA,EAAA,CAAA,SAAwB,EAAxB,SAAS,mBAAG,YAAY,GAAA,EAAA,EAAc,iBAAiB,gBAAgC;IAC/F,IAAM,SAAS,GAAG,QAAQ,IAAIC,YAAM,CAAC,UAAW,CAAA,MAAA,CAAA,QAAQ,CAAE,CAAC;IAE3D,QACIC,8CACI,SAAS,EAAEC,mBAAE,CAACF,YAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;AAC1B,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAG,GAAA,SAAS,KAAK,YAAY;AAC/C,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA;AACxB,YAAAC,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACNC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,cAAc,CAAC,EAE3E,EAAA,QAAQ,CACI,CACf;AAEL,QAAA,KAAK,KACFH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA;AACxB,YAAAC,sBAAA,CAAA,aAAA,CAACE,6BAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACNC,kCAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,YAAY,CAAC,EAAA,EAEzE,KAAK,CACO,CACf,CACT,CACC;AAEd;;;;"}