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

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

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

package/dist/css/es/components/Tabs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/Tabs/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nconst TOLERANCE = 1; // Погрешность для субпиксельного рендеринга\n\nconst getIsFirstOverflowingTab = (\n    item: MutableRefObject<HTMLElement | null>,\n    maxScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n    if (!item.current) {\n        return;\n    }\n\n    const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n    if (currentOffset === undefined) {\n        return;\n    }\n\n    return currentOffset < maxScroll - TOLERANCE;\n};\n\nconst getIsLastOverflowingTab = (\n    item: MutableRefObject<HTMLElement | null>,\n    minScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n    if (!item.current) {\n        return;\n    }\n\n    const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n    if (currentOffset === undefined) {\n        return;\n    }\n\n    const additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;\n    const itemRightEdge = currentOffset + additionalOffset;\n\n    return itemRightEdge > minScroll + TOLERANCE;\n};\n\nexport const getFirstOverflowingTab = (\n    items: MutableRefObject<HTMLElement | null>[],\n    maxScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsFirstOverflowingTab(item, maxScroll, orientation));\n\nexport const getLastOverflowingTab = (\n    items: MutableRefObject<HTMLElement | null>[],\n    minScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsLastOverflowingTab(item, minScroll, orientation));\n"],"names":["TOLERANCE","getIsFirstOverflowingTab","item","maxScroll","orientation","arguments","length","undefined","current","currentOffset","offsetLeft","offsetTop","getIsLastOverflowingTab","minScroll","additionalOffset","offsetWidth","offsetHeight","itemRightEdge","getFirstOverflowingTab","items","find","getLastOverflowingTab"],"mappings":"AAEA,IAAMA,SAAS,GAAG,CAAC,CAAC;;AAEpB,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAC1BC,IAA0C,EAC1CC,SAAiB,EAEhB;AAAA,EAAA,IADDC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,OAAOE,aAAa,GAAGN,SAAS,GAAGH,SAAS,CAAA;AAChD,CAAC,CAAA;AAED,IAAMY,uBAAuB,GAAG,SAA1BA,uBAAuBA,CACzBV,IAA0C,EAC1CW,SAAiB,EAEhB;AAAA,EAAA,IADDT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMO,gBAAgB,GAAGV,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACO,WAAW,GAAGb,IAAI,CAACM,OAAO,CAACQ,YAAY,CAAA;AAC5G,EAAA,IAAMC,aAAa,GAAGR,aAAa,GAAGK,gBAAgB,CAAA;AAEtD,EAAA,OAAOG,aAAa,GAAGJ,SAAS,GAAGb,SAAS,CAAA;AAChD,CAAC,CAAA;AAEM,IAAMkB,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,KAA6C,EAC7ChB,SAAiB,EAAA;AAAA,EAAA,IACjBC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDc,KAAK,CAACC,IAAI,CAAC,UAAClB,IAAI,EAAA;AAAA,IAAA,OAAKD,wBAAwB,CAACC,IAAI,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAE1E,IAAMiB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BF,KAA6C,EAC7CN,SAAiB,EAAA;AAAA,EAAA,IACjBT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDc,KAAK,CAACC,IAAI,CAAC,UAAClB,IAAI,EAAA;AAAA,IAAA,OAAKU,uBAAuB,CAACV,IAAI,EAAEW,SAAS,EAAET,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Tabs/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\nconst getIsFirstOverflowingTab = (\n    item: MutableRefObject<HTMLElement | null>,\n    maxScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n    if (!item.current) {\n        return;\n    }\n\n    const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n    if (currentOffset === undefined) {\n        return;\n    }\n\n    return currentOffset < maxScroll;\n};\n\nconst getIsLastOverflowingTab = (\n    item: MutableRefObject<HTMLElement | null>,\n    minScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n    if (!item.current) {\n        return;\n    }\n\n    const currentOffset = orientation === 'horizontal' ? item.current.offsetLeft : item.current.offsetTop;\n\n    if (currentOffset === undefined) {\n        return;\n    }\n\n    const additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;\n\n    return currentOffset + additionalOffset > minScroll;\n};\n\nexport const getFirstOverflowingTab = (\n    items: MutableRefObject<HTMLElement | null>[],\n    maxScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsFirstOverflowingTab(item, maxScroll, orientation));\n\nexport const getLastOverflowingTab = (\n    items: MutableRefObject<HTMLElement | null>[],\n    minScroll: number,\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => items.find((item) => getIsLastOverflowingTab(item, minScroll, orientation));\n"],"names":["getIsFirstOverflowingTab","item","maxScroll","orientation","arguments","length","undefined","current","currentOffset","offsetLeft","offsetTop","getIsLastOverflowingTab","minScroll","additionalOffset","offsetWidth","offsetHeight","getFirstOverflowingTab","items","find","getLastOverflowingTab"],"mappings":"AAEA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAC1BC,IAA0C,EAC1CC,SAAiB,EAEhB;AAAA,EAAA,IADDC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;EAEA,OAAOE,aAAa,GAAGN,SAAS,CAAA;AACpC,CAAC,CAAA;AAED,IAAMS,uBAAuB,GAAG,SAA1BA,uBAAuBA,CACzBV,IAA0C,EAC1CW,SAAiB,EAEhB;AAAA,EAAA,IADDT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAErD,EAAA,IAAI,CAACH,IAAI,CAACM,OAAO,EAAE;AACf,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGL,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACE,UAAU,GAAGR,IAAI,CAACM,OAAO,CAACG,SAAS,CAAA;EAErG,IAAIF,aAAa,KAAKF,SAAS,EAAE;AAC7B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAMO,gBAAgB,GAAGV,WAAW,KAAK,YAAY,GAAGF,IAAI,CAACM,OAAO,CAACO,WAAW,GAAGb,IAAI,CAACM,OAAO,CAACQ,YAAY,CAAA;AAE5G,EAAA,OAAOP,aAAa,GAAGK,gBAAgB,GAAGD,SAAS,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,KAA6C,EAC7Cf,SAAiB,EAAA;AAAA,EAAA,IACjBC,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDa,KAAK,CAACC,IAAI,CAAC,UAACjB,IAAI,EAAA;AAAA,IAAA,OAAKD,wBAAwB,CAACC,IAAI,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAE1E,IAAMgB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BF,KAA6C,EAC7CL,SAAiB,EAAA;AAAA,EAAA,IACjBT,WAAsC,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,YAAY,CAAA;AAAA,EAAA,OACpDa,KAAK,CAACC,IAAI,CAAC,UAACjB,IAAI,EAAA;AAAA,IAAA,OAAKU,uBAAuB,CAACV,IAAI,EAAEW,SAAS,EAAET,WAAW,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA;;;;"}

package/dist/css/es/index.css

@@ -1031,18 +1031,19 @@
 
 .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
-.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1jqvkrz_t1ri3no5__0454af64{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1jqvkrz_t1uk535o__0454af64{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1jqvkrz_t1uk535o__0454af64 .Table_styles_1jqvkrz_t1ri3no5__0454af64{background:transparent;}
-
-.Table_styles_1jqvkrz_r18b5m0z__0454af64{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1jqvkrz_tedz16__0454af64{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);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:var(--tedz16-1);}.Table_styles_1jqvkrz_tedz16__0454af64:hover .Table_styles_1jqvkrz_r18b5m0z__0454af64{display:block;}
-.Table_styles_1jqvkrz_s3mgb7q__0454af64{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1jqvkrz_s177cehz__0454af64{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1jqvkrz_beus4rw__0454af64{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1jqvkrz_bfybxxj__0454af64.Table_styles_1jqvkrz_beus4rw__0454af64{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1jqvkrz_l1ql6jvb__0454af64{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);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:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .List_styles_97b8jq_bmg9h6q__1b4a3381{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
 

package/dist/emotion/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 = {