@alfalab/core-components-table 2.2.41 → 2.3.0

package/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/component.js

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

package/modern/components/index.js

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

package/modern/components/pagination/Component.js

@@ -1,12 +1,12 @@
 import React, { useContext, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import { Pagination as Pagination$1 } from '@alfalab/core-components-pagination/modern';
-import { Select } from '@alfalab/core-components-select/modern';
+import { SelectDesktop } from '@alfalab/core-components-select/modern/desktop';
 import { TableContext } from '../table-context/index.js';
 import { CustomSelectField } from './select-field/index.js';
 import '@alfalab/core-components-button/modern';
 
-const 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"};
+const 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')
 
 const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageChange = () => null, pagesCount, onPageChange = () => null, className, dataTestId, ...restPaginationProps }) => {
@@ -29,7 +29,7 @@ const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageCh
         }, 0);
     }, [onPageChange, wrapperRef]);
     return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement(Select, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: CustomSelectField }),
+        React.createElement(SelectDesktop, { options: options, selected: perPage.toString(), onChange: handlePerPageChange, preventFlip: false, size: 's', className: styles.select, optionsListClassName: styles.menu, optionClassName: styles.option, Field: CustomSelectField }),
         pagesCount > 1 && (React.createElement(Pagination$1, { pagesCount: pagesCount, onPageChange: handlePageChange, ...restPaginationProps }))));
 };
 

package/modern/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/modern/components/pagination/index.js

@@ -2,7 +2,7 @@ export { Pagination } from './Component.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-pagination/modern';
-import '@alfalab/core-components-select/modern';
+import '@alfalab/core-components-select/modern/desktop';
 import '../table-context/index.js';
 import './select-field/index.js';
 import '@alfalab/core-components-button/modern';

package/modern/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/modern/components/pagination/select-field/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '@alfalab/core-components-button/modern';
 
-const styles = {"field":"table__field_14ksb","open":"table__open_14ksb"};
+const styles = {"field":"table__field_11fad","open":"table__open_11fad"};
 require('./index.css')
 
 const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {

package/modern/components/table/Component.js

@@ -5,7 +5,7 @@ import { findAllHeadCellsProps } from './utils.js';
 import '../../utils.js';
 import '../thead/Component.js';
 
-const styles = {"component":"table__component_gbj6g","wrapper":"table__wrapper_gbj6g","stickyHeader":"table__stickyHeader_gbj6g","hasPagination":"table__hasPagination_gbj6g","table":"table__table_gbj6g"};
+const styles = {"component":"table__component_5b8fb","wrapper":"table__wrapper_5b8fb","stickyHeader":"table__stickyHeader_5b8fb","hasPagination":"table__hasPagination_5b8fb","table":"table__table_5b8fb"};
 require('./index.css')
 
 const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, stickyHeader = false, ...restProps }, ref) => {

package/modern/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/modern/components/tbody/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"table__component_1np9f"};
+const styles = {"component":"table__component_1ym5x"};
 require('./index.css')
 
 const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));

package/modern/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/modern/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/modern/components/tcell/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-const styles = {"component":"table__component_1yn2i","compactHorizontal":"table__compactHorizontal_1yn2i","compact":"table__compact_1yn2i"};
+const styles = {"component":"table__component_1rb17","compactHorizontal":"table__compactHorizontal_1rb17","compact":"table__compact_1rb17"};
 require('./index.css')
 
 const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {

package/modern/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/modern/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 };

package/modern/components/texpandable-row/Component.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import cn from 'classnames';
 import { TRow } from '../trow/Component.js';
 
-const styles = {"row":"table__row_ef6ys","selected":"table__selected_ef6ys","expanded":"table__expanded_ef6ys","expandable":"table__expandable_ef6ys"};
+const styles = {"row":"table__row_3iagx","selected":"table__selected_3iagx","expanded":"table__expanded_3iagx","expandable":"table__expandable_3iagx"};
 require('./index.css')
 
 const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {

package/modern/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: qkixn */
+/* hash: qf692 */
 :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,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_ef6ys {
+} .table__row_3iagx {
     cursor: pointer;
-} .table__selected_ef6ys.table__expanded_ef6ys {
+} .table__selected_3iagx.table__expanded_3iagx {
     background-color: inherit;
-} .table__expanded_ef6ys:hover {
+} .table__expanded_3iagx:hover {
         background-color: inherit;
-    } .table__expandable_ef6ys td {
+    } .table__expandable_3iagx td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/modern/components/thead/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"table__component_v2ssl","row":"table__row_v2ssl"};
+const styles = {"component":"table__component_1gjld","row":"table__row_1gjld"};
 require('./index.css')
 
 const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },

package/modern/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p6uy */
+/* hash: 1q4jg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #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 */
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_v2ssl {
+} .table__component_1gjld {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_v2ssl th:not(:last-child):not(:empty):after {
+} .table__component_1gjld th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_v2ssl th:after {
+    } .table__component_1gjld th:after {
         opacity: 0;
-    } .table__component_v2ssl:hover th:after {
+    } .table__component_1gjld:hover th:after {
         opacity: 1;
-    } .table__row_v2ssl {
+    } .table__row_1gjld {
     height: 72px;
 }

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ThHTMLAttributes } from 'react';
+import React from 'react';
+import { ThHTMLAttributes } from "react";
 import { TextAlignProperty } from "../../typings";
 type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
      */
     dataTestId?: string;
 };
-declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
+declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
 export { THeadCellProps, THeadCell };

package/modern/components/thead-cell/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-const styles = {"component":"table__component_1v2jt","sortable":"table__sortable_1v2jt","sorted":"table__sorted_1v2jt","stickyHeader":"table__stickyHeader_1v2jt","compactHorizontal":"table__compactHorizontal_1v2jt"};
+const styles = {"component":"table__component_19lr8","stickyHeader":"table__stickyHeader_19lr8","sortable":"table__sortable_19lr8","sorted":"table__sorted_19lr8","compactHorizontal":"table__compactHorizontal_19lr8"};
 require('./index.css')
 
 const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {

package/modern/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: ztmeg */
+/* hash: 1jjvr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1v2jt {
+} .table__component_19lr8 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -29,7 +29,6 @@
     text-transform: uppercase;
 
     line-height: 20px;
-    position: relative;
     text-align: left;
     color: var(--color-light-text-primary);
     padding: var(--gap-2xl) var(--gap-s) var(--gap-2xs);
@@ -37,21 +36,23 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1v2jt:first-child {
+} .table__component_19lr8:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1v2jt:last-child {
+    } .table__component_19lr8:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_1v2jt {
+    } .table__component_19lr8:not(.table__stickyHeader_19lr8) {
+        position: relative;
+    } .table__sortable_19lr8 {
     cursor: pointer;
-} .table__sorted_1v2jt {
+} .table__sorted_19lr8 {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1v2jt {
+} .table__stickyHeader_19lr8 {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1v2jt {
+} .table__compactHorizontal_19lr8 {
     padding-left: 6px;
     padding-right: 6px;
 }

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

@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
+declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
 export { TRowProps, TRow };

package/modern/components/trow/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"table__component_1jdfp","withoutBorder":"table__withoutBorder_1jdfp","clickable":"table__clickable_1jdfp","selected":"table__selected_1jdfp"};
+const styles = {"component":"table__component_jb2m6","withoutBorder":"table__withoutBorder_jb2m6","clickable":"table__clickable_jb2m6","selected":"table__selected_jb2m6"};
 require('./index.css')
 
 const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {

package/modern/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 5olj8 */
+/* hash: vd79c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_1jdfp {
+} .table__component_jb2m6 {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_1jdfp:first-child td {
+} .table__component_jb2m6:first-child td {
         border-top: 0;
-    } .table__withoutBorder_1jdfp td {
+    } .table__withoutBorder_jb2m6 td {
         border: none;
-    } .table__clickable_1jdfp {
+    } .table__clickable_jb2m6 {
     cursor: pointer
-} .table__clickable_1jdfp:hover {
+} .table__clickable_jb2m6:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_1jdfp {
+    } .table__selected_jb2m6 {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_1jdfp:hover {
+} .table__selected_jb2m6:hover {
         background-color: var(--color-static-graphic-solitude);
     }