@alfalab/core-components-pure-cell 4.13.5 → 4.13.6

package/src/components/category/component.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode, useContext } from 'react';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
-import { Typography } from '@alfalab/core-components-typography';
+import { Text } from '@alfalab/core-components-typography';
 
 import { PureCellContext } from '../../component';
 
@@ -41,7 +41,7 @@ export const Category: React.FC<Props> = ({
 
     return (
         <div className={styles.component} data-test-id='cell-pure-category'>
-            <Typography.Text
+            <Text
                 view='primary-small'
                 color='secondary'
                 dataTestId={getDataTestId(
@@ -51,9 +51,9 @@ export const Category: React.FC<Props> = ({
                 className={styles.categoryName}
             >
                 {categoryName}
-            </Typography.Text>
+            </Text>
             {categoryPercent !== undefined && (
-                <Typography.Text
+                <Text
                     tag='div'
                     view='primary-small'
                     color='secondary'
@@ -64,7 +64,7 @@ export const Category: React.FC<Props> = ({
                     )}
                 >
                     {categoryPercent}%
-                </Typography.Text>
+                </Text>
             )}
             {rightAddons !== undefined && (
                 <div

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

@@ -1,7 +1,7 @@
 import React, { ReactNode, useContext } from 'react';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
-import { Color, Typography } from '@alfalab/core-components-typography';
+import { type Color, Text } from '@alfalab/core-components-typography';
 
 import { PureCellContext } from '../../component';
 
@@ -31,12 +31,12 @@ export const FooterText: React.FC<FooterTextProps> = ({
     const pureCellContext = useContext(PureCellContext);
 
     return (
-        <Typography.Text
+        <Text
             view='primary-small'
             color={color}
             data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title')}
         >
             {children}
-        </Typography.Text>
+        </Text>
     );
 };

package/src/components/text/component.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode, useContext } from 'react';
 import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
-import { Color, Typography } from '@alfalab/core-components-typography';
+import { type Color, Text as TypographyText } from '@alfalab/core-components-typography';
 
 import { PureCellContext } from '../../component';
 
@@ -77,7 +77,7 @@ export const Text: React.FC<Props> = ({
             })}
         >
             <div className={styles.title}>
-                <Typography.Text
+                <TypographyText
                     view={view}
                     weight={titleWeight}
                     tag='div'
@@ -86,12 +86,12 @@ export const Text: React.FC<Props> = ({
                     data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_content')}
                 >
                     {children}
-                </Typography.Text>
+                </TypographyText>
             </div>
 
             {value && (
                 <div className={styles.value}>
-                    <Typography.Text
+                    <TypographyText
                         view={view}
                         tag='div'
                         color={valueColor}
@@ -99,7 +99,7 @@ export const Text: React.FC<Props> = ({
                         data-test-id={getDataTestId(dataTestId || contextDataTestId, 'text_value')}
                     >
                         {value}
-                    </Typography.Text>
+                    </TypographyText>
                 </div>
             )}
         </div>