@salutejs/plasma-new-hope 0.344.0-canary.2399.20427286988.0 → 0.344.0-canary.2400.20429488881.0

package/dist/emotion/es/components/Table/Table.tokens.js

@@ -4,7 +4,8 @@ export var classes = {
     sortingAscIcon: 'sorting-asc-icon',
     sortingDescIcon: 'sorting-desc-icon',
     filterIcon: 'filter-icon',
-    resizeDivider: 'resize-divider'
+    resizeDivider: 'resize-divider',
+    scrollableContainer: 'table-scrollable-container'
 };
 export var tableTokens = {
     fontFamily: '--plasma-table-font-family',

package/dist/emotion/es/components/Tabs/utils/index.js

@@ -1,4 +1,3 @@
-var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
 var getIsFirstOverflowingTab = function(item, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
     if (!item.current) {
@@ -8,7 +7,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
     if (currentOffset === undefined) {
         return;
     }
-    return currentOffset < maxScroll - TOLERANCE;
+    return currentOffset < maxScroll;
 };
 var getIsLastOverflowingTab = function(item, minScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -20,8 +19,7 @@ var getIsLastOverflowingTab = function(item, minScroll) {
         return;
     }
     var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
-    var itemRightEdge = currentOffset + additionalOffset;
-    return itemRightEdge > minScroll + TOLERANCE;
+    return currentOffset + additionalOffset > minScroll;
 };
 export var getFirstOverflowingTab = function(items, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';

package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+export { };

package/dist/styled-components/cjs/components/Table/Table.js

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _reacttable = require("@tanstack/react-table");
 var _plasmacore = require("@salutejs/plasma-core");
+var _Tabletokens = require("./Table.tokens");
 var _utils = require("./utils");
 var _ui = require("./ui");
 var _Tablestyles = require("./Table.styles");
@@ -178,7 +179,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var tableRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -192,7 +193,11 @@ var tableRoot = function(Root) {
             "maxHeight",
             "stickyHeader",
             "onCellUpdate",
-            "setRowProps"
+            "setRowProps",
+            "topContent",
+            "bottomContent",
+            "loadingSlot",
+            "onScroll"
         ]);
         var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -315,6 +320,7 @@ var tableRoot = function(Root) {
             onRowSelectionChange: handleRowSelection,
             columnResizeMode: 'onChange',
             columnResizeDirection: 'ltr',
+            manualPagination: true,
             meta: {
                 updateData: function(rowId, columnId, value) {
                     if (onCellUpdate) {
@@ -328,11 +334,12 @@ var tableRoot = function(Root) {
             data: data,
             columns: columns,
             view: view,
-            size: size,
-            style: {
-                maxHeight: maxHeight || 'none'
-            }
-        }, props), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
+            size: size
+        }, props), topContent, /*#__PURE__*/ _react.default.createElement(_Tablestyles.ScrollableWrapper, {
+            className: _Tabletokens.classes.scrollableContainer,
+            onScroll: onScroll,
+            maxHeight: maxHeight
+        }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
             borderVariant: borderVariant,
             stickyHeader: stickyHeader
         }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Thead, {
@@ -359,8 +366,6 @@ var tableRoot = function(Root) {
             }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
                 var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
                 var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
                 return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
                     key: cell.id,
                     size: size,
@@ -379,7 +384,7 @@ var tableRoot = function(Root) {
                     additionalProps: additionalProps
                 });
             }));
-        }))));
+        }))), loadingSlot), bottomContent);
     });
 };
 var tableConfig = {

package/dist/styled-components/cjs/components/Table/Table.styles.js

@@ -21,6 +21,9 @@ _export(exports, {
     get Resizer () {
         return Resizer;
     },
+    get ScrollableWrapper () {
+        return ScrollableWrapper;
+    },
     get StyledCheckbox () {
         return StyledCheckbox;
     },
@@ -103,11 +106,21 @@ var Divider = (0, _engines.component)(mergedDividerConfig);
 var mergedLinkButtonConfig = (0, _engines.mergeConfig)(_LinkButton.linkButtonConfig);
 var LinkButtonBase = (0, _engines.component)(mergedLinkButtonConfig);
 var base = (0, _styledcomponents.css)([
-    "display:inline-block;overflow-y:auto;"
+    "display:inline-flex;flex-direction:column;align-items:flex-start;"
 ]);
+var ScrollableWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Table.styles__ScrollableWrapper",
+    componentId: "sc-c4913190-0"
+})([
+    "overflow-y:auto;max-height:",
+    ";"
+], function(param) {
+    var maxHeight = param.maxHeight;
+    return maxHeight || 'none';
+});
 var Table = _styledcomponents.default.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-382f3104-0"
+    componentId: "sc-c4913190-1"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -123,7 +136,7 @@ var Table = _styledcomponents.default.table.withConfig({
 });
 var Tr = _styledcomponents.default.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-382f3104-1"
+    componentId: "sc-c4913190-2"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -133,11 +146,11 @@ var Tr = _styledcomponents.default.tr.withConfig({
 });
 var Thead = _styledcomponents.default.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-382f3104-2"
+    componentId: "sc-c4913190-3"
 })([
     "position:",
     ";top:0;background:",
-    ";z-index:1;box-shadow:",
+    ";z-index:10;box-shadow:",
     ";",
     "{background:transparent;}"
 ], function(param) {
@@ -153,13 +166,13 @@ var Thead = _styledcomponents.default.thead.withConfig({
 }, Tr);
 var Tbody = _styledcomponents.default.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-382f3104-3"
+    componentId: "sc-c4913190-4"
 })([
     ""
 ]);
 var Resizer = _styledcomponents.default.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-382f3104-4"
+    componentId: "sc-c4913190-5"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -169,12 +182,12 @@ var Resizer = _styledcomponents.default.div.withConfig({
 });
 var Th = _styledcomponents.default.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-382f3104-5"
+    componentId: "sc-c4913190-6"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
     ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
-    ";&:hover{",
+    ";box-sizing:border-box;&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -185,7 +198,7 @@ var Th = _styledcomponents.default.th.withConfig({
 }, Resizer);
 var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-382f3104-6"
+    componentId: "sc-c4913190-7"
 })([
     "",
     ":var(",
@@ -205,7 +218,7 @@ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
 ], _Checkbox.checkboxTokens.triggerSize, _Tabletokens.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Tabletokens.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Tabletokens.tableTokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Tabletokens.tableTokens.checkboxTriggerIconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Tabletokens.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Tabletokens.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Tabletokens.tableTokens.checkboxTriggerBorderColor);
 var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-382f3104-7"
+    componentId: "sc-c4913190-8"
 })([
     "",
     ":0.0625rem;",
@@ -214,7 +227,7 @@ var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
 ], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
 var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-382f3104-8"
+    componentId: "sc-c4913190-9"
 })([
     "",
     ":var(",
@@ -235,7 +248,7 @@ var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
 ], _Button.buttonTokens.buttonHeight, _Tabletokens.tableTokens.buttonHeight, _Button.buttonTokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFontFamily, _Tabletokens.tableTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Tabletokens.tableTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Tabletokens.tableTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Tabletokens.tableTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Tabletokens.tableTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Tabletokens.tableTokens.buttonLineHeight);
 var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-382f3104-9"
+    componentId: "sc-c4913190-10"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -246,7 +259,7 @@ var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
 ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
 var LinkButton = (0, _styledcomponents.default)(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-382f3104-10"
+    componentId: "sc-c4913190-11"
 })([
     "",
     ":var(--text-primary);",

package/dist/styled-components/cjs/components/Table/Table.tokens.js

@@ -22,7 +22,8 @@ var classes = {
     sortingAscIcon: 'sorting-asc-icon',
     sortingDescIcon: 'sorting-desc-icon',
     filterIcon: 'filter-icon',
-    resizeDivider: 'resize-divider'
+    resizeDivider: 'resize-divider',
+    scrollableContainer: 'table-scrollable-container'
 };
 var tableTokens = {
     fontFamily: '--plasma-table-font-family',

package/dist/styled-components/cjs/components/Tabs/utils/index.js

@@ -16,7 +16,6 @@ _export(exports, {
         return getLastOverflowingTab;
     }
 });
-var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
 var getIsFirstOverflowingTab = function(item, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
     if (!item.current) {
@@ -26,7 +25,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
     if (currentOffset === undefined) {
         return;
     }
-    return currentOffset < maxScroll - TOLERANCE;
+    return currentOffset < maxScroll;
 };
 var getIsLastOverflowingTab = function(item, minScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -38,8 +37,7 @@ var getIsLastOverflowingTab = function(item, minScroll) {
         return;
     }
     var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
-    var itemRightEdge = currentOffset + additionalOffset;
-    return itemRightEdge > minScroll + TOLERANCE;
+    return currentOffset + additionalOffset > minScroll;
 };
 var getFirstOverflowingTab = function(items, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';

package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/dist/styled-components/es/components/Table/Table.js

@@ -114,12 +114,13 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { forwardRef, useState, useMemo, useRef } from "react";
 import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table";
 import { useForkRef } from "@salutejs/plasma-core";
+import { classes } from "./Table.tokens";
 import { SELECT_COLUMN_ID } from "./utils";
 import { HeadCell, Cell, EditableCell } from "./ui";
-import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
+import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
 export var tableRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -133,7 +134,11 @@ export var tableRoot = function(Root) {
             "maxHeight",
             "stickyHeader",
             "onCellUpdate",
-            "setRowProps"
+            "setRowProps",
+            "topContent",
+            "bottomContent",
+            "loadingSlot",
+            "onScroll"
         ]);
         var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -256,6 +261,7 @@ export var tableRoot = function(Root) {
             onRowSelectionChange: handleRowSelection,
             columnResizeMode: 'onChange',
             columnResizeDirection: 'ltr',
+            manualPagination: true,
             meta: {
                 updateData: function(rowId, columnId, value) {
                     if (onCellUpdate) {
@@ -269,11 +275,12 @@ export var tableRoot = function(Root) {
             data: data,
             columns: columns,
             view: view,
-            size: size,
-            style: {
-                maxHeight: maxHeight || 'none'
-            }
-        }, props), /*#__PURE__*/ React.createElement(Table, {
+            size: size
+        }, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
+            className: classes.scrollableContainer,
+            onScroll: onScroll,
+            maxHeight: maxHeight
+        }, /*#__PURE__*/ React.createElement(Table, {
             borderVariant: borderVariant,
             stickyHeader: stickyHeader
         }, /*#__PURE__*/ React.createElement(Thead, {
@@ -300,8 +307,6 @@ export var tableRoot = function(Root) {
             }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
                 var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
                 var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
                 return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
                     key: cell.id,
                     size: size,
@@ -320,7 +325,7 @@ export var tableRoot = function(Root) {
                     additionalProps: additionalProps
                 });
             }));
-        }))));
+        }))), loadingSlot), bottomContent);
     });
 };
 export var tableConfig = {

package/dist/styled-components/es/components/Table/Table.styles.js

@@ -15,11 +15,21 @@ var Divider = component(mergedDividerConfig);
 var mergedLinkButtonConfig = mergeConfig(linkButtonConfig);
 var LinkButtonBase = component(mergedLinkButtonConfig);
 export var base = css([
-    "display:inline-block;overflow-y:auto;"
+    "display:inline-flex;flex-direction:column;align-items:flex-start;"
 ]);
+export var ScrollableWrapper = styled.div.withConfig({
+    displayName: "Table.styles__ScrollableWrapper",
+    componentId: "sc-c4913190-0"
+})([
+    "overflow-y:auto;max-height:",
+    ";"
+], function(param) {
+    var maxHeight = param.maxHeight;
+    return maxHeight || 'none';
+});
 export var Table = styled.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-382f3104-0"
+    componentId: "sc-c4913190-1"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -35,7 +45,7 @@ export var Table = styled.table.withConfig({
 });
 export var Tr = styled.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-382f3104-1"
+    componentId: "sc-c4913190-2"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -45,11 +55,11 @@ export var Tr = styled.tr.withConfig({
 });
 export var Thead = styled.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-382f3104-2"
+    componentId: "sc-c4913190-3"
 })([
     "position:",
     ";top:0;background:",
-    ";z-index:1;box-shadow:",
+    ";z-index:10;box-shadow:",
     ";",
     "{background:transparent;}"
 ], function(param) {
@@ -65,13 +75,13 @@ export var Thead = styled.thead.withConfig({
 }, Tr);
 export var Tbody = styled.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-382f3104-3"
+    componentId: "sc-c4913190-4"
 })([
     ""
 ]);
 export var Resizer = styled.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-382f3104-4"
+    componentId: "sc-c4913190-5"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -81,12 +91,12 @@ export var Resizer = styled.div.withConfig({
 });
 export var Th = styled.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-382f3104-5"
+    componentId: "sc-c4913190-6"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
     ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
-    ";&:hover{",
+    ";box-sizing:border-box;&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -97,7 +107,7 @@ export var Th = styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-382f3104-6"
+    componentId: "sc-c4913190-7"
 })([
     "",
     ":var(",
@@ -117,7 +127,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = styled(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-382f3104-7"
+    componentId: "sc-c4913190-8"
 })([
     "",
     ":0.0625rem;",
@@ -126,7 +136,7 @@ export var StyledDivider = styled(Divider).withConfig({
 ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
 export var Button = styled(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-382f3104-8"
+    componentId: "sc-c4913190-9"
 })([
     "",
     ":var(",
@@ -147,7 +157,7 @@ export var Button = styled(ButtonBase).withConfig({
 ], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
 export var ButtonAccent = styled(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-382f3104-9"
+    componentId: "sc-c4913190-10"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -158,7 +168,7 @@ export var ButtonAccent = styled(Button).withConfig({
 ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
 export var LinkButton = styled(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-382f3104-10"
+    componentId: "sc-c4913190-11"
 })([
     "",
     ":var(--text-primary);",

package/dist/styled-components/es/components/Table/Table.tokens.js

@@ -4,7 +4,8 @@ export var classes = {
     sortingAscIcon: 'sorting-asc-icon',
     sortingDescIcon: 'sorting-desc-icon',
     filterIcon: 'filter-icon',
-    resizeDivider: 'resize-divider'
+    resizeDivider: 'resize-divider',
+    scrollableContainer: 'table-scrollable-container'
 };
 export var tableTokens = {
     fontFamily: '--plasma-table-font-family',

package/dist/styled-components/es/components/Tabs/utils/index.js

@@ -1,4 +1,3 @@
-var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
 var getIsFirstOverflowingTab = function(item, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
     if (!item.current) {
@@ -8,7 +7,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
     if (currentOffset === undefined) {
         return;
     }
-    return currentOffset < maxScroll - TOLERANCE;
+    return currentOffset < maxScroll;
 };
 var getIsLastOverflowingTab = function(item, minScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -20,8 +19,7 @@ var getIsLastOverflowingTab = function(item, minScroll) {
         return;
     }
     var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
-    var itemRightEdge = currentOffset + additionalOffset;
-    return itemRightEdge > minScroll + TOLERANCE;
+    return currentOffset + additionalOffset > minScroll;
 };
 export var getFirstOverflowingTab = function(items, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';

package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+export { };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.344.0-canary.2399.20427286988.0",
+  "version": "0.344.0-canary.2400.20429488881.0",
   "description": "Salute Design System blueprint",
   "exports": {
     ".": {
@@ -92,8 +92,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-cy-utils": "0.142.0-canary.2399.20427286988.0",
-    "@salutejs/plasma-sb-utils": "0.212.0-canary.2399.20427286988.0",
+    "@salutejs/plasma-cy-utils": "0.142.0-canary.2400.20429488881.0",
+    "@salutejs/plasma-sb-utils": "0.212.0-canary.2400.20429488881.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@types/lodash": "^4.14.191",
     "@types/lodash.chunk": "4.2.9",
@@ -122,7 +122,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.212.0-canary.2399.20427286988.0",
+    "@salutejs/plasma-core": "1.212.0-canary.2400.20429488881.0",
     "@salutejs/react-maskinput": "3.3.2",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -142,5 +142,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "f0c9bdb4c21f80ebc691c0bce42e4d5589696172"
+  "gitHead": "07d448b97301354c40150cc3a097df0dc763992f"
 }

package/types/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA8OhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAhPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CA0PpE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAuPhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAzPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CAmQpE,CAAC"}

package/types/components/Table/Table.styles.d.ts

@@ -1,5 +1,9 @@
+import type { CSSProperties } from 'react';
 import { TableProps } from './Table.types';
 export declare const base: import("@linaria/core").LinariaClassName;
+export declare const ScrollableWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    maxHeight: CSSProperties["maxHeight"];
+}>;
 export declare const Table: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & {
     borderVariant: TableProps["borderVariant"];
     stickyHeader?: boolean;

package/types/components/Table/Table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,KAAK;mBAAiC,UAAU,CAAC,eAAe,CAAC;mBAAiB,OAAO;EAerG,CAAC;AAEF,eAAO,MAAM,EAAE;eAA0B,OAAO;EAI/C,CAAC;AAEF,eAAO,MAAM,KAAK;UACR,UAAU,CAAC,MAAM,CAAC;mBACT,UAAU,CAAC,eAAe,CAAC;mBAC3B,OAAO;EAiBzB,CAAC;AAEF,eAAO,MAAM,KAAK,uLAAiB,CAAC;AAEpC,eAAO,MAAM,OAAO;gBAA4B,OAAO;EAYtD,CAAC;AAEF,eAAO,MAAM,EAAE;mBAA8B,UAAU,CAAC,eAAe,CAAC;oBAAkB,OAAO;EAsBhG,CAAC;AAEF,eAAO,MAAM,cAAc,iQAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,8OAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAUlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAMxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;qDAatB,CAAC"}
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAU3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAA2B,aAAa,CAAC,WAAW,CAAC;EAGlF,CAAC;AAEF,eAAO,MAAM,KAAK;mBAAiC,UAAU,CAAC,eAAe,CAAC;mBAAiB,OAAO;EAerG,CAAC;AAEF,eAAO,MAAM,EAAE;eAA0B,OAAO;EAI/C,CAAC;AAEF,eAAO,MAAM,KAAK;UACR,UAAU,CAAC,MAAM,CAAC;mBACT,UAAU,CAAC,eAAe,CAAC;mBAC3B,OAAO;EAiBzB,CAAC;AAEF,eAAO,MAAM,KAAK,uLAAiB,CAAC;AAEpC,eAAO,MAAM,OAAO;gBAA4B,OAAO;EAYtD,CAAC;AAEF,eAAO,MAAM,EAAE;mBAA8B,UAAU,CAAC,eAAe,CAAC;oBAAkB,OAAO;EAuBhG,CAAC;AAEF,eAAO,MAAM,cAAc,iQAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,8OAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAUlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAMxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;qDAatB,CAAC"}

package/types/components/Table/Table.tokens.d.ts

@@ -5,6 +5,7 @@ export declare const classes: {
     sortingDescIcon: string;
     filterIcon: string;
     resizeDivider: string;
+    scrollableContainer: string;
 };
 export declare const tableTokens: {
     fontFamily: string;

package/types/components/Table/Table.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEvB,CAAC"}
+{"version":3,"file":"Table.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEvB,CAAC"}

package/types/components/Table/Table.types.d.ts

@@ -129,6 +129,22 @@ export interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * Сеттер свойств для строки
      */
     setRowProps?: (row: TableRowData) => HTMLAttributes<any> & ThHTMLAttributes<any>;
+    /**
+     * Слот для контента над таблицей.
+     */
+    topContent?: ReactNode;
+    /**
+     * Слот для контента под таблицей.
+     */
+    bottomContent?: ReactNode;
+    /**
+     * Слот для лоадинга под контентом.
+     */
+    loadingSlot?: ReactNode;
+    /**
+     * Обработчик сколла контента.
+     */
+    onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     /**
      * Размер таблицы
      */