@alfalab/core-components-pure-cell 5.0.1 → 5.0.2

package/src/components/amount/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     padding: var(--gap-2) var(--gap-0);

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

@@ -5,8 +5,8 @@ import { Amount as CoreAmount } from '@alfalab/core-components-amount';
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { type Color, type TitleProps, TitleResponsive } from '@alfalab/core-components-typography';
 
-import { PureCellContext } from '../../component';
-import { AmountProps as AmountType } from '../typesProps';
+import { PureCellContext } from '../../context';
+import { type AmountProps as AmountType } from '../typesProps';
 
 import styles from './index.module.css';
 

package/src/components/amount-title/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     display: flex;

package/src/components/category/component.tsx

@@ -1,9 +1,9 @@
-import React, { ReactNode, useContext } from 'react';
+import React, { type ReactNode, useContext } from 'react';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { Text } from '@alfalab/core-components-typography';
 
-import { PureCellContext } from '../../component';
+import { PureCellContext } from '../../context';
 
 import styles from './index.module.css';
 

package/src/components/category/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     display: flex;

package/src/components/content/component.tsx

@@ -3,8 +3,8 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
-import { ContentElement } from '../types';
+import { PureCellContext } from '../../context';
+import { type ContentElement } from '../types';
 
 import styles from './index.module.css';
 

package/src/components/content/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     flex-basis: 100%;

package/src/components/footer/component.tsx

@@ -3,8 +3,8 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
-import { FooterElement } from '../types';
+import { PureCellContext } from '../../context';
+import { type FooterElement } from '../types';
 
 import styles from './index.module.css';
 

package/src/components/footer/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     grid-column: 1/3;

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

@@ -1,9 +1,14 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef, useContext } from 'react';
+import React, {
+    type AnchorHTMLAttributes,
+    type ButtonHTMLAttributes,
+    forwardRef,
+    useContext,
+} from 'react';
 
-import { Button, ButtonProps } from '@alfalab/core-components-button';
+import { Button, type ButtonProps } from '@alfalab/core-components-button';
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
+import { PureCellContext } from '../../context';
 
 import styles from './index.module.css';
 

package/src/components/footer-button/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     justify-self: start;

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

@@ -1,9 +1,9 @@
-import React, { ReactNode, useContext } from 'react';
+import React, { type ReactNode, useContext } from 'react';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { type Color, Text } from '@alfalab/core-components-typography';
 
-import { PureCellContext } from '../../component';
+import { PureCellContext } from '../../context';
 
 export type FooterTextProps = {
     /**

package/src/components/graphics/component.tsx

@@ -3,8 +3,8 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
-import { GraphicsElement } from '../types';
+import { PureCellContext } from '../../context';
+import { type GraphicsElement } from '../types';
 
 import styles from './index.module.css';
 

package/src/components/main/component.tsx

@@ -3,8 +3,8 @@ import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 
-import { PureCellContext } from '../../component';
-import { MainElement } from '../types';
+import { PureCellContext } from '../../context';
+import { type MainElement } from '../types';
 
 import styles from './index.module.css';
 

package/src/components/text/component.tsx

@@ -1,10 +1,10 @@
-import React, { ReactNode, useContext } from 'react';
+import React, { type ReactNode, useContext } from 'react';
 import cn from 'classnames';
 
 import { getDataTestId } from '@alfalab/core-components-shared';
 import { type Color, Text as TypographyText } from '@alfalab/core-components-typography';
 
-import { PureCellContext } from '../../component';
+import { PureCellContext } from '../../context';
 
 import styles from './index.module.css';
 

package/src/components/text/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .horizontal {
     padding: var(--gap-2) var(--gap-0);
@@ -20,9 +20,7 @@
     justify-content: space-between;
     margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
-}
 
-.component {
     & .vertical {
         justify-content: center;
     }

package/src/components/types.ts

@@ -1,13 +1,13 @@
-import { ReactElement, ReactNode } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 
-import { Comment } from '@alfalab/core-components-comment';
+import { type Comment } from '@alfalab/core-components-comment';
 
-import { Amount } from './amount';
-import { AmountTitle } from './amount-title';
-import { FooterButton } from './footer-button';
-import { FooterText } from './footer-text';
-import { Graphics } from './graphics';
-import { Text } from './text';
+import { type Amount } from './amount';
+import { type AmountTitle } from './amount-title';
+import { type FooterButton } from './footer-button';
+import { type FooterText } from './footer-text';
+import { type Graphics } from './graphics';
+import { type Text } from './text';
 
 type TextElement = ReactElement<typeof Text>;
 export type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;

package/src/components/typesProps.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 
-import { CurrencyCodes } from '@alfalab/data';
+import { type CurrencyCodes } from '@alfalab/data';
 
 export type AmountProps = {
     /**

package/src/context.ts

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+
+export type PureCellContextValue = {
+    /** Направление */
+    direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+export const PureCellContext = createContext<PureCellContextValue>({});

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .component {
     text-align: unset;
@@ -20,7 +20,7 @@
     font-family: inherit;
     background: none;
     border: 0;
-    border-radius: 0;
+    border-radius: var(--border-radius-0);
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: var(--gap-0);

package/src/vars.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 :root {
     --pure-cell-clickable-area-hover-opacity: 1;