@alfalab/core-components-pure-cell 4.4.7 → 4.4.9

package/modern/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 16yqc */
+/* hash: fdg0v */
 :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_fkwl5 {
+} .pure-cell__component_1vdhv {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_fkwl5.pure-cell__vertical_fkwl5 {
+} .pure-cell__component_1vdhv.pure-cell__vertical_1vdhv {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_fkwl5.pure-cell__reverse_fkwl5 {
+    } .pure-cell__component_1vdhv.pure-cell__reverse_1vdhv {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-68901684";
+export * from "../../component-03861c53";

package/modern/components/main/index.js

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

package/modern/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: t1t6e */
+/* hash: x6z04 */
 :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_8ftnv {
+} .pure-cell__horizontal_rocfi {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_8ftnv {
+} .pure-cell__rowLimit1_rocfi {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_8ftnv {
+} .pure-cell__rowLimit2_rocfi {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_8ftnv {
+} .pure-cell__component_rocfi {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_8ftnv .pure-cell__vertical_8ftnv {
+} .pure-cell__component_rocfi .pure-cell__vertical_rocfi {
         justify-content: center;
-    } .pure-cell__title_8ftnv + .pure-cell__value_8ftnv {
+    } .pure-cell__title_rocfi + .pure-cell__value_rocfi {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-68901684";
+export * from "../../component-03861c53";

package/modern/components/text/index.js

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

package/modern/index.css

@@ -1,7 +1,7 @@
-/* hash: 9q6a9 */
+/* hash: jwx7v */
 :root {
 } /* deprecated */ :root {
-    --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --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 */
 } :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 */
 } :root {
 } :root {
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_egaoz {
+} .pure-cell__component_xotgn {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_egaoz {
+} .pure-cell__horizontal_xotgn {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_egaoz > section:not(:last-child) {
+} .pure-cell__horizontal_xotgn > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_egaoz {
+    } .pure-cell__vertical_xotgn {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_egaoz > section:not(:last-child) {
+} .pure-cell__vertical_xotgn > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_egaoz {
+    } .pure-cell__button_xotgn {
     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_egaoz:hover {
+} .pure-cell__button_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__button_egaoz:active {
+    } .pure-cell__button_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__link_egaoz {
+    } .pure-cell__link_xotgn {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_egaoz:hover {
+} .pure-cell__link_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__link_egaoz:active {
+    } .pure-cell__link_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__none_egaoz {
+    } .pure-cell__none_xotgn {
     padding: 0;
-} .pure-cell__airy_egaoz {
+} .pure-cell__airy_xotgn {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_egaoz {
+} .pure-cell__defaultPadding_xotgn {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_egaoz {
+} .pure-cell__compact_xotgn {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_egaoz {
+} .pure-cell__tiny_xotgn {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_egaoz {
+} .pure-cell__left_xotgn {
     padding-left: var(--gap-m);
-} .pure-cell__right_egaoz {
+} .pure-cell__right_xotgn {
     padding-right: var(--gap-m);
-} .pure-cell__both_egaoz {
+} .pure-cell__both_xotgn {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_egaoz {
+} .pure-cell__focused_xotgn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-68901684.js';
+export { P as PureCell } from './component-03861c53.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.7",
+    "version": "4.4.9",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -16,10 +16,10 @@
     },
     "dependencies": {
         "@alfalab/core-components-amount": "^3.3.0",
-        "@alfalab/core-components-button": "^9.0.6",
-        "@alfalab/core-components-typography": "^4.1.0",
-        "@alfalab/core-components-comment": "^2.2.1",
-        "@alfalab/core-components-shared": "^0.6.0",
+        "@alfalab/core-components-button": "^10.0.0",
+        "@alfalab/core-components-typography": "^4.2.0",
+        "@alfalab/core-components-comment": "^2.2.2",
+        "@alfalab/core-components-shared": "^0.8.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/data": "^1.6.0",
         "classnames": "^2.3.1",

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 
 import { Amount as CoreAmount } from '@alfalab/core-components-amount';
 import { getDataTestId } from '@alfalab/core-components-shared';
-import { Color, Typography } from '@alfalab/core-components-typography';
+import { Color, TitleProps, Typography } from '@alfalab/core-components-typography';
 
 import { AmountProps as AmountType } from '../typesProps';
 
@@ -12,8 +12,14 @@ import styles from './index.module.css';
 type Props = {
     /**
      * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
      */
     color?: Color;
+
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
 } & AmountType;
 
 export const AmountTitle: React.FC<Props> = ({
@@ -22,21 +28,29 @@ export const AmountTitle: React.FC<Props> = ({
     className,
     color = 'primary',
     dataTestId,
+    titleProps = {},
     ...restProps
-}) => (
-    <Typography.Title
-        tag='h4'
-        view='small'
-        dataTestId={getDataTestId(dataTestId, 'amount-title')}
-        className={styles.component}
-        color={color}
-    >
-        <CoreAmount
-            minority={minority || minorUnits}
-            className={cn(styles.weight, className)}
-            dataTestId={getDataTestId(dataTestId, 'core-amount-title')}
-            {...restProps}
-            bold='none'
-        />
-    </Typography.Title>
-);
+}) => {
+    const titleDefaultProps = {
+        tag: 'h4',
+        view: 'small',
+        color,
+        ...titleProps,
+    } as Omit<TitleProps, 'className' | 'dataTestId'>;
+
+    return (
+        <Typography.Title
+            {...titleDefaultProps}
+            dataTestId={getDataTestId(dataTestId, 'amount-title')}
+            className={cn(styles.component, titleProps.className)}
+        >
+            <CoreAmount
+                minority={minority || minorUnits}
+                className={cn(styles.weight, className)}
+                dataTestId={getDataTestId(dataTestId, 'core-amount-title')}
+                {...restProps}
+                bold='none'
+            />
+        </Typography.Title>
+    );
+};