@alfalab/core-components-table 2.4.15 → 2.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +10 -10
  3. package/components/pagination/select-field/index.css +5 -5
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +8 -8
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +3 -3
  9. package/components/tcell/Component.js +1 -1
  10. package/components/tcell/index.css +7 -7
  11. package/components/texpandable-row/Component.js +1 -1
  12. package/components/texpandable-row/index.css +6 -6
  13. package/components/thead/Component.js +1 -1
  14. package/components/thead/index.css +7 -7
  15. package/components/thead-cell/Component.js +1 -1
  16. package/components/thead-cell/index.css +10 -10
  17. package/components/trow/Component.js +1 -1
  18. package/components/trow/index.css +9 -9
  19. package/components/tsortable-head-cell/Component.js +1 -1
  20. package/components/tsortable-head-cell/index.css +9 -9
  21. package/cssm/components/pagination/index.module.css +1 -1
  22. package/cssm/components/pagination/select-field/index.module.css +1 -1
  23. package/cssm/components/table/index.module.css +1 -1
  24. package/cssm/components/tbody/index.module.css +1 -1
  25. package/cssm/components/tcell/index.module.css +1 -1
  26. package/cssm/components/texpandable-row/index.module.css +1 -1
  27. package/cssm/components/thead/index.module.css +1 -1
  28. package/cssm/components/thead-cell/index.module.css +1 -1
  29. package/cssm/components/trow/index.module.css +1 -1
  30. package/cssm/components/tsortable-head-cell/index.module.css +1 -1
  31. package/esm/components/pagination/Component.js +1 -1
  32. package/esm/components/pagination/index.css +10 -10
  33. package/esm/components/pagination/select-field/index.css +5 -5
  34. package/esm/components/pagination/select-field/index.js +1 -1
  35. package/esm/components/table/Component.js +1 -1
  36. package/esm/components/table/index.css +8 -8
  37. package/esm/components/tbody/Component.js +1 -1
  38. package/esm/components/tbody/index.css +3 -3
  39. package/esm/components/tcell/Component.js +1 -1
  40. package/esm/components/tcell/index.css +7 -7
  41. package/esm/components/texpandable-row/Component.js +1 -1
  42. package/esm/components/texpandable-row/index.css +6 -6
  43. package/esm/components/thead/Component.js +1 -1
  44. package/esm/components/thead/index.css +7 -7
  45. package/esm/components/thead-cell/Component.js +1 -1
  46. package/esm/components/thead-cell/index.css +10 -10
  47. package/esm/components/trow/Component.js +1 -1
  48. package/esm/components/trow/index.css +9 -9
  49. package/esm/components/tsortable-head-cell/Component.js +1 -1
  50. package/esm/components/tsortable-head-cell/index.css +9 -9
  51. package/modern/components/pagination/Component.js +1 -1
  52. package/modern/components/pagination/index.css +10 -10
  53. package/modern/components/pagination/select-field/index.css +5 -5
  54. package/modern/components/pagination/select-field/index.js +1 -1
  55. package/modern/components/table/Component.js +1 -1
  56. package/modern/components/table/index.css +8 -8
  57. package/modern/components/tbody/Component.js +1 -1
  58. package/modern/components/tbody/index.css +3 -3
  59. package/modern/components/tcell/Component.js +1 -1
  60. package/modern/components/tcell/index.css +7 -7
  61. package/modern/components/texpandable-row/Component.js +1 -1
  62. package/modern/components/texpandable-row/index.css +6 -6
  63. package/modern/components/thead/Component.js +1 -1
  64. package/modern/components/thead/index.css +7 -7
  65. package/modern/components/thead-cell/Component.js +1 -1
  66. package/modern/components/thead-cell/index.css +10 -10
  67. package/modern/components/trow/Component.js +1 -1
  68. package/modern/components/trow/index.css +9 -9
  69. package/modern/components/tsortable-head-cell/Component.js +1 -1
  70. package/modern/components/tsortable-head-cell/index.css +9 -9
  71. package/package.json +4 -4
@@ -1,5 +1,5 @@
1
- /* hash: 1h3c8 */
2
- :root {
1
+ /* hash: oqf2r */
2
+ :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 */ /* 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 */
3
3
  } /* 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 */
4
4
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
5
5
  } :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 */
@@ -15,10 +15,10 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .table__field_66n9u svg {
18
+ } .table__field_3hjnh svg {
19
19
  width: 18px;
20
20
  height: 18px;
21
- } .table__open_66n9u,
22
- .table__open_66n9u:hover {
21
+ } .table__open_3hjnh,
22
+ .table__open_3hjnh:hover {
23
23
  background-color: var(--color-light-specialbg-component-shade-7);
24
24
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Button } from '@alfalab/core-components-button/modern';
4
4
 
5
- const styles = {"field":"table__field_66n9u","open":"table__open_66n9u"};
5
+ const styles = {"field":"table__field_3hjnh","open":"table__open_3hjnh"};
6
6
  require('./index.css')
7
7
 
8
8
  const CustomSelectField = ({ selected, innerProps, Arrow, open }) => {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
4
  import { findAllHeadCellsProps } from './utils.js';
5
5
 
6
- const styles = {"component":"table__component_13umt","wrapper":"table__wrapper_13umt","stickyHeader":"table__stickyHeader_13umt","hasPagination":"table__hasPagination_13umt","table":"table__table_13umt"};
6
+ const styles = {"component":"table__component_15y5c","wrapper":"table__wrapper_15y5c","stickyHeader":"table__stickyHeader_15y5c","hasPagination":"table__hasPagination_15y5c","table":"table__table_15y5c"};
7
7
  require('./index.css')
8
8
 
9
9
  const Table = forwardRef(({ className, children, compactView = false, compactHorizontal = false, wrapper = true, pagination, dataTestId, stickyHeader = false, ...restProps }, ref) => {
@@ -1,5 +1,5 @@
1
- /* hash: 1q0ed */
2
- :root {
1
+ /* hash: 1snbg */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --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 */
5
5
  } :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 */
@@ -18,24 +18,24 @@
18
18
  --gap-m: 16px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__component_13umt {
21
+ } .table__component_15y5c {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_13umt {
23
+ } .table__wrapper_15y5c {
24
24
  padding: 0 var(--gap-m) var(--gap-m);
25
25
  background: var(--color-light-bg-primary);
26
26
  box-shadow: var(--shadow-xs-hard);
27
27
  border-radius: var(--border-radius-m);
28
28
  overflow: auto;
29
- } .table__stickyHeader_13umt {
29
+ } .table__stickyHeader_15y5c {
30
30
  max-height: 100%;
31
- } .table__hasPagination_13umt {
31
+ } .table__hasPagination_15y5c {
32
32
  padding-bottom: 0;
33
- } .table__table_13umt {
33
+ } .table__table_15y5c {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_13umt td:first-child label > *[class^='box'], .table__table_13umt th:first-child label > *[class^='box'] {
39
+ } .table__table_15y5c td:first-child label > *[class^='box'], .table__table_15y5c th:first-child label > *[class^='box'] {
40
40
  margin-top: 0;
41
41
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_j5fb6"};
4
+ const styles = {"component":"table__component_1mpft"};
5
5
  require('./index.css')
6
6
 
7
7
  const TBody = ({ className, children, dataTestId, ...restProps }) => (React.createElement("tbody", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps }, children));
@@ -1,5 +1,5 @@
1
- /* hash: 19e6e */
2
- :root {
1
+ /* hash: n2ucg */
2
+ :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 */ /* 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 */
3
3
  } /* 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 */
4
4
  } :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 */
5
5
  } :root {
@@ -14,7 +14,7 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__component_j5fb6 {
17
+ } .table__component_1mpft {
18
18
  width: 100%;
19
19
  box-sizing: border-box;
20
20
  }
@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
4
 
5
- const styles = {"component":"table__component_1r5mx","compactHorizontal":"table__compactHorizontal_1r5mx","compact":"table__compact_1r5mx"};
5
+ const styles = {"component":"table__component_9uvb1","compactHorizontal":"table__compactHorizontal_9uvb1","compact":"table__compact_9uvb1"};
6
6
  require('./index.css')
7
7
 
8
8
  const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
@@ -1,5 +1,5 @@
1
- /* hash: moflv */
2
- :root {
1
+ /* hash: 1a2ja */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #d5d6dc;
5
5
  --color-light-text-primary: #0e0e0e; /* 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 @@
20
20
  --gap-xl: 24px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_1r5mx {
23
+ } .table__component_9uvb1 {
24
24
  font-size: 14px;
25
25
  line-height: 20px;
26
26
  font-weight: 400;
@@ -31,14 +31,14 @@
31
31
  border-top: 1px solid var(--color-light-border-primary);
32
32
  vertical-align: top;
33
33
  box-sizing: border-box
34
- } .table__component_1r5mx:first-child {
34
+ } .table__component_9uvb1:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_1r5mx:last-child {
36
+ } .table__component_9uvb1:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_1r5mx {
38
+ } .table__compactHorizontal_9uvb1 {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_1r5mx {
41
+ } .table__compact_9uvb1 {
42
42
  padding-top: var(--gap-xs);
43
43
  padding-bottom: var(--gap-xs);
44
44
 
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TRow } from '../trow/Component.js';
4
4
 
5
- const styles = {"row":"table__row_x0kbb","selected":"table__selected_x0kbb","expanded":"table__expanded_x0kbb","expandable":"table__expandable_x0kbb"};
5
+ const styles = {"row":"table__row_ux1rk","selected":"table__selected_ux1rk","expanded":"table__expanded_ux1rk","expandable":"table__expandable_ux1rk"};
6
6
  require('./index.css')
7
7
 
8
8
  const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
@@ -1,5 +1,5 @@
1
- /* hash: 1rq49 */
2
- :root {
1
+ /* hash: 1p377 */
2
+ :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 */ /* 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 */
3
3
  } /* 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 */
4
4
  } :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 */
5
5
  } :root {
@@ -14,13 +14,13 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__row_x0kbb {
17
+ } .table__row_ux1rk {
18
18
  cursor: pointer;
19
- } .table__selected_x0kbb.table__expanded_x0kbb {
19
+ } .table__selected_ux1rk.table__expanded_ux1rk {
20
20
  background-color: inherit;
21
- } .table__expanded_x0kbb:hover {
21
+ } .table__expanded_ux1rk:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_x0kbb td {
23
+ } .table__expandable_ux1rk td {
24
24
  margin: 0;
25
25
  padding-top: 0;
26
26
  padding-bottom: 0;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_1ux64","row":"table__row_1ux64"};
4
+ const styles = {"component":"table__component_16eeg","row":"table__row_16eeg"};
5
5
  require('./index.css')
6
6
 
7
7
  const THead = ({ className, rowClassName, children, dataTestId, ...restProps }) => (React.createElement("thead", { className: cn(styles.component, className), "data-test-id": dataTestId, ...restProps },
@@ -1,5 +1,5 @@
1
- /* hash: 1b8ca */
2
- :root {
1
+ /* hash: 1skuv */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-quaternary: #e7e8ec; /* 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 */
5
5
  } :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 */
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_1ux64 {
19
+ } .table__component_16eeg {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_1ux64 th:not(:last-child):not(:empty):after {
23
+ } .table__component_16eeg th:not(:last-child):not(:empty):after {
24
24
  transition: opacity 0.2s;
25
25
  position: absolute;
26
26
  content: '';
@@ -31,10 +31,10 @@
31
31
  top: var(--gap-xs);
32
32
  bottom: var(--gap-xs);
33
33
  background-color: var(--color-light-graphic-quaternary);
34
- } .table__component_1ux64 th:after {
34
+ } .table__component_16eeg th:after {
35
35
  opacity: 0;
36
- } .table__component_1ux64:hover th:after {
36
+ } .table__component_16eeg:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_1ux64 {
38
+ } .table__row_16eeg {
39
39
  height: 72px;
40
40
  }
@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TableContext } from '../table-context/index.js';
4
4
 
5
- const styles = {"component":"table__component_1qpky","stickyHeader":"table__stickyHeader_1qpky","sortable":"table__sortable_1qpky","sorted":"table__sorted_1qpky","compactHorizontal":"table__compactHorizontal_1qpky"};
5
+ const styles = {"component":"table__component_1teok","stickyHeader":"table__stickyHeader_1teok","sortable":"table__sortable_1teok","sorted":"table__sorted_1teok","compactHorizontal":"table__compactHorizontal_1teok"};
6
6
  require('./index.css')
7
7
 
8
8
  const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {
@@ -1,5 +1,5 @@
1
- /* hash: 1v6zj */
2
- :root {
1
+ /* hash: oisn4 */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
5
  --color-light-border-primary: #d5d6dc;
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_1qpky {
24
+ } .table__component_1teok {
25
25
  font-size: 12px;
26
26
  line-height: 16px;
27
27
  font-weight: 500;
@@ -36,23 +36,23 @@
36
36
  background: var(--color-light-bg-primary);
37
37
  vertical-align: top;
38
38
  box-sizing: border-box
39
- } .table__component_1qpky:first-child {
39
+ } .table__component_1teok:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_1qpky:last-child {
41
+ } .table__component_1teok:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_1qpky:not(.table__stickyHeader_1qpky) {
43
+ } .table__component_1teok:not(.table__stickyHeader_1teok) {
44
44
  position: relative;
45
- } .table__sortable_1qpky {
45
+ } .table__sortable_1teok {
46
46
  cursor: pointer;
47
- } .table__sorted_1qpky {
47
+ } .table__sorted_1teok {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_1qpky {
49
+ } .table__stickyHeader_1teok {
50
50
  top: 0;
51
51
  position: sticky;
52
52
  box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
53
53
  border: none;
54
54
  z-index: 1;
55
- } .table__compactHorizontal_1qpky {
55
+ } .table__compactHorizontal_1teok {
56
56
  padding-left: 6px;
57
57
  padding-right: 6px;
58
58
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"table__component_11ylb","withoutBorder":"table__withoutBorder_11ylb","clickable":"table__clickable_11ylb","selected":"table__selected_11ylb"};
4
+ const styles = {"component":"table__component_1joxr","withoutBorder":"table__withoutBorder_1joxr","clickable":"table__clickable_1joxr","selected":"table__selected_1joxr"};
5
5
  require('./index.css')
6
6
 
7
7
  const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {
@@ -1,5 +1,5 @@
1
- /* hash: 4mtze */
2
- :root {
1
+ /* hash: s0xo7 */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
5
  --color-light-bg-secondary: #f2f3f5; /* 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 */
@@ -17,22 +17,22 @@
17
17
  } :root {
18
18
  } :root {
19
19
  } :root {
20
- } .table__component_11ylb {
20
+ } .table__component_1joxr {
21
21
  padding-top: 1px;
22
22
  width: 100%;
23
23
  transition: background-color 0.2s;
24
24
  box-sizing: border-box;
25
25
  background: var(--color-light-bg-primary)
26
- } .table__component_11ylb:first-child td {
26
+ } .table__component_1joxr:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_11ylb td {
28
+ } .table__withoutBorder_1joxr td {
29
29
  border: none;
30
- } .table__clickable_11ylb {
30
+ } .table__clickable_1joxr {
31
31
  cursor: pointer
32
- } .table__clickable_11ylb:hover {
32
+ } .table__clickable_1joxr:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_11ylb {
34
+ } .table__selected_1joxr {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_11ylb:hover {
36
+ } .table__selected_1joxr:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -5,7 +5,7 @@ import { SortIconAsc } from './sort-icon-asc.js';
5
5
  import { SortIconDesc } from './sort-icon-desc.js';
6
6
  import { SortIconUnset } from './sort-icon-unset.js';
7
7
 
8
- const styles = {"content":"table__content_1144w","icon":"table__icon_1144w","reverse":"table__reverse_1144w","sorted":"table__sorted_1144w"};
8
+ const styles = {"content":"table__content_137ng","icon":"table__icon_137ng","reverse":"table__reverse_137ng","sorted":"table__sorted_137ng"};
9
9
  require('./index.css')
10
10
 
11
11
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,5 +1,5 @@
1
- /* hash: 1htdv */
2
- :root {
1
+ /* hash: 1kgax */
2
+ :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #2288fa;
5
5
  --color-light-graphic-primary: #0e0e0e;
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_1144w {
21
+ } .table__content_137ng {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_1144w {
24
+ } .table__icon_137ng {
25
25
  cursor: pointer;
26
26
  margin-left: var(--gap-xs);
27
27
 
@@ -33,15 +33,15 @@
33
33
  color: var(--color-light-graphic-secondary);
34
34
  transition: color 0.2s ease;
35
35
  flex-shrink: 0
36
- } .table__icon_1144w:hover {
36
+ } .table__icon_137ng:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_1144w {
38
+ } .table__reverse_137ng {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_1144w .table__icon_1144w {
40
+ } .table__reverse_137ng .table__icon_137ng {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_1144w {
43
+ } .table__sorted_137ng {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_1144w:hover {
45
+ } .table__sorted_137ng:hover {
46
46
  color: var(--color-light-graphic-link);
47
47
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-table",
3
- "version": "2.4.15",
3
+ "version": "2.4.16",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,9 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^11.2.0",
19
- "@alfalab/core-components-pagination": "^2.3.1",
20
- "@alfalab/core-components-select": "^17.2.1",
18
+ "@alfalab/core-components-button": "^11.3.0",
19
+ "@alfalab/core-components-pagination": "^2.3.2",
20
+ "@alfalab/core-components-select": "^17.3.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }