@alfalab/core-components-table 2.2.41 → 2.3.0

package/Component-5e1b8383.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
+export { BaseCheckmark };

package/Component-63dec22f.d.ts

@@ -0,0 +1,167 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
+export type { TitleProps, TextProps, Color };

package/Component-89a3cf4c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NavigationBarProps } from "./types-ebda875c";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/Component-bdb4c6b9.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/Component-e81c389f.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/Component-ebda875c.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/Component.desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { InputDesktopProps, InputDesktop };

package/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/Context-bdb4c6b9.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-bdb4c6b9";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/ResponsiveContext-baf4875b.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-bdb4c6b9";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/component-89a3cf4c.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode, RefObject } from "react";
+import { NavigationBarProps } from "./index-e81c389f";
+import { SwipeableHandlers } from "react-swipeable";
+import { BackdropProps } from "./index-ebda875c";
+import { BottomSheetProps } from "./types-425c8522";
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
+type SwipeableBackdropProps = BackdropProps & {
+    /**
+     * Прозрачность бэкдропа
+     */
+    opacity?: number;
+    /**
+     * Обработчики свайпа
+     */
+    handlers?: SwipeableHandlers;
+    /**
+     * Время анимации opacity
+     */
+    opacityTimeout?: number;
+};
+declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/component.d.ts

@@ -11,11 +11,11 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").FC<import("./components/index").TBodyProps>;
     THead: import("react").FC<import("./components/index").THeadProps>;
-    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => JSX.Element | null;
-    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => JSX.Element;
-    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => JSX.Element | null;
-    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => JSX.Element;
-    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => JSX.Element;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => import("react").JSX.Element | null;
+    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => import("react").JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null;
+    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => import("react").JSX.Element;
+    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => import("react").JSX.Element;
     Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };
 export { Table };

package/component.js

@@ -18,7 +18,7 @@ require('./components/table-context/index.js');
 require('./components/table/utils.js');
 require('./utils.js');
 require('@alfalab/core-components-pagination');
-require('@alfalab/core-components-select');
+require('@alfalab/core-components-select/desktop');
 require('./components/pagination/select-field/index.js');
 require('@alfalab/core-components-button');
 require('./components/tsortable-head-cell/sort-icon-asc.js');

package/components/index.js

@@ -18,7 +18,7 @@ require('./table-context/index.js');
 require('./table/utils.js');
 require('../utils.js');
 require('@alfalab/core-components-pagination');
-require('@alfalab/core-components-select');
+require('@alfalab/core-components-select/desktop');
 require('./pagination/select-field/index.js');
 require('@alfalab/core-components-button');
 require('./tsortable-head-cell/sort-icon-asc.js');

package/components/pagination/Component.js

@@ -6,7 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsPagination = require('@alfalab/core-components-pagination');
-var coreComponentsSelect = require('@alfalab/core-components-select');
+var desktop = require('@alfalab/core-components-select/desktop');
 var components_tableContext_index = require('../table-context/index.js');
 var components_pagination_selectField_index = require('./select-field/index.js');
 require('@alfalab/core-components-button');
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_ki3dy","pagesWrapper":"table__pagesWrapper_ki3dy","tag":"table__tag_ki3dy","tagActive":"table__tagActive_ki3dy","menu":"table__menu_ki3dy","option":"table__option_ki3dy"};
+var styles = {"component":"table__component_16gby","pagesWrapper":"table__pagesWrapper_16gby","tag":"table__tag_16gby","tagActive":"table__tagActive_16gby","menu":"table__menu_16gby","option":"table__option_16gby"};
 require('./index.css')
 
 var Pagination = function (_a) {
@@ -43,7 +43,7 @@ var Pagination = function (_a) {
         }, 0);
     }, [onPageChange, wrapperRef]);
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className), "data-test-id": dataTestId },
-        React__default.default.createElement(coreComponentsSelect.Select, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: components_pagination_selectField_index.CustomSelectField }),
+        React__default.default.createElement(desktop.SelectDesktop, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: components_pagination_selectField_index.CustomSelectField }),
         pagesCount > 1 && (React__default.default.createElement(coreComponentsPagination.Pagination, tslib.__assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
 };
 

package/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 79z0r */
+/* hash: 1mktp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd; /* 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,7 +20,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_ki3dy {
+} .table__component_16gby {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -28,19 +28,19 @@
     padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
-} .table__pagesWrapper_ki3dy {
+} .table__pagesWrapper_16gby {
     display: flex;
-} .table__tag_ki3dy.table__tag_ki3dy {
+} .table__tag_16gby.table__tag_16gby {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-} .table__tag_ki3dy.table__tag_ki3dy:last-child {
+} .table__tag_16gby.table__tag_16gby:last-child {
         margin-right: 0;
-    } .table__tag_ki3dy.table__tag_ki3dy.table__tagActive_ki3dy {
+    } .table__tag_16gby.table__tag_16gby.table__tagActive_16gby {
         cursor: default;
-    } .table__menu_ki3dy {
+    } .table__menu_16gby {
     margin: var(--gap-2xs) 0;
-} .table__option_ki3dy {
+} .table__option_16gby {
     min-width: 208px;
 }

package/components/pagination/index.js

@@ -7,7 +7,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-pagination');
-require('@alfalab/core-components-select');
+require('@alfalab/core-components-select/desktop');
 require('../table-context/index.js');
 require('./select-field/index.js');
 require('@alfalab/core-components-button');

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

@@ -1,4 +1,4 @@
-/* hash: lol3c */
+/* hash: 1ybq8 */
 :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 */
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
@@ -15,10 +15,10 @@
 } :root {
 } :root {
 } :root {
-} .table__field_14ksb svg {
+} .table__field_11fad svg {
         width: 18px;
         height: 18px;
-    } .table__open_14ksb,
-.table__open_14ksb:hover {
+    } .table__open_11fad,
+.table__open_11fad:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/components/pagination/select-field/index.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"field":"table__field_14ksb","open":"table__open_14ksb"};
+var styles = {"field":"table__field_11fad","open":"table__open_11fad"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {

package/components/table/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_gbj6g","wrapper":"table__wrapper_gbj6g","stickyHeader":"table__stickyHeader_gbj6g","hasPagination":"table__hasPagination_gbj6g","table":"table__table_gbj6g"};
+var styles = {"component":"table__component_5b8fb","wrapper":"table__wrapper_5b8fb","stickyHeader":"table__stickyHeader_5b8fb","hasPagination":"table__hasPagination_5b8fb","table":"table__table_5b8fb"};
 require('./index.css')
 
 var Table = React.forwardRef(function (_a, ref) {

package/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: y6x9a */
+/* hash: x98qu */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* 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 */
@@ -18,24 +18,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_gbj6g {
+} .table__component_5b8fb {
     box-sizing: border-box;
-} .table__wrapper_gbj6g {
+} .table__wrapper_5b8fb {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-} .table__stickyHeader_gbj6g {
+} .table__stickyHeader_5b8fb {
     max-height: 100%;
-} .table__hasPagination_gbj6g {
+} .table__hasPagination_5b8fb {
     padding-bottom: 0;
-} .table__table_gbj6g {
+} .table__table_5b8fb {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_gbj6g td:first-child label > *[class^='box'], .table__table_gbj6g th:first-child label > *[class^='box'] {
+} .table__table_5b8fb td:first-child label > *[class^='box'], .table__table_5b8fb th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/components/tbody/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1np9f"};
+var styles = {"component":"table__component_1ym5x"};
 require('./index.css')
 
 var TBody = function (_a) {

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: jxrm5 */
+/* hash: ex3rk */
 :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 */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .table__component_1np9f {
+} .table__component_1ym5x {
     width: 100%;
     box-sizing: border-box;
 }

package/components/tcell/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { TdHTMLAttributes } from 'react';
+import React from 'react';
+import { TdHTMLAttributes } from "react";
 type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
@@ -14,5 +15,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
      */
     index?: number;
 };
-declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
+declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;
 export { TCellProps, TCell };

package/components/tcell/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1yn2i","compactHorizontal":"table__compactHorizontal_1yn2i","compact":"table__compact_1yn2i"};
+var styles = {"component":"table__component_1rb17","compactHorizontal":"table__compactHorizontal_1rb17","compact":"table__compact_1rb17"};
 require('./index.css')
 
 var TCell = function (_a) {

package/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 1551m */
+/* hash: 1utnc */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_1yn2i {
+} .table__component_1rb17 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1yn2i:first-child {
+} .table__component_1rb17:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1yn2i:last-child {
+    } .table__component_1rb17:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_1yn2i {
+    } .table__compactHorizontal_1rb17 {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1yn2i {
+} .table__compact_1rb17 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ReactNode } from 'react';
+import React from 'react';
+import { ReactNode } from "react";
 import { TRowProps } from "../trow/index";
 type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
@@ -7,5 +8,5 @@ type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
 };
-declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
+declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => React.JSX.Element;
 export { TExpandableRowProps, TExpandableRow };