@alfalab/core-components-table 2.3.2 → 2.3.3

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 (77) hide show
  1. package/Component-63dec22f.d.ts +18 -1
  2. package/components/pagination/Component.js +1 -1
  3. package/components/pagination/index.css +8 -8
  4. package/components/pagination/select-field/index.css +4 -4
  5. package/components/pagination/select-field/index.js +1 -1
  6. package/components/table/Component.js +1 -1
  7. package/components/table/index.css +7 -7
  8. package/components/tbody/Component.js +1 -1
  9. package/components/tbody/index.css +2 -2
  10. package/components/tcell/Component.js +1 -1
  11. package/components/tcell/index.css +6 -6
  12. package/components/texpandable-row/Component.js +1 -1
  13. package/components/texpandable-row/index.css +5 -5
  14. package/components/thead/Component.js +1 -1
  15. package/components/thead/index.css +6 -6
  16. package/components/thead-cell/Component.js +1 -1
  17. package/components/thead-cell/index.css +9 -9
  18. package/components/trow/Component.js +1 -1
  19. package/components/trow/index.css +8 -8
  20. package/components/tsortable-head-cell/Component.js +1 -1
  21. package/components/tsortable-head-cell/index.css +8 -8
  22. package/cssm/Component-63dec22f.d.ts +18 -1
  23. package/cssm/types-1b036d4b.d.ts +13 -0
  24. package/cssm/types-72dda473.d.ts +9 -1
  25. package/cssm/useSkeleton-ebda875c.d.ts +12 -0
  26. package/esm/Component-63dec22f.d.ts +18 -1
  27. package/esm/components/pagination/Component.js +1 -1
  28. package/esm/components/pagination/index.css +8 -8
  29. package/esm/components/pagination/select-field/index.css +4 -4
  30. package/esm/components/pagination/select-field/index.js +1 -1
  31. package/esm/components/table/Component.js +1 -1
  32. package/esm/components/table/index.css +7 -7
  33. package/esm/components/tbody/Component.js +1 -1
  34. package/esm/components/tbody/index.css +2 -2
  35. package/esm/components/tcell/Component.js +1 -1
  36. package/esm/components/tcell/index.css +6 -6
  37. package/esm/components/texpandable-row/Component.js +1 -1
  38. package/esm/components/texpandable-row/index.css +5 -5
  39. package/esm/components/thead/Component.js +1 -1
  40. package/esm/components/thead/index.css +6 -6
  41. package/esm/components/thead-cell/Component.js +1 -1
  42. package/esm/components/thead-cell/index.css +9 -9
  43. package/esm/components/trow/Component.js +1 -1
  44. package/esm/components/trow/index.css +8 -8
  45. package/esm/components/tsortable-head-cell/Component.js +1 -1
  46. package/esm/components/tsortable-head-cell/index.css +8 -8
  47. package/esm/types-1b036d4b.d.ts +13 -0
  48. package/esm/types-72dda473.d.ts +9 -1
  49. package/esm/useSkeleton-ebda875c.d.ts +12 -0
  50. package/modern/Component-63dec22f.d.ts +18 -1
  51. package/modern/components/pagination/Component.js +1 -1
  52. package/modern/components/pagination/index.css +8 -8
  53. package/modern/components/pagination/select-field/index.css +4 -4
  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 +7 -7
  57. package/modern/components/tbody/Component.js +1 -1
  58. package/modern/components/tbody/index.css +2 -2
  59. package/modern/components/tcell/Component.js +1 -1
  60. package/modern/components/tcell/index.css +6 -6
  61. package/modern/components/texpandable-row/Component.js +1 -1
  62. package/modern/components/texpandable-row/index.css +5 -5
  63. package/modern/components/thead/Component.js +1 -1
  64. package/modern/components/thead/index.css +6 -6
  65. package/modern/components/thead-cell/Component.js +1 -1
  66. package/modern/components/thead-cell/index.css +9 -9
  67. package/modern/components/trow/Component.js +1 -1
  68. package/modern/components/trow/index.css +8 -8
  69. package/modern/components/tsortable-head-cell/Component.js +1 -1
  70. package/modern/components/tsortable-head-cell/index.css +8 -8
  71. package/modern/types-1b036d4b.d.ts +13 -0
  72. package/modern/types-72dda473.d.ts +9 -1
  73. package/modern/useSkeleton-ebda875c.d.ts +12 -0
  74. package/package.json +3 -3
  75. package/types-1b036d4b.d.ts +13 -0
  76. package/types-72dda473.d.ts +9 -1
  77. package/useSkeleton-ebda875c.d.ts +12 -0
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
+ import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
4
5
  declare const colors: readonly [
5
6
  "tertiary",
6
7
  "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
23
24
  "static-accent"
24
25
  ];
25
26
  type Color = (typeof colors)[number];
26
- type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
27
27
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
28
  type TextBaseProps = {
29
29
  /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
66
66
  * Количество строк (не поддерживает IE)
67
67
  */
68
68
  rowLimit?: 1 | 2 | 3;
69
+ /**
70
+ * Показать скелетон
71
+ */
72
+ showSkeleton?: boolean;
73
+ /**
74
+ * Пропы для скелетона
75
+ */
76
+ skeletonProps?: TextSkeletonProps;
69
77
  };
70
78
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
71
79
  tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
114
122
  * Количество строк (не поддерживает IE)
115
123
  */
116
124
  rowLimit?: 1 | 2 | 3;
125
+ /**
126
+ * Показать скелетон
127
+ */
128
+ showSkeleton?: boolean;
129
+ /**
130
+ * Пропы для скелетона
131
+ */
132
+ skeletonProps?: TextSkeletonProps;
117
133
  };
118
134
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
119
135
  declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
165
181
  declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
166
182
  export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
167
183
  export type { TitleProps, TextProps, Color };
184
+ export * from "./useSkeleton-ebda875c";
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"component":"table__component_ezzc8","pagesWrapper":"table__pagesWrapper_ezzc8","tag":"table__tag_ezzc8","tagActive":"table__tagActive_ezzc8","menu":"table__menu_ezzc8","option":"table__option_ezzc8"};
19
+ var styles = {"component":"table__component_sgfzm","pagesWrapper":"table__pagesWrapper_sgfzm","tag":"table__tag_sgfzm","tagActive":"table__tagActive_sgfzm","menu":"table__menu_sgfzm","option":"table__option_sgfzm"};
20
20
  require('./index.css')
21
21
 
22
22
  var Pagination = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: sf8wc */
1
+ /* hash: u6o5y */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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-2xl: 32px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_ezzc8 {
23
+ } .table__component_sgfzm {
24
24
  display: flex;
25
25
  justify-content: space-between;
26
26
  align-items: flex-start;
@@ -28,19 +28,19 @@
28
28
  padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
29
29
  border-top: 1px solid var(--color-light-border-primary);
30
30
  box-sizing: border-box;
31
- } .table__pagesWrapper_ezzc8 {
31
+ } .table__pagesWrapper_sgfzm {
32
32
  display: flex;
33
- } .table__tag_ezzc8.table__tag_ezzc8 {
33
+ } .table__tag_sgfzm.table__tag_sgfzm {
34
34
  flex-shrink: 0;
35
35
  margin-right: var(--gap-xs);
36
36
  padding: 0 var(--gap-xs);
37
37
  min-width: 32px
38
- } .table__tag_ezzc8.table__tag_ezzc8:last-child {
38
+ } .table__tag_sgfzm.table__tag_sgfzm:last-child {
39
39
  margin-right: 0;
40
- } .table__tag_ezzc8.table__tag_ezzc8.table__tagActive_ezzc8 {
40
+ } .table__tag_sgfzm.table__tag_sgfzm.table__tagActive_sgfzm {
41
41
  cursor: default;
42
- } .table__menu_ezzc8 {
42
+ } .table__menu_sgfzm {
43
43
  margin: var(--gap-2xs) 0;
44
- } .table__option_ezzc8 {
44
+ } .table__option_sgfzm {
45
45
  min-width: 208px;
46
46
  }
@@ -1,4 +1,4 @@
1
- /* hash: 16npt */
1
+ /* hash: 18f53 */
2
2
  :root {
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);
@@ -15,10 +15,10 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .table__field_tywjd svg {
18
+ } .table__field_17fd6 svg {
19
19
  width: 18px;
20
20
  height: 18px;
21
- } .table__open_tywjd,
22
- .table__open_tywjd:hover {
21
+ } .table__open_17fd6,
22
+ .table__open_17fd6:hover {
23
23
  background-color: var(--color-light-specialbg-component-shade-7);
24
24
  }
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"field":"table__field_tywjd","open":"table__open_tywjd"};
15
+ var styles = {"field":"table__field_17fd6","open":"table__open_17fd6"};
16
16
  require('./index.css')
17
17
 
18
18
  var CustomSelectField = function (_a) {
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"table__component_12t87","wrapper":"table__wrapper_12t87","stickyHeader":"table__stickyHeader_12t87","hasPagination":"table__hasPagination_12t87","table":"table__table_12t87"};
18
+ var styles = {"component":"table__component_6a2nr","wrapper":"table__wrapper_6a2nr","stickyHeader":"table__stickyHeader_6a2nr","hasPagination":"table__hasPagination_6a2nr","table":"table__table_6a2nr"};
19
19
  require('./index.css')
20
20
 
21
21
  var Table = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 1cn58 */
1
+ /* hash: w8n48 */
2
2
  :root {
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 */
@@ -18,24 +18,24 @@
18
18
  --gap-m: 16px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__component_12t87 {
21
+ } .table__component_6a2nr {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_12t87 {
23
+ } .table__wrapper_6a2nr {
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_12t87 {
29
+ } .table__stickyHeader_6a2nr {
30
30
  max-height: 100%;
31
- } .table__hasPagination_12t87 {
31
+ } .table__hasPagination_6a2nr {
32
32
  padding-bottom: 0;
33
- } .table__table_12t87 {
33
+ } .table__table_6a2nr {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_12t87 td:first-child label > *[class^='box'], .table__table_12t87 th:first-child label > *[class^='box'] {
39
+ } .table__table_6a2nr td:first-child label > *[class^='box'], .table__table_6a2nr th:first-child label > *[class^='box'] {
40
40
  margin-top: 0;
41
41
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"table__component_s8327"};
14
+ var styles = {"component":"table__component_cwjrz"};
15
15
  require('./index.css')
16
16
 
17
17
  var TBody = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 166v9 */
1
+ /* hash: 11zy6 */
2
2
  :root {
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 */
@@ -14,7 +14,7 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__component_s8327 {
17
+ } .table__component_cwjrz {
18
18
  width: 100%;
19
19
  box-sizing: border-box;
20
20
  }
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"table__component_xf1ax","compactHorizontal":"table__compactHorizontal_xf1ax","compact":"table__compact_xf1ax"};
15
+ var styles = {"component":"table__component_1xra4","compactHorizontal":"table__compactHorizontal_1xra4","compact":"table__compact_1xra4"};
16
16
  require('./index.css')
17
17
 
18
18
  var TCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 13pl1 */
1
+ /* hash: 1tgya */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
20
20
  --gap-xl: 24px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_xf1ax {
23
+ } .table__component_1xra4 {
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_xf1ax:first-child {
34
+ } .table__component_1xra4:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_xf1ax:last-child {
36
+ } .table__component_1xra4:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_xf1ax {
38
+ } .table__compactHorizontal_1xra4 {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_xf1ax {
41
+ } .table__compact_1xra4 {
42
42
  padding-top: var(--gap-xs);
43
43
  padding-bottom: var(--gap-xs);
44
44
 
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"row":"table__row_5cvgt","selected":"table__selected_5cvgt","expanded":"table__expanded_5cvgt","expandable":"table__expandable_5cvgt"};
15
+ var styles = {"row":"table__row_11w10","selected":"table__selected_11w10","expanded":"table__expanded_11w10","expandable":"table__expandable_11w10"};
16
16
  require('./index.css')
17
17
 
18
18
  var TExpandableRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: t373s */
1
+ /* hash: 1m71k */
2
2
  :root {
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 */
@@ -14,13 +14,13 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .table__row_5cvgt {
17
+ } .table__row_11w10 {
18
18
  cursor: pointer;
19
- } .table__selected_5cvgt.table__expanded_5cvgt {
19
+ } .table__selected_11w10.table__expanded_11w10 {
20
20
  background-color: inherit;
21
- } .table__expanded_5cvgt:hover {
21
+ } .table__expanded_11w10:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_5cvgt td {
23
+ } .table__expandable_11w10 td {
24
24
  margin: 0;
25
25
  padding-top: 0;
26
26
  padding-bottom: 0;
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"table__component_1y1hi","row":"table__row_1y1hi"};
14
+ var styles = {"component":"table__component_1s4m8","row":"table__row_1s4m8"};
15
15
  require('./index.css')
16
16
 
17
17
  var THead = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 7esya */
1
+ /* hash: 1dc2k */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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_1y1hi {
19
+ } .table__component_1s4m8 {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_1y1hi th:not(:last-child):not(:empty):after {
23
+ } .table__component_1s4m8 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_1y1hi th:after {
34
+ } .table__component_1s4m8 th:after {
35
35
  opacity: 0;
36
- } .table__component_1y1hi:hover th:after {
36
+ } .table__component_1s4m8:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_1y1hi {
38
+ } .table__row_1s4m8 {
39
39
  height: 72px;
40
40
  }
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"table__component_1508g","stickyHeader":"table__stickyHeader_1508g","sortable":"table__sortable_1508g","sorted":"table__sorted_1508g","compactHorizontal":"table__compactHorizontal_1508g"};
15
+ var styles = {"component":"table__component_rjrti","stickyHeader":"table__stickyHeader_rjrti","sortable":"table__sortable_rjrti","sorted":"table__sorted_rjrti","compactHorizontal":"table__compactHorizontal_rjrti"};
16
16
  require('./index.css')
17
17
 
18
18
  var THeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11vol */
1
+ /* hash: 1049c */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_1508g {
24
+ } .table__component_rjrti {
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_1508g:first-child {
39
+ } .table__component_rjrti:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_1508g:last-child {
41
+ } .table__component_rjrti:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_1508g:not(.table__stickyHeader_1508g) {
43
+ } .table__component_rjrti:not(.table__stickyHeader_rjrti) {
44
44
  position: relative;
45
- } .table__sortable_1508g {
45
+ } .table__sortable_rjrti {
46
46
  cursor: pointer;
47
- } .table__sorted_1508g {
47
+ } .table__sorted_rjrti {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_1508g {
49
+ } .table__stickyHeader_rjrti {
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_1508g {
55
+ } .table__compactHorizontal_rjrti {
56
56
  padding-left: 6px;
57
57
  padding-right: 6px;
58
58
  }
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"table__component_aawh3","withoutBorder":"table__withoutBorder_aawh3","clickable":"table__clickable_aawh3","selected":"table__selected_aawh3"};
14
+ var styles = {"component":"table__component_1an5a","withoutBorder":"table__withoutBorder_1an5a","clickable":"table__clickable_1an5a","selected":"table__selected_1an5a"};
15
15
  require('./index.css')
16
16
 
17
17
  var TRow = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1k273 */
1
+ /* hash: asgaj */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
17
17
  } :root {
18
18
  } :root {
19
19
  } :root {
20
- } .table__component_aawh3 {
20
+ } .table__component_1an5a {
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_aawh3:first-child td {
26
+ } .table__component_1an5a:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_aawh3 td {
28
+ } .table__withoutBorder_1an5a td {
29
29
  border: none;
30
- } .table__clickable_aawh3 {
30
+ } .table__clickable_1an5a {
31
31
  cursor: pointer
32
- } .table__clickable_aawh3:hover {
32
+ } .table__clickable_1an5a:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_aawh3 {
34
+ } .table__selected_1an5a {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_aawh3:hover {
36
+ } .table__selected_1an5a:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"content":"table__content_xztid","icon":"table__icon_xztid","reverse":"table__reverse_xztid","sorted":"table__sorted_xztid"};
19
+ var styles = {"content":"table__content_1gnyz","icon":"table__icon_1gnyz","reverse":"table__reverse_1gnyz","sorted":"table__sorted_1gnyz"};
20
20
  require('./index.css')
21
21
 
22
22
  var TSortableHeadCell = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ieex2 */
1
+ /* hash: 1zwse */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-link: #0072ef;
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_xztid {
21
+ } .table__content_1gnyz {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_xztid {
24
+ } .table__icon_1gnyz {
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_xztid:hover {
36
+ } .table__icon_1gnyz:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_xztid {
38
+ } .table__reverse_1gnyz {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_xztid .table__icon_xztid {
40
+ } .table__reverse_1gnyz .table__icon_1gnyz {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_xztid {
43
+ } .table__sorted_1gnyz {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_xztid:hover {
45
+ } .table__sorted_1gnyz:hover {
46
46
  color: var(--color-light-graphic-link);
47
47
  }
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
+ import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
4
5
  declare const colors: readonly [
5
6
  "tertiary",
6
7
  "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
23
24
  "static-accent"
24
25
  ];
25
26
  type Color = (typeof colors)[number];
26
- type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
27
27
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
28
  type TextBaseProps = {
29
29
  /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
66
66
  * Количество строк (не поддерживает IE)
67
67
  */
68
68
  rowLimit?: 1 | 2 | 3;
69
+ /**
70
+ * Показать скелетон
71
+ */
72
+ showSkeleton?: boolean;
73
+ /**
74
+ * Пропы для скелетона
75
+ */
76
+ skeletonProps?: TextSkeletonProps;
69
77
  };
70
78
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
71
79
  tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
114
122
  * Количество строк (не поддерживает IE)
115
123
  */
116
124
  rowLimit?: 1 | 2 | 3;
125
+ /**
126
+ * Показать скелетон
127
+ */
128
+ showSkeleton?: boolean;
129
+ /**
130
+ * Пропы для скелетона
131
+ */
132
+ skeletonProps?: TextSkeletonProps;
117
133
  };
118
134
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
119
135
  declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
165
181
  declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
166
182
  export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
167
183
  export type { TitleProps, TextProps, Color };
184
+ export * from "./useSkeleton-ebda875c";
@@ -0,0 +1,13 @@
1
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
2
+ type WidthUnit = number | string;
3
+ type TextSkeletonProps = {
4
+ /**
5
+ * Кол-во строк текста
6
+ */
7
+ rows?: number;
8
+ /**
9
+ * Ширина строки
10
+ */
11
+ width?: WidthUnit | WidthUnit[];
12
+ };
13
+ export { TextElementType, TextSkeletonProps };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react-transition-group" />
2
- import { HTMLAttributes, ReactNode, RefObject } from 'react';
2
+ import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
3
3
  import { TransitionProps } from 'react-transition-group/Transition';
4
4
  import { BaseModalProps } from "./index-bdb4c6b9";
5
5
  import { NavigationBarProps } from "./index-c76d6398";
@@ -88,6 +88,14 @@ type BottomSheetProps = {
88
88
  * Дополнительный класс для обертки модального окна
89
89
  */
90
90
  modalWrapperClassName?: string;
91
+ /**
92
+ * Дополнительный класс для маркера
93
+ */
94
+ swipeableMarkerClassName?: string;
95
+ /**
96
+ * Кастомный маркер
97
+ */
98
+ swipeableMarker?: ReactElement;
91
99
  /**
92
100
  * TransitionProps, прокидываются в компонент CSSTransitionProps.
93
101
  */
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TextSkeletonProps } from "./types-1b036d4b";
4
+ type SkeletonProps = {
5
+ wrapperClassName?: string;
6
+ dataTestId?: string;
7
+ };
8
+ declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
9
+ renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
10
+ textRef: React.RefObject<HTMLElement>;
11
+ };
12
+ export { useSkeleton };
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
+ import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
4
5
  declare const colors: readonly [
5
6
  "tertiary",
6
7
  "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
23
24
  "static-accent"
24
25
  ];
25
26
  type Color = (typeof colors)[number];
26
- type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
27
27
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
28
  type TextBaseProps = {
29
29
  /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
66
66
  * Количество строк (не поддерживает IE)
67
67
  */
68
68
  rowLimit?: 1 | 2 | 3;
69
+ /**
70
+ * Показать скелетон
71
+ */
72
+ showSkeleton?: boolean;
73
+ /**
74
+ * Пропы для скелетона
75
+ */
76
+ skeletonProps?: TextSkeletonProps;
69
77
  };
70
78
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
71
79
  tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
114
122
  * Количество строк (не поддерживает IE)
115
123
  */
116
124
  rowLimit?: 1 | 2 | 3;
125
+ /**
126
+ * Показать скелетон
127
+ */
128
+ showSkeleton?: boolean;
129
+ /**
130
+ * Пропы для скелетона
131
+ */
132
+ skeletonProps?: TextSkeletonProps;
117
133
  };
118
134
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
119
135
  declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
165
181
  declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
166
182
  export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
167
183
  export type { TitleProps, TextProps, Color };
184
+ export * from "./useSkeleton-ebda875c";