@alfalab/core-components-table 4.0.7 → 4.0.8-alfasans

package/moderncssm/components/table/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode, type TableHTMLAttributes } from 'react';
-export declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+export type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * Компактный вид
      */
@@ -37,15 +37,15 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Компактный вид
      */
-    compactView?: boolean | undefined;
+    compactView?: boolean;
     /**
      * Уменьшение горизонтальных паддингов
      */
-    compactHorizontal?: boolean | undefined;
+    compactHorizontal?: boolean;
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Дочерние компоненты
      */
@@ -53,7 +53,7 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Оборачивает таблицу в стилизованный контейнер
      */
-    wrapper?: boolean | undefined;
+    wrapper?: boolean;
     /**
      * Слот для пагинации
      */
@@ -61,9 +61,9 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * Если true то заголовок будет фиксироваться при скроле
      */
-    stickyHeader?: boolean | undefined;
+    stickyHeader?: boolean;
 } & React.RefAttributes<HTMLTableElement>>;

package/moderncssm/components/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;;AAEV,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

package/moderncssm/components/table-context/index.d.ts

@@ -1,12 +1,12 @@
 import { type RefObject } from 'react';
 import { type TextAlignProperty } from '../../typings';
-export declare type ColumnConfiguration = {
+export type ColumnConfiguration = {
     width?: string | number;
     textAlign?: TextAlignProperty;
     hidden?: boolean;
     index: number;
 };
-export declare type TableContextType = {
+export type TableContextType = {
     columnsConfiguration: ColumnConfiguration[];
     stickyHeader: boolean;
     compactView: boolean;

package/moderncssm/components/tbody/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-export declare type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
+export type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс
      */
@@ -13,9 +13,9 @@ export declare const TBody: React.ForwardRefExoticComponent<React.HTMLAttributes
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
 } & React.RefAttributes<HTMLTableSectionElement>>;

package/moderncssm/components/tcell/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type TdHTMLAttributes } from 'react';
-export declare type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+export type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
      */

package/moderncssm/components/tcell/index.module.css

@@ -4,7 +4,8 @@
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.08px;
+    font-family: var(--font-family-alfasans);
 
     color: var(--color-light-text-primary);
     padding: var(--gap-24) var(--gap-12);

package/moderncssm/components/texpandable-row/Component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode, type Ref } from 'react';
 import { type TRowProps } from '../trow';
-export declare type TExpandableRowProps = TRowProps & {
+export type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;
     onToggle?: (expanded: boolean) => void;
@@ -9,14 +9,14 @@ export declare type TExpandableRowProps = TRowProps & {
 };
 export declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
     children: React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null> | React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null>[];
-    className?: string | undefined;
-    selected?: boolean | undefined;
-    withoutBorder?: boolean | undefined;
-    dataTestId?: string | undefined;
+    className?: string;
+    selected?: boolean;
+    withoutBorder?: boolean;
+    dataTestId?: string;
 } & {
-    defaultExpanded?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onToggle?: ((expanded: boolean) => void) | undefined;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
-    rowRef?: React.Ref<HTMLTableRowElement> | undefined;
+    rowRef?: Ref<HTMLTableRowElement>;
 } & React.RefAttributes<HTMLTableRowElement>>;

package/moderncssm/components/texpandable-row/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = uncontrolled ? expandedState : expanded;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,MAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;IAE1D,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = uncontrolled ? expandedState : expanded;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,MAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;IAE1D,MAAM,YAAY,GAAG,MAAK;QACtB,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;;QAGjC,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/moderncssm/components/thead/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-export declare type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
+export type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс
      */

package/moderncssm/components/thead-cell/Component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ThHTMLAttributes } from 'react';
 import { type TextAlignProperty } from '../../typings';
-export declare type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
+export type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
      * Дополнительный класс
      */

package/moderncssm/components/thead-cell/index.module.css

@@ -6,7 +6,7 @@
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
 
     line-height: 20px;
     text-align: left;

package/moderncssm/components/trow/Component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type TCell, type TCellProps } from '../tcell';
-declare type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
-export declare type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
+type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
+export type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     /**
      * Компоненты ячеек
      */
@@ -31,18 +31,18 @@ export declare const TRow: React.ForwardRefExoticComponent<React.HTMLAttributes<
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Стиль выбранной строки
      */
-    selected?: boolean | undefined;
+    selected?: boolean;
     /**
      * Убирает нижнюю границу
      */
-    withoutBorder?: boolean | undefined;
+    withoutBorder?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
 } & React.RefAttributes<HTMLTableRowElement>>;
 export {};

package/moderncssm/components/tsortable-head-cell/Component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type THeadCellProps } from '../thead-cell';
-export declare type TSortableHeadCellProps = THeadCellProps & {
+export type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;

package/moderncssm/typings.d.ts

@@ -1 +1 @@
-export declare type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';
+export type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';

package/moderncssm/utils.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+interface EmptyProps {
+}
+export declare function isChildInstanceOf<P extends EmptyProps>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+export {};

package/moderncssm/utils.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function isChildInstanceOf(child, Component) {
     // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304
-    return child.type === React.createElement(Component).type;
+    return child.type === React.createElement(Component, {}).type;
 }
 
 export { isChildInstanceOf };

package/moderncssm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React from 'react';\n\nexport function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component).type;\n}\n"],"names":[],"mappings":";;AAEgB,SAAA,iBAAiB,CAAI,KAAyB,EAAE,SAAiC,EAAA;;AAE7F,IAAA,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI;AAC7D;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface EmptyProps {}\n\nexport function isChildInstanceOf<P extends EmptyProps>(\n    child: React.ReactElement,\n    Component: React.ComponentType<P>,\n) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component, {} as P).type;\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,iBAAiB,CAC7B,KAAyB,EACzB,SAAiC,EAAA;;AAGjC,IAAA,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAO,CAAC,CAAC,IAAI;AACtE;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "4.0.7",
+    "version": "4.0.8-alfasans",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,9 +10,9 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-button": "^13.1.0",
-        "@alfalab/core-components-pagination": "^4.0.2",
-        "@alfalab/core-components-select": "^19.1.0",
+        "@alfalab/core-components-button": "13.1.1-alfasans",
+        "@alfalab/core-components-pagination": "4.0.3-alfasans",
+        "@alfalab/core-components-select": "19.1.1-alfasans",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
@@ -24,6 +24,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2-alfasans",
+    "varsVersion": "11.0.2-alfasans"
 }

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

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

package/src/components/pagination/select-field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .field {
     & svg {

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

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

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

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

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

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

package/src/components/texpandable-row/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .row {
     cursor: pointer;

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

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

package/src/components/thead-cell/index.module.css

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

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

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

package/src/components/tsortable-head-cell/index.module.css

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

package/src/utils.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 
-export function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>) {
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+interface EmptyProps {}
+
+export function isChildInstanceOf<P extends EmptyProps>(
+    child: React.ReactElement,
+    Component: React.ComponentType<P>,
+) {
     // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304
-    return child.type === React.createElement(Component).type;
+    return child.type === React.createElement(Component, {} as P).type;
 }

package/typings.d.ts

@@ -1 +1 @@
-export declare type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';
+export type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';

package/utils.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+interface EmptyProps {
+}
+export declare function isChildInstanceOf<P extends EmptyProps>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+export {};

package/utils.js

@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function isChildInstanceOf(child, Component) {
     // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304
-    return child.type === React__default.default.createElement(Component).type;
+    return child.type === React__default.default.createElement(Component, {}).type;
 }
 
 exports.isChildInstanceOf = isChildInstanceOf;

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["src/utils.ts"],"sourcesContent":["import React from 'react';\n\nexport function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component).type;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AAEgB,SAAA,iBAAiB,CAAI,KAAyB,EAAE,SAAiC,EAAA;;AAE7F,IAAA,OAAO,KAAK,CAAC,IAAI,KAAKA,sBAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI;AAC7D;;;;"}
+{"version":3,"file":"utils.js","sources":["src/utils.ts"],"sourcesContent":["import React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface EmptyProps {}\n\nexport function isChildInstanceOf<P extends EmptyProps>(\n    child: React.ReactElement,\n    Component: React.ComponentType<P>,\n) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component, {} as P).type;\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AAKgB,SAAA,iBAAiB,CAC7B,KAAyB,EACzB,SAAiC,EAAA;;AAGjC,IAAA,OAAO,KAAK,CAAC,IAAI,KAAKA,sBAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAO,CAAC,CAAC,IAAI;AACtE;;;;"}