@alfalab/core-components 39.2.1 → 39.3.0

package/system-message/modern/utils.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+declare function createCompound<T>(functionComponent: T): T & {
+    Graphic: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Title: import("react").FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Subtitle: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Caption: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Controls: import("react").FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+};
+export { createCompound };

package/system-message/modern/utils.js

@@ -0,0 +1,21 @@
+import { Caption } from './components/caption/Component.js';
+import { Controls } from './components/controls/Component.js';
+import { Graphic } from './components/graphic/Component.js';
+import { Subtitle } from './components/subtitle/Component.js';
+import { Title } from './components/title/Component.js';
+import 'react';
+import 'classnames';
+import './Context.js';
+import './getDataTestId-57668a96.js';
+
+function createCompound(functionComponent) {
+    return Object.assign(functionComponent, {
+        Graphic,
+        Title,
+        Subtitle,
+        Caption,
+        Controls,
+    });
+}
+
+export { createCompound };

package/system-message/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/system-message/responsive.d.ts

@@ -0,0 +1,2 @@
+export * from "./Components.responsive";
+export {};

package/system-message/responsive.js

@@ -0,0 +1,18 @@
+var Components_responsive = require('./Components.responsive.js');
+require('tslib');
+require('react');
+require('../mq');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-1916afae.js');
+require('./components/controls/Component.js');
+require('./components/graphic/Component.js');
+require('./components/subtitle/Component.js');
+require('./components/title/Component.js');
+
+
+
+exports.SystemMessageResponsive = Components_responsive.SystemMessageResponsive;

package/system-message/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, (res) => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/system-message/types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+type SystemMessageBaseProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растянуть контент на всю доступную высоту.
+     */
+    fullHeight?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children: ReactNode;
+    view: 'desktop' | 'mobile';
+};
+type SystemMessageDesktopProps = Omit<SystemMessageBaseProps, 'view'>;
+type SystemMessageMobileProps = Omit<SystemMessageBaseProps, 'view'>;
+type SystemMessageResponsiveProps = Omit<SystemMessageBaseProps, 'view'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type TSystemMessageContext = Pick<SystemMessageBaseProps, 'view' | 'dataTestId' | 'fullHeight'>;
+export { SystemMessageBaseProps, SystemMessageDesktopProps, SystemMessageMobileProps, SystemMessageResponsiveProps, TSystemMessageContext };

package/system-message/types.js

@@ -0,0 +1 @@
+

package/system-message/utils.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+declare function createCompound<T>(functionComponent: T): T & {
+    Graphic: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Title: import("react").FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Subtitle: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Caption: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Controls: import("react").FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+};
+export { createCompound };

package/system-message/utils.js

@@ -0,0 +1,21 @@
+var components_caption_Component = require('./components/caption/Component.js');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_graphic_Component = require('./components/graphic/Component.js');
+var components_subtitle_Component = require('./components/subtitle/Component.js');
+var components_title_Component = require('./components/title/Component.js');
+require('react');
+require('classnames');
+require('./getDataTestId-1916afae.js');
+require('./Context.js');
+
+function createCompound(functionComponent) {
+    return Object.assign(functionComponent, {
+        Graphic: components_graphic_Component.Graphic,
+        Title: components_title_Component.Title,
+        Subtitle: components_subtitle_Component.Subtitle,
+        Caption: components_caption_Component.Caption,
+        Controls: components_controls_Component.Controls,
+    });
+}
+
+exports.createCompound = createCompound;

package/table/components/pagination/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_zvqs3","pagesWrapper":"table__pagesWrapper_zvqs3","tag":"table__tag_zvqs3","tagActive":"table__tagActive_zvqs3","menu":"table__menu_zvqs3","option":"table__option_zvqs3"};
+var styles = {"component":"table__component_bktll","pagesWrapper":"table__pagesWrapper_bktll","tag":"table__tag_bktll","tagActive":"table__tagActive_bktll","menu":"table__menu_bktll","option":"table__option_bktll"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/table/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 18lx1 */
+/* hash: tadrh */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1; /* 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_zvqs3 {
+} .table__component_bktll {
     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_zvqs3 {
+} .table__pagesWrapper_bktll {
     display: flex;
-} .table__tag_zvqs3.table__tag_zvqs3 {
+} .table__tag_bktll.table__tag_bktll {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-} .table__tag_zvqs3.table__tag_zvqs3:last-child {
+} .table__tag_bktll.table__tag_bktll:last-child {
         margin-right: 0;
-    } .table__tag_zvqs3.table__tag_zvqs3.table__tagActive_zvqs3 {
+    } .table__tag_bktll.table__tag_bktll.table__tagActive_bktll {
         cursor: default;
-    } .table__menu_zvqs3 {
+    } .table__menu_bktll {
     margin: var(--gap-2xs) 0;
-} .table__option_zvqs3 {
+} .table__option_bktll {
     min-width: 208px;
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1n0j4 */
+/* hash: 17ozu */
 :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_w9tyd svg {
+} .table__field_7ywrv svg {
         width: 18px;
         height: 18px;
-    } .table__open_w9tyd,
-.table__open_w9tyd:hover {
+    } .table__open_7ywrv,
+.table__open_7ywrv:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

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

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

package/table/components/table/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_40720","wrapper":"table__wrapper_40720","stickyHeader":"table__stickyHeader_40720","hasPagination":"table__hasPagination_40720","table":"table__table_40720"};
+var styles = {"component":"table__component_154a7","wrapper":"table__wrapper_154a7","stickyHeader":"table__stickyHeader_154a7","hasPagination":"table__hasPagination_154a7","table":"table__table_154a7"};
 require('./index.css');
 
 var Table = React.forwardRef(function (_a, ref) {

package/table/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bg5w */
+/* hash: craob */
 :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 */
@@ -19,24 +19,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_40720 {
+} .table__component_154a7 {
     box-sizing: border-box;
-} .table__wrapper_40720 {
+} .table__wrapper_154a7 {
     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_40720 {
+} .table__stickyHeader_154a7 {
     max-height: 100%;
-} .table__hasPagination_40720 {
+} .table__hasPagination_154a7 {
     padding-bottom: 0;
-} .table__table_40720 {
+} .table__table_154a7 {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_40720 td:first-child label > *[class^='box'], .table__table_40720 th:first-child label > *[class^='box'] {
+} .table__table_154a7 td:first-child label > *[class^='box'], .table__table_154a7 th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/table/components/tbody/Component.js

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

package/table/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 1d8wb */
+/* hash: 1qpcz */
 :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_1l8jg {
+} .table__component_qw168 {
     width: 100%;
     box-sizing: border-box;
 }

package/table/components/tcell/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1xze0","compactHorizontal":"table__compactHorizontal_1xze0","compact":"table__compact_1xze0"};
+var styles = {"component":"table__component_18qdi","compactHorizontal":"table__compactHorizontal_18qdi","compact":"table__compact_18qdi"};
 require('./index.css');
 
 var TCell = function (_a) {

package/table/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 3puuk */
+/* hash: 167td */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_1xze0 {
+} .table__component_18qdi {
     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_1xze0:first-child {
+} .table__component_18qdi:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1xze0:last-child {
+    } .table__component_18qdi:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_1xze0 {
+    } .table__compactHorizontal_18qdi {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1xze0 {
+} .table__compact_18qdi {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"row":"table__row_14730","selected":"table__selected_14730","expanded":"table__expanded_14730","expandable":"table__expandable_14730"};
+var styles = {"row":"table__row_32zv1","selected":"table__selected_32zv1","expanded":"table__expanded_32zv1","expandable":"table__expandable_32zv1"};
 require('./index.css');
 
 var TExpandableRow = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: bu3hc */
+/* hash: 1aiyp */
 :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_14730 {
+} .table__row_32zv1 {
     cursor: pointer;
-} .table__selected_14730.table__expanded_14730 {
+} .table__selected_32zv1.table__expanded_32zv1 {
     background-color: inherit;
-} .table__expanded_14730:hover {
+} .table__expanded_32zv1:hover {
         background-color: inherit;
-    } .table__expandable_14730 td {
+    } .table__expandable_32zv1 td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/table/components/thead/Component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1rjzh","row":"table__row_1rjzh"};
+var styles = {"component":"table__component_18ck3","row":"table__row_18ck3"};
 require('./index.css');
 
 var THead = function (_a) {

package/table/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1i77w */
+/* hash: 1rx6h */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dbdee1; /* 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_1rjzh {
+} .table__component_18ck3 {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_1rjzh th:not(:last-child):not(:empty):after {
+} .table__component_18ck3 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_1rjzh th:after {
+    } .table__component_18ck3 th:after {
         opacity: 0;
-    } .table__component_1rjzh:hover th:after {
+    } .table__component_18ck3:hover th:after {
         opacity: 1;
-    } .table__row_1rjzh {
+    } .table__row_18ck3 {
     height: 72px;
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_3uj7a","sortable":"table__sortable_3uj7a","sorted":"table__sorted_3uj7a","stickyHeader":"table__stickyHeader_3uj7a","compactHorizontal":"table__compactHorizontal_3uj7a"};
+var styles = {"component":"table__component_s5gds","sortable":"table__sortable_s5gds","sorted":"table__sorted_s5gds","stickyHeader":"table__stickyHeader_s5gds","compactHorizontal":"table__compactHorizontal_s5gds"};
 require('./index.css');
 
 var THeadCell = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: yx7vx */
+/* hash: 1e8r6 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_3uj7a {
+} .table__component_s5gds {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -37,21 +37,21 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_3uj7a:first-child {
+} .table__component_s5gds:first-child {
         padding-left: var(--gap-m);
-    } .table__component_3uj7a:last-child {
+    } .table__component_s5gds:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_3uj7a {
+    } .table__sortable_s5gds {
     cursor: pointer;
-} .table__sorted_3uj7a {
+} .table__sorted_s5gds {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_3uj7a {
+} .table__stickyHeader_s5gds {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_3uj7a {
+} .table__compactHorizontal_s5gds {
     padding-left: 6px;
     padding-right: 6px;
 }

package/table/components/trow/Component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_npbtb","withoutBorder":"table__withoutBorder_npbtb","clickable":"table__clickable_npbtb","selected":"table__selected_npbtb"};
+var styles = {"component":"table__component_1xhfd","withoutBorder":"table__withoutBorder_1xhfd","clickable":"table__clickable_1xhfd","selected":"table__selected_1xhfd"};
 require('./index.css');
 
 var TRow = function (_a) {

package/table/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: aqjdr */
+/* hash: 1d8hw */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_npbtb {
+} .table__component_1xhfd {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_npbtb:first-child td {
+} .table__component_1xhfd:first-child td {
         border-top: 0;
-    } .table__withoutBorder_npbtb td {
+    } .table__withoutBorder_1xhfd td {
         border: none;
-    } .table__clickable_npbtb {
+    } .table__clickable_1xhfd {
     cursor: pointer
-} .table__clickable_npbtb:hover {
+} .table__clickable_1xhfd:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_npbtb {
+    } .table__selected_1xhfd {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_npbtb:hover {
+} .table__selected_1xhfd:hover {
         background-color: var(--color-static-graphic-solitude);
     }