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

package/moderncssm/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/moderncssm/components/content/component.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css';
 
 const Content = ({ children, dataTestId }) => {

package/moderncssm/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":[],"mappings":";;;;;;AAuBa,MAAA,OAAO,GAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAI;AACjE,IAAA,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC;AAEhF,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS,KAAK,YAAY,EAAE,CAAC,EACtE,cAAA,EAAA,aAAa,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":[],"mappings":";;;;;;AAuBa,MAAA,OAAO,GAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAI;AACjE,IAAA,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC;AAEhF,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS,KAAK,YAAY,EAAE,CAAC,EACtE,cAAA,EAAA,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,SAAS,CAAC,EAAA,EAEtE,QAAQ,CACH;AAElB;;;;"}

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

@@ -1,9 +1,10 @@
+
+
 .component {
     flex-basis: 100%;
     display: grid;
-    grid-template-columns: 1fr auto
+    grid-template-columns: 1fr auto;
 }
-
 .component.horizontal {
         align-self: stretch;
     }

package/moderncssm/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/moderncssm/components/footer/component.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css';
 
 const Footer = ({ children, footerPadding = 'default', dataTestId }) => {

package/moderncssm/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":[],"mappings":";;;;;;AA4BO,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,SAAS,EAAE,UAAU,EAAE,KAAI;AAC3F,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAA,aAAa,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":[],"mappings":";;;;;;AA4BO,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,SAAS,EAAE,UAAU,EAAE,KAAI;AAC3F,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAA,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}

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

@@ -1,13 +1,13 @@
+
+
 .component {
     grid-column: 1/3;
     display: grid;
-    grid-row-gap: var(--gap-8)
+    grid-row-gap: var(--gap-8);
 }
-
 .component.none {
         margin-top: var(--gap-0);
     }
-
 .component.default {
         margin-top: var(--gap-8);
     }

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

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

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

@@ -1,7 +1,7 @@
 import React, { forwardRef, useContext } from 'react';
 import { Button } from '@alfalab/core-components-button/moderncssm';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css';
 
 const FooterButton = forwardRef(({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {

package/moderncssm/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":[],"mappings":";;;;;;AA2Ba,MAAA,YAAY,GAAG,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1F,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,WAAW,GAAG,CAAC,CAAyB,KAAI;QAC9C,CAAC,CAAC,eAAe,EAAE;AAClB,QAAA,OAAyC,GAAG,CAAC,CAAC;AACnD,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAyB,KAAI;AAClD,QAAA,YAA8C,GAAG,CAAC,CAAC;AACpD,QAAA,eAAe,CAAC,cAAc,IAAI;AACtC,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAyB,KAAI;AAClD,QAAA,YAA8C,GAAG,CAAC,CAAC;AACpD,QAAA,eAAe,CAAC,YAAY,IAAI;AACpC,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,CAAyB,KAAI;AACjD,QAAA,WAA6C,GAAG,CAAC,CAAC;QACnD,CAAC,CAAC,eAAe,EAAE;AACvB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,MAAM,EACC,EAAA,GAAA,KAAK,EACT,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC7E,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAE3B,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":[],"mappings":";;;;;;AAgCa,MAAA,YAAY,GAAG,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1F,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,WAAW,GAAG,CAAC,CAAyB,KAAI;QAC9C,CAAC,CAAC,eAAe,EAAE;AAClB,QAAA,OAAyC,GAAG,CAAC,CAAC;AACnD,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAyB,KAAI;AAClD,QAAA,YAA8C,GAAG,CAAC,CAAC;AACpD,QAAA,eAAe,CAAC,cAAc,IAAI;AACtC,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAyB,KAAI;AAClD,QAAA,YAA8C,GAAG,CAAC,CAAC;AACpD,QAAA,eAAe,CAAC,YAAY,IAAI;AACpC,KAAC;AAED,IAAA,MAAM,eAAe,GAAG,CAAC,CAAyB,KAAI;AACjD,QAAA,WAA6C,GAAG,CAAC,CAAC;QACnD,CAAC,CAAC,eAAe,EAAE;AACvB,KAAC;IAED,QACI,KAAC,CAAA,aAAA,CAAA,MAAM,EACC,EAAA,GAAA,KAAK,EACT,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC7E,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAE3B,EAAA,QAAQ,CACJ;AAEjB,CAAC;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 .component {
     justify-self: start;
 }

package/moderncssm/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/moderncssm';
 export declare type FooterTextProps = {
     /**

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

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
 import { Text } from '@alfalab/core-components-typography/moderncssm';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 
 const FooterText = ({ children, color = 'secondary', dataTestId, }) => {
     const pureCellContext = useContext(PureCellContext);

package/moderncssm/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":[],"mappings":";;;;;AAyBO,MAAM,UAAU,GAA8B,CAAC,EAClD,QAAQ,EACR,KAAK,GAAG,WAAW,EACnB,UAAU,GACb,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;IAEnD,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,KAAK,EACE,cAAA,EAAA,aAAa,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":[],"mappings":";;;;;AAyBO,MAAM,UAAU,GAA8B,CAAC,EAClD,QAAQ,EACR,KAAK,GAAG,WAAW,EACnB,UAAU,GACb,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;IAEnD,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,KAAK,EACE,cAAA,EAAA,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EAEpF,EAAA,QAAQ,CACN;AAEf;;;;"}

package/moderncssm/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/moderncssm/components/graphics/component.js

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

package/moderncssm/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":[],"mappings":";;;;;;AAsCA,MAAM,kBAAkB,GAAsE;AAC1F,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEY,MAAA,QAAQ,GAAoB,CAAC,EACtC,QAAQ,EACR,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,cAAc,EACd,OAAO,GACV,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,OAAO;AAElF,IAAA,MAAM,qBAAqB,GAAG,eAAe,CAAC,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS;AAE7F,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;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,aAAa,CAAC,EACrB,MAAM,CAAC,eAAe,CAAC,SAAS,IAAI,YAAY,CAAC,EACjD,MAAM,CAAC,cAAc,IAAI,qBAAqB,CAAC,EAC/C,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,CAC/B,EAAA,cAAA,EACa,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,EAAA,IAC5E,OAAO,IAAI,aAAa,CAAC,EAAA,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":[],"mappings":";;;;;;AAsCA,MAAM,kBAAkB,GAAsE;AAC1F,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEY,MAAA,QAAQ,GAAoB,CAAC,EACtC,QAAQ,EACR,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,cAAc,EACd,OAAO,GACV,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,kBAAkB,CAAC,MAAM,GAAG,kBAAkB,CAAC,OAAO;AAElF,IAAA,MAAM,qBAAqB,GAAG,eAAe,CAAC,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS;AAE7F,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;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,aAAa,CAAC,EACrB,MAAM,CAAC,eAAe,CAAC,SAAS,IAAI,YAAY,CAAC,EACjD,MAAM,CAAC,cAAc,IAAI,qBAAqB,CAAC,EAC/C,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,CAC/B,EAAA,cAAA,EACa,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,EAAA,IAC5E,OAAO,IAAI,aAAa,CAAC,EAAA,EAE7B,QAAQ,CACD;AAEpB;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
@@ -20,51 +22,51 @@
     align-self: flex-end;
 }
 
-.horizontal:not(:last-child).none {
+.horizontal.none:not(:last-child) {
         margin-right: var(--gap-0);
     }
 
-.horizontal:not(:last-child).max {
+.horizontal.max:not(:last-child) {
         margin-right: var(--gap-24);
     }
 
-.horizontal:not(:last-child).airy {
+.horizontal.airy:not(:last-child) {
         margin-right: var(--gap-16);
     }
 
-.horizontal:not(:last-child).default {
+.horizontal.default:not(:last-child) {
         margin-right: var(--gap-12);
     }
 
-.horizontal:not(:last-child).compact {
+.horizontal.compact:not(:last-child) {
         margin-right: var(--gap-8);
     }
 
-.horizontal:not(:last-child).tiny {
+.horizontal.tiny:not(:last-child) {
         margin-right: var(--gap-4);
     }
 
-.vertical:not(:last-child).none {
+.vertical.none:not(:last-child) {
         margin-bottom: var(--gap-0);
     }
 
-.vertical:not(:last-child).max {
+.vertical.max:not(:last-child) {
         margin-bottom: var(--gap-24);
     }
 
-.vertical:not(:last-child).airy {
+.vertical.airy:not(:last-child) {
         margin-bottom: var(--gap-16);
     }
 
-.vertical:not(:last-child).default {
+.vertical.default:not(:last-child) {
         margin-bottom: var(--gap-12);
     }
 
-.vertical:not(:last-child).compact {
+.vertical.compact:not(:last-child) {
         margin-bottom: var(--gap-8);
     }
 
-.vertical:not(:last-child).tiny {
+.vertical.tiny:not(:last-child) {
         margin-bottom: var(--gap-4);
     }
 
@@ -76,7 +78,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;
@@ -89,7 +91,7 @@
     cursor: pointer;
     padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out;
-    min-width: auto
+    min-width: auto;
 }
 
 .button:hover {

package/moderncssm/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/moderncssm/components/main/component.js

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

package/moderncssm/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":[],"mappings":";;;;;;AAsCA,MAAM,cAAc,GAAsE;AACtF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEY,MAAA,IAAI,GAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC7F,IAAA,MAAM,EACF,SAAS,GAAG,YAAY,EACxB,UAAU,EAAE,iBAAiB,EAC7B,YAAY,EACZ,cAAc,GACjB,GAAG,UAAU,CAAC,eAAe,CAAC;AAE/B,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,OAAO;AAE1E,IAAA,MAAM,aAAa,GAAG;AAClB,QAAA,OAAO,EAAE,CAAC,CAAsC,KAAI;YAChD,CAAC,CAAC,eAAe,EAAE;YACnB,OAAO,IAAI;SACd;QACD,YAAY,EAAE,MAAK;YACf,cAAc,IAAI;SACrB;QACD,YAAY,EAAE,MAAK;YACf,YAAY,IAAI;SACnB;AACD,QAAA,WAAW,EAAE,CAAC,CAAsC,KAAI;YACpD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,SAAS,CAAC,EACjB;AACI,YAAA,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS;AAC9B,SAAA,EACD,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,EAC5B,SAAS,CACZ,kBACa,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,MAAM,CAAC,MAC/D,OAAO,IAAI,aAAa,CAAC,EAAA,EAE7B,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":[],"mappings":";;;;;;AAsCA,MAAM,cAAc,GAAsE;AACtF,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;CACrB;AAEY,MAAA,IAAI,GAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAI;AAC7F,IAAA,MAAM,EACF,SAAS,GAAG,YAAY,EACxB,UAAU,EAAE,iBAAiB,EAC7B,YAAY,EACZ,cAAc,GACjB,GAAG,UAAU,CAAC,eAAe,CAAC;AAE/B,IAAA,MAAM,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,OAAO;AAE1E,IAAA,MAAM,aAAa,GAAG;AAClB,QAAA,OAAO,EAAE,CAAC,CAAsC,KAAI;YAChD,CAAC,CAAC,eAAe,EAAE;YACnB,OAAO,IAAI;SACd;QACD,YAAY,EAAE,MAAK;YACf,cAAc,IAAI;SACrB;QACD,YAAY,EAAE,MAAK;YACf,YAAY,IAAI;SACnB;AACD,QAAA,WAAW,EAAE,CAAC,CAAsC,KAAI;YACpD,CAAC,CAAC,eAAe,EAAE;SACtB;KACJ;AAED,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,SAAS,CAAC,EACjB;AACI,YAAA,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS;AAC9B,SAAA,EACD,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,EAC5B,SAAS,CACZ,kBACa,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,MAAM,CAAC,MAC/D,OAAO,IAAI,aAAa,CAAC,EAAA,EAE7B,QAAQ,CACD;AAEpB;;;;"}

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

@@ -1,3 +1,5 @@
+
+
 :root {
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
@@ -7,7 +9,7 @@
     display: flex;
     flex-direction: column;
     align-self: center;
-    white-space: pre-line
+    white-space: pre-line;
 }
 
 .component.vertical {
@@ -29,7 +31,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;
@@ -42,7 +44,7 @@
         cursor: pointer;
         padding: var(--gap-0);
         transition: opacity 0.15s ease-in-out;
-        min-width: auto
+        min-width: auto;
     }
 
 .component.button:hover {

package/moderncssm/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/moderncssm';
 declare type Props = {
     /**

package/moderncssm/components/text/component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
 import { Text as Text$1 } from '@alfalab/core-components-typography/moderncssm';
-import { PureCellContext } from '../../component.js';
+import { PureCellContext } from '../../context.js';
 import styles from './index.module.css';
 
 const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {

package/moderncssm/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":["TypographyText"],"mappings":";;;;;;;AA2Da,MAAA,IAAI,GAAoB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,mBAAmB,EAC1B,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,GACb,KAAI;AACD,IAAA,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC;IAC/F,MAAM,SAAS,GAAG,QAAQ,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,QAAQ,CAAE,CAAA,CAAC;IAE3D,QACI,6BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE;AAC5B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,YAAY;SAChD,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA;AACxB,YAAA,KAAA,CAAA,aAAA,CAACA,MAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACN,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,cAAc,CAAC,EAE3E,EAAA,QAAQ,CACI,CACf;AAEL,QAAA,KAAK,KACF,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA;AACxB,YAAA,KAAA,CAAA,aAAA,CAACA,MAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACN,aAAa,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":["TypographyText"],"mappings":";;;;;;;AA2Da,MAAA,IAAI,GAAoB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,mBAAmB,EAC1B,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,GACb,KAAI;AACD,IAAA,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC;IAC/F,MAAM,SAAS,GAAG,QAAQ,IAAI,MAAM,CAAC,CAAW,QAAA,EAAA,QAAQ,CAAE,CAAA,CAAC;IAE3D,QACI,6BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE;AAC5B,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,YAAY;SAChD,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA;AACxB,YAAA,KAAA,CAAA,aAAA,CAACA,MAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACN,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,cAAc,CAAC,EAE3E,EAAA,QAAQ,CACI,CACf;AAEL,QAAA,KAAK,KACF,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA;AACxB,YAAA,KAAA,CAAA,aAAA,CAACA,MAAc,EAAA,EACX,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EAAA,cAAA,EACN,aAAa,CAAC,UAAU,IAAI,iBAAiB,EAAE,YAAY,CAAC,EAAA,EAEzE,KAAK,CACO,CACf,CACT,CACC;AAEd;;;;"}

package/moderncssm/components/text/index.module.css

@@ -1,3 +1,5 @@
+
+
 .horizontal {
     padding: var(--gap-2) var(--gap-0);
 }

package/moderncssm/components/types.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement, ReactNode } from 'react';
-import { Comment } from '@alfalab/core-components-comment/moderncssm';
-import { Amount } from './amount';
-import { AmountTitle } from './amount-title';
-import { FooterButton } from './footer-button';
-import { FooterText } from './footer-text';
-import { Graphics } from './graphics';
-import { Text } from './text';
+import { type ReactElement, type ReactNode } from 'react';
+import { type Comment } from '@alfalab/core-components-comment/moderncssm';
+import { type Amount } from './amount';
+import { type AmountTitle } from './amount-title';
+import { type FooterButton } from './footer-button';
+import { type FooterText } from './footer-text';
+import { type Graphics } from './graphics';
+import { type Text } from './text';
 declare type TextElement = ReactElement<typeof Text>;
 export declare type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
 declare type AmountElement = ReactElement<typeof Amount>;

package/moderncssm/components/typesProps.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CurrencyCodes } from '@alfalab/data';
+import { type ReactNode } from 'react';
+import { type CurrencyCodes } from '@alfalab/data';
 export declare type AmountProps = {
     /**
      * Денежное значение в минорных единицах

package/moderncssm/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type PureCellContextValue = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
+};
+export declare const PureCellContext: import("react").Context<PureCellContextValue>;

package/moderncssm/context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const PureCellContext = createContext({});
+
+export { PureCellContext };
+//# sourceMappingURL=context.js.map

package/moderncssm/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../src/context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport type PureCellContextValue = {\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 = createContext<PureCellContextValue>({});\n"],"names":[],"mappings":";;AAUA;MACa,eAAe,GAAG,aAAa,CAAuB,EAAE;;;;"}

package/moderncssm/index.module.css

@@ -1,5 +1,7 @@
+
+
 .component {
-    text-align: unset;
+    text-align: inherit;
     box-sizing: border-box;
 }
 
@@ -18,10 +20,10 @@
     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)
+    padding: var(--gap-0);
 }
 
 .button.hover {
@@ -36,7 +38,7 @@
     text-decoration: none;
     color: inherit;
     cursor: pointer;
-    transition: opacity 0.15s ease-in-out
+    transition: opacity 0.15s ease-in-out;
 }
 
 .link.hover {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "5.0.1",
+    "version": "5.0.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,9 +12,9 @@
     "dependencies": {
         "@alfalab/core-components-amount": "^4.0.0",
         "@alfalab/core-components-button": "^12.0.1",
-        "@alfalab/core-components-comment": "^3.0.1",
+        "@alfalab/core-components-comment": "^3.0.2",
         "@alfalab/core-components-shared": "^1.1.0",
-        "@alfalab/core-components-typography": "^5.0.1",
+        "@alfalab/core-components-typography": "^5.0.2",
         "@alfalab/data": "^1.9.2",
         "@alfalab/hooks": "^1.13.1",
         "classnames": "^2.5.1",
@@ -29,6 +29,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/component.tsx

@@ -1,18 +1,15 @@
-/* eslint-disable react/jsx-no-constructed-context-values */
 import React, {
-    AnchorHTMLAttributes,
-    ButtonHTMLAttributes,
-    ElementType,
+    type AnchorHTMLAttributes,
+    type ButtonHTMLAttributes,
+    type ElementType,
     forwardRef,
-    HTMLAttributes,
+    type HTMLAttributes,
     useRef,
     useState,
 } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { ButtonProps } from '@alfalab/core-components-button';
 import { Comment } from '@alfalab/core-components-comment';
 import { useFocus } from '@alfalab/hooks';
 
@@ -23,24 +20,16 @@ import { Category } from './components/category';
 import { Content } from './components/content';
 import { Footer } from './components/footer';
 import { FooterButton } from './components/footer-button';
-import { FooterText, FooterTextProps } from './components/footer-text';
+import { FooterText } from './components/footer-text';
 import { Graphics } from './components/graphics';
 import { Main } from './components/main';
 import { Text } from './components/text';
-import { PureCellElement } from './components/types';
+import { type PureCellElement } from './components/types';
+import { PureCellContext, type PureCellContextValue } from './context';
 
 import styles from './index.module.css';
 
-export type PureCellContext = {
-    /** Направление */
-    direction?: 'horizontal' | 'vertical';
-    dataTestId?: string;
-    setMainHover?: () => void;
-    unsetMainHover?: () => void;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-export const PureCellContext = React.createContext<PureCellContext>({});
+export { PureCellContext };
 
 type BasePureCellProps = {
     /**
@@ -152,7 +141,8 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
             [styles.active]: activeState,
         };
 
-        const contextState: PureCellContext = {
+        // eslint-disable-next-line react/jsx-no-constructed-context-values
+        const contextState: PureCellContextValue = {
             direction,
             dataTestId,
             setMainHover: setHover,
@@ -223,7 +213,7 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
     },
 );
 
-const ExtraSubtitle = FooterText as React.FC<FooterTextProps>;
+const ExtraSubtitle = FooterText;
 
 /**
  * Универсальный конструктор для сборки любой ячейки.

package/src/components/addon/component.tsx

@@ -3,8 +3,8 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
-import { AddonElement } from '../types';
+import { PureCellContext } from '../../context';
+import { type AddonElement } from '../types';
 
 import styles from './index.module.css';
 

package/src/components/amount/component.tsx

@@ -5,8 +5,8 @@ import { Amount as CoreAmount } from '@alfalab/core-components-amount';
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { type Color, Text } from '@alfalab/core-components-typography';
 
-import { PureCellContext } from '../../component';
-import { AmountProps as AmountType } from '../typesProps';
+import { PureCellContext } from '../../context';
+import { type AmountProps as AmountType } from '../typesProps';
 
 import styles from './index.module.css';