@alfalab/core-components-pure-cell 6.0.3 → 6.0.4

package/moderncssm/component.d.ts

@@ -13,7 +13,7 @@ import { Text } from './components/text';
 import { type PureCellElement } from './components/types';
 import { PureCellContext } from './context';
 export { PureCellContext };
-declare type BasePureCellProps = {
+type BasePureCellProps = {
     /**
      * Направление
      */
@@ -56,10 +56,10 @@ declare type BasePureCellProps = {
      */
     dataTestId?: string;
 };
-declare type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
-declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
-export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
+type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+export type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
 declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
 declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
 /**
@@ -70,62 +70,60 @@ declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterT
 declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
     Main: React.FC<{
         children: import("./components/types").MainElement;
-        isReverse?: boolean | undefined;
-        className?: string | undefined;
-        dataTestId?: string | undefined;
-        onClick?: (() => void) | undefined;
+        isReverse?: boolean;
+        className?: string;
+        dataTestId?: string;
+        onClick?: () => void;
     }>;
     Graphics: React.FC<import("./components/graphics").Props>;
     Content: React.FC<{
         children: import("./components/types").ContentElement;
-        dataTestId?: string | undefined;
+        dataTestId?: string;
     }>;
     Text: React.FC<{
         children?: React.ReactNode;
-        rowLimit?: 1 | 2 | undefined;
-        view?: "component-primary" | "primary-small" | "primary-large" | "primary-medium" | "secondary-large" | "component-secondary" | undefined;
-        titleWeight?: "bold" | "regular" | undefined;
-        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
+        rowLimit?: 1 | 2;
+        view?: "primary-large" | "primary-medium" | "primary-small" | "component-primary" | "component-secondary" | "secondary-large";
+        titleWeight?: "regular" | "bold";
+        titleColor: import("@alfalab/core-components-typography").Color;
         value?: React.ReactNode;
-        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
-        dataTestId?: string | undefined; /**
-         * Направление
-         */
+        valueColor?: import("@alfalab/core-components-typography").Color;
+        dataTestId?: string;
     }>;
     Amount: React.FC<{
-        weight?: "bold" | "normal" | undefined;
-        textView?: "component-primary" | "primary-small" | undefined;
-        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
-        hidden?: boolean | undefined;
-        dataTestId?: string | undefined;
+        weight?: "bold" | "normal";
+        textView?: "component-primary" | "primary-small";
+        color?: import("@alfalab/core-components-typography").Color;
+        hidden?: boolean;
+        dataTestId?: string;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     AmountTitle: React.FC<{
-        titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
-        hidden?: boolean | undefined;
-        dataTestId?: string | undefined;
+        titleProps?: import("@alfalab/core-components-typography").TitleProps;
+        hidden?: boolean;
+        dataTestId?: string;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     Addon: React.FC<{
-        verticalAlign?: "center" | "top" | "bottom" | "auto" | undefined;
-        addonPadding?: "default" | "none" | undefined;
+        verticalAlign?: "auto" | "top" | "center" | "bottom";
+        addonPadding?: "default" | "none";
         children: import("./components/types").AddonElement;
-        dataTestId?: string | undefined;
-        onClick?: (() => void) | undefined;
+        dataTestId?: string;
+        onClick?: () => void;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "default" | "none" | undefined;
-        dataTestId?: string | undefined;
+        footerPadding?: "default" | "none";
+        dataTestId?: string;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
     FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
-        dataTestId?: string | undefined;
+        dataTestId?: string;
     } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
     Category: React.FC<{
         categoryName: string;
-        categoryPercent?: number | undefined;
+        categoryPercent?: number;
         rightAddons?: React.ReactNode;
-        dataTestId?: string | undefined;
+        dataTestId?: string;
     }>;
 };
 export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category, };

package/moderncssm/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n    type AnchorHTMLAttributes,\n    type ButtonHTMLAttributes,\n    type ElementType,\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        const contextState: PureCellContextValue = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n    type AnchorHTMLAttributes,\n    type ButtonHTMLAttributes,\n    type ElementType,\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n    /**\n     * Направление\n     */\n    direction?: 'horizontal' | 'vertical';\n\n    /**\n     * Сss класс для стилизации общей обёртки\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде ячейки\n     */\n    href?: string;\n\n    /**\n     * Вертикальные отступы\n     */\n    verticalPadding?:\n        | 'airy'\n        | 'default'\n        | 'compact'\n        | 'tiny'\n        | 'none'\n        | {\n              /**\n               * Вертикальный отступ сверху\n               */\n              top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n              /**\n               * Вертикальный отступ снизу\n               */\n              bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n          };\n\n    /**\n     * Горизонтальные отступы\n     */\n    horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n    /**\n     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n     */\n    tag?: ElementType;\n\n    /**\n     * Компоненты\n     */\n    children: PureCellElement;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n    AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n    (\n        {\n            className,\n            dataTestId,\n            onClick,\n            href,\n            tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n            children,\n            horizontalPadding = 'none',\n            verticalPadding = 'none',\n            direction = 'horizontal',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const cellRef = useRef<HTMLDivElement>(null);\n        const [focused] = useFocus(cellRef, 'keyboard');\n        const [hoverState, setHoverState] = useState<boolean>(false);\n        const [activeState, setActiveState] = useState<boolean>(false);\n\n        const setHover = () => setHoverState(true);\n        const unsetHover = () => setHoverState(false);\n        const setActive = () => setActiveState(true);\n\n        const unsetActive = () => setActiveState(false);\n\n        const mouseEvents = {\n            onMouseEnter: setHover,\n            onMouseLeave: () => {\n                unsetHover();\n                // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n                unsetActive();\n            },\n            onMouseDown: setActive,\n            onMouseUp: unsetActive,\n        };\n\n        const addClasses = {\n            [styles.component]: true,\n            [styles.focused]: focused,\n            [styles[direction]]: true,\n            [styles[horizontalPadding]]: true,\n            [styles.hover]: hoverState,\n            [styles.active]: activeState,\n        };\n\n        // eslint-disable-next-line react/jsx-no-constructed-context-values\n        const contextState: PureCellContextValue = {\n            direction,\n            dataTestId,\n            setMainHover: setHover,\n            unsetMainHover: unsetHover,\n        };\n\n        if (typeof verticalPadding === 'string') {\n            addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n        }\n\n        if (typeof verticalPadding === 'object') {\n            addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n            addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n        }\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            // Для совместимости с react-router-dom, меняем href на to\n            const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n            return (\n                <Component\n                    rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    {...hrefProps}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.link, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        if (onClick) {\n            return (\n                <Component\n                    {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                    ref={mergeRefs([cellRef, ref])}\n                    className={cn(styles.button, addClasses, className)}\n                    data-test-id={dataTestId}\n                    onClick={onClick}\n                    {...mouseEvents}\n                >\n                    <PureCellContext.Provider value={contextState}>\n                        {children}\n                    </PureCellContext.Provider>\n                </Component>\n            );\n        }\n\n        return (\n            <Component\n                {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n                ref={ref}\n                tabIndex={0}\n                className={cn(addClasses, className)}\n                data-test-id={dataTestId}\n            >\n                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n            </Component>\n        );\n    },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n    PureCell,\n    PureCellComponent,\n    Main,\n    Graphics,\n    Content,\n    Text,\n    Amount,\n    AmountTitle,\n    Addon,\n    Footer,\n    ExtraSubtitle,\n    FooterButton,\n    Comment,\n    Category,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgGM,MAAA,iBAAiB,GAAG,UAAU,CAChC,CACI,EACI,SAAS,EACT,UAAU,EACV,OAAO,EACP,IAAI,EACJ,GAAG,EAAE,SAAS,GAAG,CAAC,IAAI,IAAI,GAAG,MAAM,OAAO,IAAI,QAAQ,CAAC,IAAI,SAAS,EACpE,QAAQ,EACR,iBAAiB,GAAG,MAAM,EAC1B,eAAe,GAAG,MAAM,EACxB,SAAS,GAAG,YAAY,EACxB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAE9D,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC;IAE5C,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC;AAE/C,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,MAAK;AACf,YAAA,UAAU,EAAE;;AAEZ,YAAA,WAAW,EAAE;SAChB;AACD,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,SAAS,EAAE,WAAW;KACzB;AAED,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI;AACxB,QAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AACzB,QAAA,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI;AACzB,QAAA,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,IAAI;AACjC,QAAA,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU;AAC1B,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,WAAW;KAC/B;;AAGD,IAAA,MAAM,YAAY,GAAyB;QACvC,SAAS;QACT,UAAU;AACV,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,cAAc,EAAE,UAAU;KAC7B;AAED,IAAA,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE;QACrC,UAAU,CAAC,MAAM,CAAC,eAAyB,CAAC,CAAC,GAAG,OAAO,eAAe,KAAK,QAAQ;;AAGvF,IAAA,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE;AACrC,QAAA,UAAU,CAAC,MAAM,CAAC,CAAG,EAAA,eAAe,CAAC,GAAG,CAAA,GAAA,CAAK,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,GAAG;AACvE,QAAA,UAAU,CAAC,MAAM,CAAC,CAAG,EAAA,eAAe,CAAC,MAAM,CAAA,MAAA,CAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,MAAM;;IAGpF,IAAI,IAAI,EAAE;AACN,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAoD;;QAGvE,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,SAAS,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE;QAE3E,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,GAAG,EAAE,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,EACvD,GAAA,SAAqD,KACtD,SAAS,EACb,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAC9B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EACnC,cAAA,EAAA,UAAU,EACxB,OAAO,EAAE,OAAO,EAAA,GACZ,WAAW,EAAA;AAEf,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,EACxC,QAAQ,CACc,CACnB;;IAIpB,IAAI,OAAO,EAAE;AACT,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACD,EAAA,GAAA,SAAqD,EAC1D,GAAG,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAC9B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,EAAA,cAAA,EACrC,UAAU,EACxB,OAAO,EAAE,OAAO,KACZ,WAAW,EAAA;AAEf,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,EACxC,QAAQ,CACc,CACnB;;IAIpB,QACI,oBAAC,SAAS,EAAA,EAAA,GACD,SAAqD,EAC1D,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,cAAA,EACtB,UAAU,EAAA;AAExB,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,EAAG,QAAQ,CAA4B,CAC5E;AAEpB,CAAC;AAGC,MAAA,aAAa,GAAG;AAEtB;;;;AAIG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC9C,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,IAAI;IACJ,MAAM;IACN,WAAW;IACX,KAAK;IACL,MAAM;IACN,aAAa;IACb,YAAY;IACZ,OAAO;IACP,QAAQ;AACX,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type TitleProps } from '@alfalab/core-components-typography/moderncssm';
 import { type AmountProps as AmountType } from '../typesProps';
-declare type Props = {
+type Props = {
     /**
      * Пропсы, которые будут прокинуты в компонент типографики
      */

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

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

package/moderncssm/components/category/component.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-declare type Props = {
+type Props = {
     /**
      * Наименование категории
      */

package/moderncssm/components/content/component.d.ts

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

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

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

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

@@ -1,12 +1,12 @@
 import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
 import { type ButtonProps } from '@alfalab/core-components-button/moderncssm';
-declare type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
+type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Используется модификатор -button
      */
     dataTestId?: string;
 };
-declare type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
 export declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

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

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography/moderncssm';
-export declare type FooterTextProps = {
+export type FooterTextProps = {
     /**
      * Цвет текста
      */

package/moderncssm/components/graphics/component.d.ts

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

package/moderncssm/components/main/component.d.ts

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

package/moderncssm/components/text/component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography/moderncssm';
-declare type Props = {
+type Props = {
     /**
      * Контент
      */

package/moderncssm/components/types.d.ts

@@ -6,16 +6,16 @@ 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>;
-declare type AmountTitleElement = ReactElement<typeof AmountTitle>;
-export declare type CommentElement = ReactElement<typeof Comment>;
-declare type FooterButtonElement = ReactElement<typeof FooterButton>;
-declare type FooterTitleElement = ReactElement<typeof FooterText>;
-export declare type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null> | CommentElement | boolean | null;
-export declare type MainElement = Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean | null);
-export declare type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
-export declare type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
-export declare type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
+type TextElement = ReactElement<typeof Text>;
+export type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
+type AmountElement = ReactElement<typeof Amount>;
+type AmountTitleElement = ReactElement<typeof AmountTitle>;
+export type CommentElement = ReactElement<typeof Comment>;
+type FooterButtonElement = ReactElement<typeof FooterButton>;
+type FooterTitleElement = ReactElement<typeof FooterText>;
+export type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null> | CommentElement | boolean | null;
+export type MainElement = Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean | null);
+export type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
+export type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
+export type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
 export {};

package/moderncssm/components/typesProps.d.ts

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

package/moderncssm/context.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type PureCellContextValue = {
+export type PureCellContextValue = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
     dataTestId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "6.0.3",
+    "version": "6.0.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,11 +10,11 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-amount": "^5.1.0",
-        "@alfalab/core-components-button": "^13.1.0",
-        "@alfalab/core-components-comment": "^4.0.2",
-        "@alfalab/core-components-shared": "^2.1.0",
-        "@alfalab/core-components-typography": "^6.0.2",
+        "@alfalab/core-components-amount": "^5.1.1",
+        "@alfalab/core-components-button": "^13.1.1",
+        "@alfalab/core-components-comment": "^4.0.3",
+        "@alfalab/core-components-shared": "^2.1.1",
+        "@alfalab/core-components-typography": "^6.0.3",
         "@alfalab/data": "^1.9.2",
         "@alfalab/hooks": "^1.13.1",
         "classnames": "^2.5.1",
@@ -30,5 +30,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "varsVersion": "11.0.2"
 }

package/src/components/amount/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     padding: var(--gap-2) var(--gap-0);

package/src/components/amount-title/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: flex;

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: flex;

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     flex-basis: 100%;

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     grid-column: 1/3;

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     justify-self: start;

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .horizontal {
     padding: var(--gap-2) var(--gap-0);

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     text-align: unset;

package/src/vars.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
     --pure-cell-clickable-area-hover-opacity: 1;