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

package/modern/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: k1ir9 */
+/* hash: 10ury */
 :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 */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_pdfro {
+} .pure-cell__horizontal_g1lg9 {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_pdfro {
+} .pure-cell__rowLimit1_g1lg9 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_pdfro {
+} .pure-cell__rowLimit2_g1lg9 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_pdfro {
+} .pure-cell__component_g1lg9 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_pdfro .pure-cell__vertical_pdfro {
+} .pure-cell__component_g1lg9 .pure-cell__vertical_g1lg9 {
         justify-content: center;
-    } .pure-cell__title_pdfro + .pure-cell__value_pdfro {
+    } .pure-cell__title_g1lg9 + .pure-cell__value_g1lg9 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

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

package/modern/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-b88cb914.js';
+export { T as Text } from '../../component-e4d09b0f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jgjf */
+/* hash: 6hxk2 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_emofe {
+} .pure-cell__component_8eiq7 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_emofe {
+} .pure-cell__horizontal_8eiq7 {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_emofe > section:not(:last-child) {
+} .pure-cell__horizontal_8eiq7 > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_emofe {
+    } .pure-cell__vertical_8eiq7 {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_emofe > section:not(:last-child) {
+} .pure-cell__vertical_8eiq7 > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_emofe {
+    } .pure-cell__button_8eiq7 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_emofe:hover {
+} .pure-cell__button_8eiq7:hover {
         opacity: 0.8;
-    } .pure-cell__button_emofe:active {
+    } .pure-cell__button_8eiq7:active {
         opacity: 0.6;
-    } .pure-cell__link_emofe {
+    } .pure-cell__link_8eiq7 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_emofe:hover {
+} .pure-cell__link_8eiq7:hover {
         opacity: 0.8;
-    } .pure-cell__link_emofe:active {
+    } .pure-cell__link_8eiq7:active {
         opacity: 0.6;
-    } .pure-cell__none_emofe {
+    } .pure-cell__none_8eiq7 {
     padding: 0;
-} .pure-cell__airy_emofe {
+} .pure-cell__airy_8eiq7 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_emofe {
+} .pure-cell__defaultPadding_8eiq7 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_emofe {
+} .pure-cell__compact_8eiq7 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_emofe {
+} .pure-cell__tiny_8eiq7 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_emofe {
+} .pure-cell__left_8eiq7 {
     padding-left: var(--gap-m);
-} .pure-cell__right_emofe {
+} .pure-cell__right_8eiq7 {
     padding-right: var(--gap-m);
-} .pure-cell__both_emofe {
+} .pure-cell__both_8eiq7 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_emofe {
+} .pure-cell__focused_8eiq7 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-b88cb914.js';
+export { P as PureCell } from './component-e4d09b0f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.4.11",
+    "version": "4.5.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -16,9 +16,9 @@
     },
     "dependencies": {
         "@alfalab/core-components-amount": "^3.3.1",
-        "@alfalab/core-components-button": "^10.0.1",
-        "@alfalab/core-components-typography": "^4.2.0",
-        "@alfalab/core-components-comment": "^2.2.2",
+        "@alfalab/core-components-button": "^11.0.0",
+        "@alfalab/core-components-typography": "^4.2.1",
+        "@alfalab/core-components-comment": "^2.3.0",
         "@alfalab/core-components-shared": "^0.8.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/data": "^1.6.0",

package/src/components/addon/component.tsx

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

package/src/components/amount/component.tsx

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

package/src/components/amount-title/component.tsx

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

package/src/components/category/component.tsx

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

package/src/components/content/component.tsx

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

package/src/components/footer/component.tsx

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

package/src/components/footer-button/component.tsx

@@ -1,17 +1,31 @@
-import React from 'react';
+import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef } from 'react';
 
 import { Button, ButtonProps } from '@alfalab/core-components-button';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
 import styles from './index.module.css';
 
-export const FooterButton: React.FC<ButtonProps> = ({ children, dataTestId, ...props }) => (
-    <Button
-        {...props}
-        size='xxs'
-        dataTestId={getDataTestId(dataTestId, 'button')}
-        className={styles.component}
-    >
-        {children}
-    </Button>
+type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -button
+     */
+    dataTestId?: string;
+};
+
+type FooterButtonProps = ComponentProps &
+    Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+
+export const FooterButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, FooterButtonProps>(
+    ({ children, dataTestId, ...props }, ref) => (
+        <Button
+            {...props}
+            size='xxs'
+            dataTestId={getDataTestId(dataTestId, 'button')}
+            className={styles.component}
+            ref={ref}
+        >
+            {children}
+        </Button>
+    ),
 );

package/src/components/footer-text/component.tsx

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

package/src/components/graphics/component.tsx

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

package/src/components/main/component.tsx

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

package/src/components/text/component.tsx

@@ -22,7 +22,7 @@ type Props = {
     /**
      * Размер текста
      */
-    view: 'primary-large' | 'primary-medium' | 'primary-small' | 'component';
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
 
     /**
      * Толщина title
@@ -45,7 +45,8 @@ type Props = {
     valueColor?: Color;
 
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для контента используется модификатор -text_content, для value ячейки -text_value
      */
     dataTestId?: string;
 };
@@ -54,7 +55,7 @@ export const Text: React.FC<Props> = ({
     children,
     value,
     rowLimit,
-    view = 'component',
+    view = 'component-primary',
     titleWeight,
     titleColor,
     valueColor,