@alfalab/core-components-pure-cell 4.4.11 → 4.5.0

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-b88cb914.d.ts → component-e4d09b0f.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-b88cb914.js → component-e4d09b0f.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_qgz8c","horizontal":"pure-cell__horizontal_qgz8c"};
+const styles$3 = {"component":"pure-cell__component_b3jt1","horizontal":"pure-cell__horizontal_b3jt1"};
 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_1ucp8","vertical":"pure-cell__vertical_1ucp8","reverse":"pure-cell__reverse_1ucp8"};
+const styles$2 = {"component":"pure-cell__component_srpcu","vertical":"pure-cell__vertical_srpcu","reverse":"pure-cell__reverse_srpcu"};
 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_pdfro","rowLimit1":"pure-cell__rowLimit1_pdfro","rowLimit2":"pure-cell__rowLimit2_pdfro","component":"pure-cell__component_pdfro","vertical":"pure-cell__vertical_pdfro","title":"pure-cell__title_pdfro","value":"pure-cell__value_pdfro"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_g1lg9","rowLimit1":"pure-cell__rowLimit1_g1lg9","rowLimit2":"pure-cell__rowLimit2_g1lg9","component":"pure-cell__component_g1lg9","vertical":"pure-cell__vertical_g1lg9","title":"pure-cell__title_g1lg9","value":"pure-cell__value_g1lg9"};
 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_emofe","horizontal":"pure-cell__horizontal_emofe","vertical":"pure-cell__vertical_emofe","button":"pure-cell__button_emofe","link":"pure-cell__link_emofe","none":"pure-cell__none_emofe","airy":"pure-cell__airy_emofe","defaultPadding":"pure-cell__defaultPadding_emofe","compact":"pure-cell__compact_emofe","tiny":"pure-cell__tiny_emofe","left":"pure-cell__left_emofe","right":"pure-cell__right_emofe","both":"pure-cell__both_emofe","focused":"pure-cell__focused_emofe"};
+const styles = {"component":"pure-cell__component_8eiq7","horizontal":"pure-cell__horizontal_8eiq7","vertical":"pure-cell__vertical_8eiq7","button":"pure-cell__button_8eiq7","link":"pure-cell__link_8eiq7","none":"pure-cell__none_8eiq7","airy":"pure-cell__airy_8eiq7","defaultPadding":"pure-cell__defaultPadding_8eiq7","compact":"pure-cell__compact_8eiq7","tiny":"pure-cell__tiny_8eiq7","left":"pure-cell__left_8eiq7","right":"pure-cell__right_8eiq7","both":"pure-cell__both_8eiq7","focused":"pure-cell__focused_8eiq7"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */

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-b88cb914.js';
+export { P as PureCell, a as PureCellContext } from './component-e4d09b0f.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_og1ba","none":"pure-cell__none_og1ba","default":"pure-cell__default_og1ba","addonPadding":"pure-cell__addonPadding_og1ba","auto":"pure-cell__auto_og1ba","top":"pure-cell__top_og1ba","center":"pure-cell__center_og1ba","bottom":"pure-cell__bottom_og1ba"};
+const styles = {"component":"pure-cell__component_i7vm3","none":"pure-cell__none_i7vm3","default":"pure-cell__default_i7vm3","addonPadding":"pure-cell__addonPadding_i7vm3","auto":"pure-cell__auto_i7vm3","top":"pure-cell__top_i7vm3","center":"pure-cell__center_i7vm3","bottom":"pure-cell__bottom_i7vm3"};
 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: 1cefs */
+/* hash: 1ygxz */
 :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_og1ba {
+} .pure-cell__component_i7vm3 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_og1ba > * {
+} .pure-cell__component_i7vm3 > * {
         justify-content: flex-end;
-    } .pure-cell__component_og1ba.pure-cell__none_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__none_i7vm3 {
         padding-left: 0;
-    } .pure-cell__component_og1ba.pure-cell__default_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__default_i7vm3 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_og1ba.pure-cell__addonPadding_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__addonPadding_i7vm3 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_og1ba.pure-cell__auto_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__auto_i7vm3 {
         align-self: auto;
-    } .pure-cell__component_og1ba.pure-cell__top_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__top_i7vm3 {
         align-self: flex-start;
-    } .pure-cell__component_og1ba.pure-cell__center_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__center_i7vm3 {
         align-self: center;
-    } .pure-cell__component_og1ba.pure-cell__bottom_og1ba {
+    } .pure-cell__component_i7vm3.pure-cell__bottom_i7vm3 {
         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_115of"};
+const styles = {"component":"pure-cell__component_3pk9a"};
 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: hdh3c */
+/* hash: 1o3x5 */
 :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_115of {
+} .pure-cell__component_3pk9a {
     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_wdv45","weight":"pure-cell__weight_wdv45"};
+const styles = {"component":"pure-cell__component_n20sq","weight":"pure-cell__weight_n20sq"};
 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: a6hl5 */
+/* hash: qzqsm */
 :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_wdv45 {
+} .pure-cell__component_n20sq {
     display: flex;
-} .pure-cell__weight_wdv45 {
+} .pure-cell__weight_n20sq {
     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_16bqs","categoryName":"pure-cell__categoryName_16bqs","categoryPercent":"pure-cell__categoryPercent_16bqs","rightAddon":"pure-cell__rightAddon_16bqs"};
+const styles = {"component":"pure-cell__component_8vmm8","categoryName":"pure-cell__categoryName_8vmm8","categoryPercent":"pure-cell__categoryPercent_8vmm8","rightAddon":"pure-cell__rightAddon_8vmm8"};
 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: 1keov */
+/* hash: s40vg */
 :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_16bqs {
+} .pure-cell__component_8vmm8 {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_16bqs {
+} .pure-cell__categoryName_8vmm8 {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_16bqs {
+} .pure-cell__categoryPercent_8vmm8 {
     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_16bqs {
+} .pure-cell__rightAddon_8vmm8 {
     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-b88cb914.js';
+export { C as Content } from '../../component-e4d09b0f.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: 1lcta */
+/* hash: t25ay */
 :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_qgz8c {
+} .pure-cell__component_b3jt1 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-} .pure-cell__component_qgz8c.pure-cell__horizontal_qgz8c {
+} .pure-cell__component_b3jt1.pure-cell__horizontal_b3jt1 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-b88cb914";
+export * from "../../component-e4d09b0f";

package/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-b88cb914.js';
+export { C as Content } from '../../component-e4d09b0f.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_eno4l","none":"pure-cell__none_eno4l","default":"pure-cell__default_eno4l"};
+const styles = {"component":"pure-cell__component_5btt6","none":"pure-cell__none_5btt6","default":"pure-cell__default_5btt6"};
 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: 1vo7o */
+/* hash: dgcu7 */
 :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_eno4l {
+} .pure-cell__component_5btt6 {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-} .pure-cell__component_eno4l.pure-cell__none_eno4l {
+} .pure-cell__component_5btt6.pure-cell__none_5btt6 {
         margin-top: 0;
-    } .pure-cell__component_eno4l.pure-cell__default_eno4l {
+    } .pure-cell__component_5btt6.pure-cell__default_5btt6 {
         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_1u6ef"};
+const styles = {"component":"pure-cell__component_4h4pc"};
 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: 1yk02 */
+/* hash: 1hqqu */
 :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_1u6ef {
+} .pure-cell__component_4h4pc {
     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_10psc","top":"pure-cell__top_10psc","center":"pure-cell__center_10psc","bottom":"pure-cell__bottom_10psc"};
+const styles = {"component":"pure-cell__component_199wr","top":"pure-cell__top_199wr","center":"pure-cell__center_199wr","bottom":"pure-cell__bottom_199wr"};
 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: m5klq */
+/* hash: 1882s */
 :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_10psc {
+} .pure-cell__component_199wr {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_10psc {
+} .pure-cell__top_199wr {
     align-self: flex-start;
-} .pure-cell__center_10psc {
+} .pure-cell__center_199wr {
     align-self: center;
-} .pure-cell__bottom_10psc {
+} .pure-cell__bottom_199wr {
     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-b88cb914.js';
+export { M as Main } from '../../component-e4d09b0f.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: 1bbnw */
+/* hash: 4l7up */
 :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_1ucp8 {
+} .pure-cell__component_srpcu {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_1ucp8.pure-cell__vertical_1ucp8 {
+} .pure-cell__component_srpcu.pure-cell__vertical_srpcu {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_1ucp8.pure-cell__reverse_1ucp8 {
+    } .pure-cell__component_srpcu.pure-cell__reverse_srpcu {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-b88cb914";
+export * from "../../component-e4d09b0f";

package/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-b88cb914.js';
+export { M as Main } from '../../component-e4d09b0f.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-b88cb914.js';
+export { T as Text } from '../../component-e4d09b0f.js';
 import 'react-merge-refs';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';