@alfalab/core-components-table 2.1.13 → 2.1.14

package/esm/components/tsortable-head-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: wu1mv */
+/* hash: 14y24 */
 :root {
     --color-light-graphic-link: #007aff;
     --color-light-graphic-primary: #0b1f35;
@@ -15,14 +15,14 @@
 :root {
     --gap-xs: 8px;
 }
-.table__component_1a0r4 {
+.table__component_xzgsk {
     position: relative;
 }
-.table__content_1a0r4 {
+.table__content_xzgsk {
     display: flex;
     align-items: flex-start;
 }
-.table__icon_1a0r4 {
+.table__icon_xzgsk {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,19 +35,19 @@
     transition: color 0.2s ease;
     flex-shrink: 0
 }
-.table__icon_1a0r4:hover {
+.table__icon_xzgsk:hover {
         color: var(--color-light-graphic-primary);
     }
-.table__reverse_1a0r4 {
+.table__reverse_xzgsk {
     flex-direction: row-reverse
 }
-.table__reverse_1a0r4 .table__icon_1a0r4 {
+.table__reverse_xzgsk .table__icon_xzgsk {
         margin-left: 0;
         margin-right: var(--gap-xs);
     }
-.table__sorted_1a0r4 {
+.table__sorted_xzgsk {
     color: var(--color-light-graphic-link)
 }
-.table__sorted_1a0r4:hover {
+.table__sorted_xzgsk:hover {
         color: var(--color-light-graphic-link);
     }

package/esm/components/tsortable-head-cell/index.js

@@ -1,9 +1,9 @@
-import '../../tslib.es6-6e61193e.js';
+import '../../tslib.es6-de554ff0.js';
 import 'react';
 import 'classnames';
 import '../table-context/index.js';
 import '../thead-cell/Component.js';
-export { TSortableHeadCell } from './Component.js';
 import './sort-icon-asc.js';
 import './sort-icon-desc.js';
 import './sort-icon-unset.js';
+export { TSortableHeadCell } from './Component.js';

package/esm/components/tsortable-head-cell/sort-icon-asc.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-6e61193e.js';
+import { a as __assign } from '../../tslib.es6-de554ff0.js';
 import React from 'react';
 
 var SortIconAsc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/esm/components/tsortable-head-cell/sort-icon-desc.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-6e61193e.js';
+import { a as __assign } from '../../tslib.es6-de554ff0.js';
 import React from 'react';
 
 var SortIconDesc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/esm/components/tsortable-head-cell/sort-icon-unset.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-6e61193e.js';
+import { a as __assign } from '../../tslib.es6-de554ff0.js';
 import React from 'react';
 
 var SortIconUnset = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/esm/index.js

@@ -1,21 +1,21 @@
-import './tslib.es6-6e61193e.js';
+import './tslib.es6-de554ff0.js';
 import 'react';
 import 'classnames';
-import './components/thead/Component.js';
+import './components/table-context/index.js';
 import './utils.js';
+import './components/thead/Component.js';
 import './components/table/utils.js';
-import './components/table-context/index.js';
 import './components/table/Component.js';
-import '@alfalab/core-components-select/esm';
 import '@alfalab/core-components-pagination/esm';
+import '@alfalab/core-components-select/esm';
 import '@alfalab/core-components-button/esm';
 import './components/pagination/select-field/index.js';
 import './components/pagination/Component.js';
 import './components/thead-cell/Component.js';
-import './components/tsortable-head-cell/Component.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';
 import './components/tsortable-head-cell/sort-icon-desc.js';
 import './components/tsortable-head-cell/sort-icon-unset.js';
+import './components/tsortable-head-cell/Component.js';
 import './components/tbody/Component.js';
 import './components/tcell/Component.js';
 import './components/trow/Component.js';

package/{tslib.es6-4bb530e9.d.ts → esm/tslib.es6-de554ff0.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/esm/{tslib.es6-6e61193e.js → tslib.es6-de554ff0.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/index.js

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-4bb530e9.js');
+require('./tslib.es6-88e029d7.js');
 require('react');
 require('classnames');
-require('./components/thead/Component.js');
+require('./components/table-context/index.js');
 require('./utils.js');
+require('./components/thead/Component.js');
 require('./components/table/utils.js');
-require('./components/table-context/index.js');
 require('./components/table/Component.js');
-require('@alfalab/core-components-select');
 require('@alfalab/core-components-pagination');
+require('@alfalab/core-components-select');
 require('@alfalab/core-components-button');
 require('./components/pagination/select-field/index.js');
 require('./components/pagination/Component.js');
 require('./components/thead-cell/Component.js');
-require('./components/tsortable-head-cell/Component.js');
 require('./components/tsortable-head-cell/sort-icon-asc.js');
 require('./components/tsortable-head-cell/sort-icon-desc.js');
 require('./components/tsortable-head-cell/sort-icon-unset.js');
+require('./components/tsortable-head-cell/Component.js');
 require('./components/tbody/Component.js');
 require('./components/tcell/Component.js');
 require('./components/trow/Component.js');

package/modern/component.d.ts

@@ -3,7 +3,7 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
     compactView?: boolean | undefined;
     compactHorizontal?: boolean | undefined;
     className?: string | undefined;
-    children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[];
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
     wrapper?: boolean | undefined;
     pagination?: import("react").ReactNode;
     dataTestId?: string | undefined;

package/modern/component.js

@@ -1,20 +1,20 @@
 import 'react';
 import 'classnames';
-import { THead } from './components/thead/Component.js';
+import './components/table-context/index.js';
 import './utils.js';
+import { THead } from './components/thead/Component.js';
 import './components/table/utils.js';
-import './components/table-context/index.js';
 import { Table as Table$1 } from './components/table/Component.js';
-import '@alfalab/core-components-select/modern';
 import '@alfalab/core-components-pagination/modern';
+import '@alfalab/core-components-select/modern';
 import '@alfalab/core-components-button/modern';
 import './components/pagination/select-field/index.js';
 import { Pagination } from './components/pagination/Component.js';
 import { THeadCell } from './components/thead-cell/Component.js';
-import { TSortableHeadCell } from './components/tsortable-head-cell/Component.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';
 import './components/tsortable-head-cell/sort-icon-desc.js';
 import './components/tsortable-head-cell/sort-icon-unset.js';
+import { TSortableHeadCell } from './components/tsortable-head-cell/Component.js';
 import { TBody } from './components/tbody/Component.js';
 import { TCell } from './components/tcell/Component.js';
 import { TRow } from './components/trow/Component.js';

package/modern/components/index.js

@@ -1,20 +1,20 @@
 import 'react';
 import 'classnames';
-export { THead } from './thead/Component.js';
+import './table-context/index.js';
 import '../utils.js';
+export { THead } from './thead/Component.js';
 import './table/utils.js';
-import './table-context/index.js';
 export { Table } from './table/Component.js';
-import '@alfalab/core-components-select/modern';
 import '@alfalab/core-components-pagination/modern';
+import '@alfalab/core-components-select/modern';
 import '@alfalab/core-components-button/modern';
 import './pagination/select-field/index.js';
 export { Pagination } from './pagination/Component.js';
 export { THeadCell } from './thead-cell/Component.js';
-export { TSortableHeadCell } from './tsortable-head-cell/Component.js';
 import './tsortable-head-cell/sort-icon-asc.js';
 import './tsortable-head-cell/sort-icon-desc.js';
 import './tsortable-head-cell/sort-icon-unset.js';
+export { TSortableHeadCell } from './tsortable-head-cell/Component.js';
 export { TBody } from './tbody/Component.js';
 export { TCell } from './tcell/Component.js';
 export { TRow } from './trow/Component.js';

package/modern/components/pagination/Component.js

@@ -1,12 +1,12 @@
 import React, { useContext, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
-import { Select } from '@alfalab/core-components-select/modern';
 import { Pagination as Pagination$1 } from '@alfalab/core-components-pagination/modern';
+import { Select } from '@alfalab/core-components-select/modern';
 import '@alfalab/core-components-button/modern';
 import { CustomSelectField } from './select-field/index.js';
 
-var styles = {"component":"table__component_i61qk","pagesWrapper":"table__pagesWrapper_i61qk","tag":"table__tag_i61qk","tagActive":"table__tagActive_i61qk","menu":"table__menu_i61qk","option":"table__option_i61qk"};
+var styles = {"component":"table__component_3ived","pagesWrapper":"table__pagesWrapper_3ived","tag":"table__tag_3ived","tagActive":"table__tagActive_3ived","menu":"table__menu_3ived","option":"table__option_3ived"};
 require('./index.css')
 
 const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageChange = () => null, pagesCount, onPageChange = () => null, className, dataTestId, ...restPaginationProps }) => {
@@ -30,7 +30,7 @@ const Pagination = ({ perPage = 25, possiblePerPage = [25, 50, 100], onPerPageCh
     }, [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 }),
-        pagesCount > 1 && (React.createElement(Pagination$1, Object.assign({ pagesCount: pagesCount, onPageChange: handlePageChange }, restPaginationProps)))));
+        pagesCount > 1 && (React.createElement(Pagination$1, { pagesCount: pagesCount, onPageChange: handlePageChange, ...restPaginationProps }))));
 };
 
 export { Pagination };

package/modern/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 1i6yz */
+/* hash: an7dd */
 :root {
     --color-light-border-primary: #dbdee1;
 }
@@ -17,7 +17,7 @@
     --gap-xl: 24px;
     --gap-2xl: 32px;
 }
-.table__component_i61qk {
+.table__component_3ived {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -26,24 +26,24 @@
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
 }
-.table__pagesWrapper_i61qk {
+.table__pagesWrapper_3ived {
     display: flex;
 }
-.table__tag_i61qk.table__tag_i61qk {
+.table__tag_3ived.table__tag_3ived {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
 }
-.table__tag_i61qk.table__tag_i61qk:last-child {
+.table__tag_3ived.table__tag_3ived:last-child {
         margin-right: 0;
     }
-.table__tag_i61qk.table__tag_i61qk.table__tagActive_i61qk {
+.table__tag_3ived.table__tag_3ived.table__tagActive_3ived {
         cursor: default;
     }
-.table__menu_i61qk {
+.table__menu_3ived {
     margin: var(--gap-2xs) 0;
 }
-.table__option_i61qk {
+.table__option_3ived {
     min-width: 208px;
 }

package/modern/components/pagination/index.js

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

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

@@ -1,4 +1,4 @@
-/* hash: 1wll2 */
+/* hash: p1tfx */
 :root {
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
 }
@@ -10,11 +10,11 @@
 
     /* Hard up */
 }
-.table__field_x4yxq svg {
+.table__field_ihslj svg {
         width: 18px;
         height: 18px;
     }
-.table__open_x4yxq,
-.table__open_x4yxq:hover {
+.table__open_ihslj,
+.table__open_ihslj:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

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

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"field":"table__field_x4yxq","open":"table__open_x4yxq"};
+var styles = {"field":"table__field_ihslj","open":"table__open_ihslj"};
 require('./index.css')
 
 const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
     const { ref, ...restInnerProps } = innerProps;
     return (React.createElement("div", { ref: ref },
-        React.createElement(Button, Object.assign({}, restInnerProps, { size: 'xxs', view: 'link', className: cn(styles.field, { [styles.open]: open }), rightAddons: Arrow }), selected?.content)));
+        React.createElement(Button, { ...restInnerProps, size: 'xxs', view: 'link', className: cn(styles.field, { [styles.open]: open }), rightAddons: Arrow }, selected?.content)));
 };
 
 export { CustomSelectField };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { TableHTMLAttributes, ReactNode } from "react";
+import { ReactNode, TableHTMLAttributes } from "react";
 type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * Компактный вид
@@ -47,7 +47,7 @@ declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<H
     /**
      * Дочерние компоненты
      */
-    children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+    children: React.ReactElement[];
     /**
      * Оборачивает таблицу в стилизованный контейнер
      */
@@ -55,7 +55,7 @@ declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<H
     /**
      * Слот для пагинации
      */
-    pagination?: React.ReactNode;
+    pagination?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/modern/components/table/Component.js

@@ -1,11 +1,11 @@
 import React, { forwardRef, useRef, useMemo } from 'react';
 import cn from 'classnames';
-import '../thead/Component.js';
+import { TableContext } from '../table-context/index.js';
 import '../../utils.js';
+import '../thead/Component.js';
 import { findAllHeadCellsProps } from './utils.js';
-import { TableContext } from '../table-context/index.js';
 
-var styles = {"component":"table__component_93efp","wrapper":"table__wrapper_93efp","hasPagination":"table__hasPagination_93efp","table":"table__table_93efp"};
+var styles = {"component":"table__component_ci4vy","wrapper":"table__wrapper_ci4vy","hasPagination":"table__hasPagination_ci4vy","table":"table__table_ci4vy"};
 require('./index.css')
 
 const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, ...restProps }, ref) => {
@@ -16,6 +16,7 @@ const Table = forwardRef(({ className, children, compactView = false, compactHor
         hidden: columnProps.hidden,
         index,
     })), [children]);
+    /* eslint-disable react/jsx-no-constructed-context-values */
     return (React.createElement(TableContext.Provider, { value: {
             columnsConfiguration,
             compactView,
@@ -26,7 +27,7 @@ const Table = forwardRef(({ className, children, compactView = false, compactHor
                 [styles.wrapper]: wrapper,
                 [styles.hasPagination]: !!pagination,
             }), "data-test-id": dataTestId },
-            React.createElement("table", Object.assign({ ref: ref, className: styles.table }, restProps), children),
+            React.createElement("table", { ref: ref, className: styles.table, ...restProps }, children),
             pagination)));
 });
 

package/modern/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u3ca */
+/* hash: 368qa */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -18,26 +18,26 @@
 :root {
     --border-radius-m: 8px;
 }
-.table__component_93efp {
+.table__component_ci4vy {
     box-sizing: border-box;
 }
-.table__wrapper_93efp {
+.table__wrapper_ci4vy {
     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__hasPagination_93efp {
+.table__hasPagination_ci4vy {
     padding-bottom: 0;
 }
-.table__table_93efp {
+.table__table_ci4vy {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
 }
-.table__table_93efp td:first-child label > *[class^='box'], .table__table_93efp th:first-child label > *[class^='box'] {
+.table__table_ci4vy td:first-child label > *[class^='box'], .table__table_ci4vy th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/modern/components/table/index.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import '../thead/Component.js';
+import '../table-context/index.js';
 import '../../utils.js';
+import '../thead/Component.js';
 import './utils.js';
-import '../table-context/index.js';
 export { Table } from './Component.js';

package/modern/components/table/utils.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import { THead } from '../thead/Component.js';
 import { isChildInstanceOf } from '../../utils.js';
+import { THead } from '../thead/Component.js';
 
 function findAllHeadCellsProps(children) {
     const result = [];

package/modern/components/tbody/Component.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_vhe7e"};
+var styles = {"component":"table__component_asmrb"};
 require('./index.css')
 
-const TBody = ({ className, children, dataTestId, ...restProps }) => {
-    return (React.createElement("tbody", Object.assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps), children));
-};
+const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));
 
 export { TBody };

package/modern/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mty9 */
+/* hash: 1826l */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.table__component_vhe7e {
+.table__component_asmrb {
     width: 100%;
     box-sizing: border-box;
 }

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';
 
-var styles = {"component":"table__component_11bwv","compactHorizontal":"table__compactHorizontal_11bwv","compact":"table__compact_11bwv"};
+var styles = {"component":"table__component_4jfwm","compactHorizontal":"table__compactHorizontal_4jfwm","compact":"table__compact_4jfwm"};
 require('./index.css')
 
 const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
@@ -13,7 +13,7 @@ const TCell = ({ className, style, dataTestId, children, index, ...restProps })
     const hidden = column?.hidden || false;
     if (hidden)
         return null;
-    return (React.createElement("td", Object.assign({ className: cn(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: { ...style, width, textAlign }, "data-test-id": dataTestId }, restProps), children));
+    return (React.createElement("td", { className: cn(styles.component, className, compactView && styles.compact, compactHorizontal && styles.compactHorizontal), style: { ...style, width, textAlign }, "data-test-id": dataTestId, ...restProps }, children));
 };
 
 export { TCell };

package/modern/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: md18p */
+/* hash: wmrf4 */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
@@ -17,7 +17,7 @@
     --gap-m: 16px;
     --gap-xl: 24px;
 }
-.table__component_11bwv {
+.table__component_4jfwm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -29,17 +29,17 @@
     vertical-align: top;
     box-sizing: border-box
 }
-.table__component_11bwv:first-child {
+.table__component_4jfwm:first-child {
         padding-left: var(--gap-m);
     }
-.table__component_11bwv:last-child {
+.table__component_4jfwm:last-child {
         padding-right: var(--gap-m);
     }
-.table__compactHorizontal_11bwv {
+.table__compactHorizontal_4jfwm {
     padding-left: 6px;
     padding-right: 6px;
 }
-.table__compact_11bwv {
+.table__compact_4jfwm {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

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';
 
-var styles = {"row":"table__row_1nzvw","selected":"table__selected_1nzvw","expanded":"table__expanded_1nzvw","expandable":"table__expandable_1nzvw"};
+var styles = {"row":"table__row_1vip8","selected":"table__selected_1vip8","expanded":"table__expanded_1vip8","expandable":"table__expandable_1vip8"};
 require('./index.css')
 
 const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
@@ -16,10 +16,10 @@ const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false
         onToggle(isExpanded);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(TRow, Object.assign({ className: cn(styles.row, className, {
+        React.createElement(TRow, { className: cn(styles.row, className, {
                 [styles.selected]: selected,
                 [styles.expanded]: isExpanded,
-            }), selected: selected, onClick: handleToggle }, restProps)),
+            }), selected: selected, onClick: handleToggle, ...restProps }),
         React.createElement("tr", { className: cn(styles.expandable, { [styles.expanded]: isExpanded }) }, renderContent(isExpanded))));
 };
 

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

@@ -1,4 +1,4 @@
-/* hash: 291jb */
+/* hash: 1t653 */
 :root {
 
     /* Hard */
@@ -7,16 +7,16 @@
 
     /* Hard up */
 }
-.table__row_1nzvw {
+.table__row_1vip8 {
     cursor: pointer;
 }
-.table__selected_1nzvw.table__expanded_1nzvw {
+.table__selected_1vip8.table__expanded_1vip8 {
     background-color: inherit;
 }
-.table__expanded_1nzvw:hover {
+.table__expanded_1vip8:hover {
         background-color: inherit;
     }
-.table__expandable_1nzvw td {
+.table__expandable_1vip8 td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/modern/components/thead/Component.js

@@ -1,12 +1,10 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_13vy2","row":"table__row_13vy2"};
+var styles = {"component":"table__component_x3k0x","row":"table__row_x3k0x"};
 require('./index.css')
 
-const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => {
-    return (React.createElement("thead", Object.assign({ className: cn(styles.component, className), "data-test-id": dataTestId }, restProps),
-        React.createElement("tr", { className: cn(styles.row, rowClassName) }, children)));
-};
+const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },
+    React.createElement("tr", { className: cn(styles.row, rowClassName) }, children)));
 
 export { THead };