@alfalab/core-components-pure-cell 4.4.12 → 4.5.1

package/modern/{component-591761ce.d.ts → component-4d708178.d.ts}

@@ -17,7 +17,8 @@ type Props = {
      */
     className?: string;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -main
      */
     dataTestId?: string;
 };
@@ -28,7 +29,8 @@ type Props$0 = {
      */
     children: ContentElement;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
      */
     dataTestId?: string;
 };
@@ -45,7 +47,7 @@ type Props$1 = {
     /**
      * Размер текста
      */
-    view: 'primary-large' | 'primary-medium' | 'primary-small' | 'component';
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
     /**
      * Толщина title
      */
@@ -63,7 +65,8 @@ type Props$1 = {
      */
     valueColor?: Color;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для контента используется модификатор -text_content, для value ячейки -text_value
      */
     dataTestId?: string;
 };

package/modern/{component-591761ce.js → component-4d708178.js}

@@ -14,7 +14,7 @@ import { FooterText } from './components/footer-text/component.js';
 import { Graphics } from './components/graphics/component.js';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles$3 = {"component":"pure-cell__component_1wecq","horizontal":"pure-cell__horizontal_1wecq"};
+const styles$3 = {"component":"pure-cell__component_1vp77","horizontal":"pure-cell__horizontal_1vp77"};
 require('./components/content/index.css')
 
 const Content = ({ children, dataTestId }) => {
@@ -22,7 +22,7 @@ const Content = ({ children, dataTestId }) => {
     return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 
-const styles$2 = {"component":"pure-cell__component_118yo","vertical":"pure-cell__vertical_118yo","reverse":"pure-cell__reverse_118yo"};
+const styles$2 = {"component":"pure-cell__component_bou47","vertical":"pure-cell__vertical_bou47","reverse":"pure-cell__reverse_bou47"};
 require('./components/main/index.css')
 
 const Main = ({ children, isReverse, className, dataTestId }) => {
@@ -32,10 +32,10 @@ const Main = ({ children, isReverse, className, dataTestId }) => {
         }, className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
 };
 
-const styles$1 = {"horizontal":"pure-cell__horizontal_2babd","rowLimit1":"pure-cell__rowLimit1_2babd","rowLimit2":"pure-cell__rowLimit2_2babd","component":"pure-cell__component_2babd","vertical":"pure-cell__vertical_2babd","title":"pure-cell__title_2babd","value":"pure-cell__value_2babd"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_1sh7g","rowLimit1":"pure-cell__rowLimit1_1sh7g","rowLimit2":"pure-cell__rowLimit2_1sh7g","component":"pure-cell__component_1sh7g","vertical":"pure-cell__vertical_1sh7g","title":"pure-cell__title_1sh7g","value":"pure-cell__value_1sh7g"};
 require('./components/text/index.css')
 
-const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titleColor, valueColor, dataTestId, }) => {
+const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
     const { direction = 'horizontal' } = useContext(PureCellContext);
     const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
     return (React.createElement("div", { className: cn(styles$1.component, {
@@ -47,7 +47,7 @@ const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titl
             React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
 };
 
-const styles = {"component":"pure-cell__component_klwmk","horizontal":"pure-cell__horizontal_klwmk","vertical":"pure-cell__vertical_klwmk","button":"pure-cell__button_klwmk","link":"pure-cell__link_klwmk","none":"pure-cell__none_klwmk","airy":"pure-cell__airy_klwmk","defaultPadding":"pure-cell__defaultPadding_klwmk","compact":"pure-cell__compact_klwmk","tiny":"pure-cell__tiny_klwmk","left":"pure-cell__left_klwmk","right":"pure-cell__right_klwmk","both":"pure-cell__both_klwmk","focused":"pure-cell__focused_klwmk"};
+const styles = {"component":"pure-cell__component_1va9u","horizontal":"pure-cell__horizontal_1va9u","vertical":"pure-cell__vertical_1va9u","button":"pure-cell__button_1va9u","link":"pure-cell__link_1va9u","none":"pure-cell__none_1va9u","airy":"pure-cell__airy_1va9u","defaultPadding":"pure-cell__defaultPadding_1va9u","compact":"pure-cell__compact_1va9u","tiny":"pure-cell__tiny_1va9u","left":"pure-cell__left_1va9u","right":"pure-cell__right_1va9u","both":"pure-cell__both_1va9u","focused":"pure-cell__focused_1va9u"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */

package/modern/component-5a229016.d.ts

@@ -66,7 +66,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     Text: React.FC<{
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
-        view: "component" | "primary-large" | "primary-medium" | "primary-small";
+        view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "component-primary" | undefined;
         titleWeight?: "bold" | "regular" | undefined;
         titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
         value?: React.ReactNode;
@@ -78,11 +78,12 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
         textView?: "component" | "primary-small" | undefined;
         color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
         dataTestId?: string | undefined;
-    } & import("./components/typesProps").AmountProps>;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     AmountTitle: React.FC<{
         color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
         titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
-    } & import("./components/typesProps").AmountProps>;
+        dataTestId?: string | undefined;
+    } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     Addon: React.FC<{
         verticalAlign?: "center" | "auto" | "top" | "bottom" | undefined;
         addonPadding?: "none" | "default" | undefined;
@@ -95,7 +96,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
-    FooterButton: React.FC<ButtonProps>;
+    FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
+        dataTestId?: string | undefined;
+    } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
     Category: React.FC<{
         categoryName: string;

package/modern/component.js

@@ -7,7 +7,7 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-591761ce.js';
+export { P as PureCell, a as PureCellContext } from './component-4d708178.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import './components/footer-text/component.js';

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

@@ -15,7 +15,8 @@ type Props = {
      */
     children: AddonElement;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
      */
     dataTestId?: string;
 };

package/modern/components/addon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"component":"pure-cell__component_uf9ig","none":"pure-cell__none_uf9ig","default":"pure-cell__default_uf9ig","addonPadding":"pure-cell__addonPadding_uf9ig","auto":"pure-cell__auto_uf9ig","top":"pure-cell__top_uf9ig","center":"pure-cell__center_uf9ig","bottom":"pure-cell__bottom_uf9ig"};
+const styles = {"component":"pure-cell__component_1xuz7","none":"pure-cell__none_1xuz7","default":"pure-cell__default_1xuz7","addonPadding":"pure-cell__addonPadding_1xuz7","auto":"pure-cell__auto_1xuz7","top":"pure-cell__top_1xuz7","center":"pure-cell__center_1xuz7","bottom":"pure-cell__bottom_1xuz7"};
 require('./index.css')
 
 const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));

package/modern/components/addon/index.css

@@ -1,4 +1,4 @@
-/* hash: 19it3 */
+/* hash: 1c3rm */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,24 +15,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_uf9ig {
+} .pure-cell__component_1xuz7 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_uf9ig > * {
+} .pure-cell__component_1xuz7 > * {
         justify-content: flex-end;
-    } .pure-cell__component_uf9ig.pure-cell__none_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__none_1xuz7 {
         padding-left: 0;
-    } .pure-cell__component_uf9ig.pure-cell__default_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__default_1xuz7 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_uf9ig.pure-cell__addonPadding_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__addonPadding_1xuz7 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_uf9ig.pure-cell__auto_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__auto_1xuz7 {
         align-self: auto;
-    } .pure-cell__component_uf9ig.pure-cell__top_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__top_1xuz7 {
         align-self: flex-start;
-    } .pure-cell__component_uf9ig.pure-cell__center_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__center_1xuz7 {
         align-self: center;
-    } .pure-cell__component_uf9ig.pure-cell__bottom_uf9ig {
+    } .pure-cell__component_1xuz7.pure-cell__bottom_1xuz7 {
         align-self: flex-end;
     }

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

@@ -16,9 +16,10 @@ type Props = {
      */
     color?: Color;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
      */
     dataTestId?: string;
-} & AmountType;
+} & Omit<AmountType, 'dataTestId'>;
 declare const Amount: React.FC<Props>;
 export { Amount };

package/modern/components/amount/component.js

@@ -4,7 +4,7 @@ import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles = {"component":"pure-cell__component_1u9ez"};
+const styles = {"component":"pure-cell__component_ksfhx"};
 require('./index.css')
 
 const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },

package/modern/components/amount/index.css

@@ -1,4 +1,4 @@
-/* hash: uay1b */
+/* hash: 1rxwq */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_1u9ez {
+} .pure-cell__component_ksfhx {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

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

@@ -12,6 +12,11 @@ type Props = {
      * Пропсы, которые будут прокинуты в компонент типографики
      */
     titleProps?: TitleProps;
-} & AmountType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, 'dataTestId'>;
 declare const AmountTitle: React.FC<Props>;
 export { AmountTitle };

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

@@ -4,7 +4,7 @@ import { Amount } from '@alfalab/core-components-amount/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles = {"component":"pure-cell__component_9bpnu","weight":"pure-cell__weight_9bpnu"};
+const styles = {"component":"pure-cell__component_1s8za","weight":"pure-cell__weight_1s8za"};
 require('./index.css')
 
 const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1l984 */
+/* hash: 187sh */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,8 +14,8 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_9bpnu {
+} .pure-cell__component_1s8za {
     display: flex;
-} .pure-cell__weight_9bpnu {
+} .pure-cell__weight_1s8za {
     font-weight: inherit;
 }

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

@@ -15,7 +15,9 @@ type Props = {
      */
     rightAddons?: ReactNode;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
      */
     dataTestId?: string;
 };

package/modern/components/category/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles = {"component":"pure-cell__component_edaj6","categoryName":"pure-cell__categoryName_edaj6","categoryPercent":"pure-cell__categoryPercent_edaj6","rightAddon":"pure-cell__rightAddon_edaj6"};
+const styles = {"component":"pure-cell__component_ipucn","categoryName":"pure-cell__categoryName_ipucn","categoryPercent":"pure-cell__categoryPercent_ipucn","rightAddon":"pure-cell__rightAddon_ipucn"};
 require('./index.css')
 
 const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },

package/modern/components/category/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xc5t */
+/* hash: om8l5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-secondary: #f2f3f5; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,21 +19,21 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_edaj6 {
+} .pure-cell__component_ipucn {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_edaj6 {
+} .pure-cell__categoryName_ipucn {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_edaj6 {
+} .pure-cell__categoryPercent_ipucn {
     padding: 0 var(--gap-xs);
     background-color: var(--color-light-bg-secondary);
     border-radius: var(--border-radius-xl);
     margin-left: var(--gap-2xs);
-} .pure-cell__rightAddon_edaj6 {
+} .pure-cell__rightAddon_ipucn {
     margin-left: var(--gap-2xs);
 }

package/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { C as Content } from '../../component-591761ce.js';
+export { C as Content } from '../../component-4d708178.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';

package/modern/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 18fcc */
+/* hash: 18mnn */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_1wecq {
+} .pure-cell__component_1vp77 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-} .pure-cell__component_1wecq.pure-cell__horizontal_1wecq {
+} .pure-cell__component_1vp77.pure-cell__horizontal_1vp77 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-591761ce";
+export * from "../../component-4d708178";

package/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-591761ce.js';
+export { C as Content } from '../../component-4d708178.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

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

@@ -11,7 +11,8 @@ type Props = {
      */
     footerPadding?: 'default' | 'none';
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
      */
     dataTestId?: string;
 };

package/modern/components/footer/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"component":"pure-cell__component_1qmmq","none":"pure-cell__none_1qmmq","default":"pure-cell__default_1qmmq"};
+const styles = {"component":"pure-cell__component_1hrfs","none":"pure-cell__none_1hrfs","default":"pure-cell__default_1hrfs"};
 require('./index.css')
 
 const Footer = ({ children, footerPadding = 'default', dataTestId }) => (React.createElement("footer", { className: cn(styles.component, styles[footerPadding]), "data-test-id": getDataTestId(dataTestId, 'footer') }, children));

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 17pu5 */
+/* hash: 1t6gh */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,12 +15,12 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_1qmmq {
+} .pure-cell__component_1hrfs {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-} .pure-cell__component_1qmmq.pure-cell__none_1qmmq {
+} .pure-cell__component_1hrfs.pure-cell__none_1hrfs {
         margin-top: 0;
-    } .pure-cell__component_1qmmq.pure-cell__default_1qmmq {
+    } .pure-cell__component_1hrfs.pure-cell__default_1hrfs {
         margin-top: var(--gap-xs);
     }

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

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { Button } from '@alfalab/core-components-button/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"component":"pure-cell__component_i7fu8"};
+const styles = {"component":"pure-cell__component_yba9q"};
 require('./index.css')
 
-const FooterButton = ({ children, dataTestId, ...props }) => (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component }, children));
+const FooterButton = forwardRef(({ children, dataTestId, ...props }, ref) => (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component, ref: ref }, children)));
 
 export { FooterButton };

package/modern/components/footer-button/index.css

@@ -1,4 +1,4 @@
-/* hash: nh9j7 */
+/* hash: ribag */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_i7fu8 {
+} .pure-cell__component_yba9q {
     justify-self: start;
 }

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

@@ -8,7 +8,8 @@ type Props = {
      */
     color?: Color;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
      */
     dataTestId?: string;
     /**

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

@@ -7,7 +7,8 @@ type Props = {
      */
     children: GraphicsElement;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
      */
     dataTestId?: string;
     /**

package/modern/components/graphics/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const styles = {"component":"pure-cell__component_auyeu","top":"pure-cell__top_auyeu","center":"pure-cell__center_auyeu","bottom":"pure-cell__bottom_auyeu"};
+const styles = {"component":"pure-cell__component_6spos","top":"pure-cell__top_6spos","center":"pure-cell__center_6spos","bottom":"pure-cell__bottom_6spos"};
 require('./index.css')
 
 const Graphics = ({ children, dataTestId, verticalAlign = 'top' }) => (React.createElement("section", { className: cn(styles.component, styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'graphics') }, children));

package/modern/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xmpv */
+/* hash: 1g5gy */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_auyeu {
+} .pure-cell__component_6spos {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_auyeu {
+} .pure-cell__top_6spos {
     align-self: flex-start;
-} .pure-cell__center_auyeu {
+} .pure-cell__center_6spos {
     align-self: center;
-} .pure-cell__bottom_auyeu {
+} .pure-cell__bottom_6spos {
     align-self: flex-end;
 }

package/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { M as Main } from '../../component-591761ce.js';
+export { M as Main } from '../../component-4d708178.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';

package/modern/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: ye6yp */
+/* hash: 1rp5y */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_118yo {
+} .pure-cell__component_bou47 {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_118yo.pure-cell__vertical_118yo {
+} .pure-cell__component_bou47.pure-cell__vertical_bou47 {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_118yo.pure-cell__reverse_118yo {
+    } .pure-cell__component_bou47.pure-cell__reverse_bou47 {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-591761ce";
+export * from "../../component-4d708178";

package/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-591761ce.js';
+export { M as Main } from '../../component-4d708178.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/modern/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { T as Text } from '../../component-591761ce.js';
+export { T as Text } from '../../component-4d708178.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';