@alfalab/core-components-table 2.4.3 → 2.4.5

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 (228) hide show
  1. package/components/pagination/Component.js +1 -1
  2. package/components/pagination/index.css +12 -10
  3. package/components/pagination/select-field/index.css +4 -4
  4. package/components/pagination/select-field/index.js +1 -1
  5. package/components/table/Component.js +1 -1
  6. package/components/table/index.css +7 -7
  7. package/components/tbody/Component.js +1 -1
  8. package/components/tbody/index.css +2 -2
  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 +5 -5
  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 +10 -10
  21. package/cssm/components/pagination/index.module.css +3 -1
  22. package/cssm/components/tcell/index.module.css +1 -1
  23. package/cssm/components/thead/index.module.css +1 -1
  24. package/cssm/components/thead-cell/index.module.css +1 -1
  25. package/cssm/components/trow/index.module.css +1 -1
  26. package/cssm/components/tsortable-head-cell/index.module.css +2 -2
  27. package/esm/components/pagination/Component.js +1 -1
  28. package/esm/components/pagination/index.css +12 -10
  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 +7 -7
  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 +7 -7
  41. package/esm/components/thead-cell/Component.js +1 -1
  42. package/esm/components/thead-cell/index.css +10 -10
  43. package/esm/components/trow/Component.js +1 -1
  44. package/esm/components/trow/index.css +9 -9
  45. package/esm/components/tsortable-head-cell/Component.js +1 -1
  46. package/esm/components/tsortable-head-cell/index.css +10 -10
  47. package/modern/components/pagination/Component.js +1 -1
  48. package/modern/components/pagination/index.css +12 -10
  49. package/modern/components/pagination/select-field/index.css +4 -4
  50. package/modern/components/pagination/select-field/index.js +1 -1
  51. package/modern/components/table/Component.js +1 -1
  52. package/modern/components/table/index.css +7 -7
  53. package/modern/components/tbody/Component.js +1 -1
  54. package/modern/components/tbody/index.css +2 -2
  55. package/modern/components/tcell/Component.js +1 -1
  56. package/modern/components/tcell/index.css +7 -7
  57. package/modern/components/texpandable-row/Component.js +1 -1
  58. package/modern/components/texpandable-row/index.css +5 -5
  59. package/modern/components/thead/Component.js +1 -1
  60. package/modern/components/thead/index.css +7 -7
  61. package/modern/components/thead-cell/Component.js +1 -1
  62. package/modern/components/thead-cell/index.css +10 -10
  63. package/modern/components/trow/Component.js +1 -1
  64. package/modern/components/trow/index.css +9 -9
  65. package/modern/components/tsortable-head-cell/Component.js +1 -1
  66. package/modern/components/tsortable-head-cell/index.css +10 -10
  67. package/package.json +4 -4
  68. package/src/components/pagination/index.module.css +2 -0
  69. package/Component-0f4b9bed.d.ts +0 -5
  70. package/Component-10db897e.d.ts +0 -6
  71. package/Component-69921c40.d.ts +0 -184
  72. package/Component-72dda473.d.ts +0 -53
  73. package/Component-bdb4c6b9.d.ts +0 -12
  74. package/Component-c76d6398.d.ts +0 -5
  75. package/Component-ebda875c.d.ts +0 -12
  76. package/Component.desktop-63dec22f.d.ts +0 -6
  77. package/Component.desktop-785df74d.d.ts +0 -6
  78. package/Component.mobile-d7e9f69d.d.ts +0 -6
  79. package/Component.responsive-785df74d.d.ts +0 -26
  80. package/Context-bdb4c6b9.d.ts +0 -4
  81. package/ResponsiveContext-baf4875b.d.ts +0 -5
  82. package/component-10db897e.d.ts +0 -44
  83. package/consts-f777ba1a.d.ts +0 -2
  84. package/cssm/Component-0f4b9bed.d.ts +0 -5
  85. package/cssm/Component-10db897e.d.ts +0 -6
  86. package/cssm/Component-69921c40.d.ts +0 -184
  87. package/cssm/Component-72dda473.d.ts +0 -53
  88. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  89. package/cssm/Component-c76d6398.d.ts +0 -5
  90. package/cssm/Component-ebda875c.d.ts +0 -12
  91. package/cssm/Component.desktop-63dec22f.d.ts +0 -6
  92. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  93. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  94. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  95. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  96. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  97. package/cssm/component-10db897e.d.ts +0 -44
  98. package/cssm/consts-f777ba1a.d.ts +0 -2
  99. package/cssm/desktop-63dec22f.d.ts +0 -2
  100. package/cssm/desktop-69921c40.d.ts +0 -6
  101. package/cssm/hook-0f4b9bed.d.ts +0 -90
  102. package/cssm/hook-ebda875c.d.ts +0 -48
  103. package/cssm/index-10db897e.d.ts +0 -50
  104. package/cssm/index-136acbb1.d.ts +0 -28
  105. package/cssm/index-3109f463.d.ts +0 -62
  106. package/cssm/index-72dda473.d.ts +0 -12
  107. package/cssm/index-bdb4c6b9.d.ts +0 -2
  108. package/cssm/index-c44170fe.d.ts +0 -3
  109. package/cssm/index-c76d6398.d.ts +0 -2
  110. package/cssm/index-ebda875c.d.ts +0 -81
  111. package/cssm/index-f12ee135.d.ts +0 -3
  112. package/cssm/mobile-89f0cb07.d.ts +0 -6
  113. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  114. package/cssm/types-1b036d4b.d.ts +0 -13
  115. package/cssm/types-1c79e231.d.ts +0 -113
  116. package/cssm/types-67a2d8af.d.ts +0 -276
  117. package/cssm/typings-0f4b9bed.d.ts +0 -576
  118. package/cssm/typings-89f0cb07.d.ts +0 -93
  119. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  120. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  121. package/cssm/utils-0f4b9bed.d.ts +0 -41
  122. package/cssm/utils-1574ad8b.d.ts +0 -29
  123. package/cssm/utils-49cc3c24.d.ts +0 -8
  124. package/desktop-63dec22f.d.ts +0 -2
  125. package/desktop-69921c40.d.ts +0 -6
  126. package/esm/Component-0f4b9bed.d.ts +0 -5
  127. package/esm/Component-10db897e.d.ts +0 -6
  128. package/esm/Component-69921c40.d.ts +0 -184
  129. package/esm/Component-72dda473.d.ts +0 -53
  130. package/esm/Component-bdb4c6b9.d.ts +0 -12
  131. package/esm/Component-c76d6398.d.ts +0 -5
  132. package/esm/Component-ebda875c.d.ts +0 -12
  133. package/esm/Component.desktop-63dec22f.d.ts +0 -6
  134. package/esm/Component.desktop-785df74d.d.ts +0 -6
  135. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  136. package/esm/Component.responsive-785df74d.d.ts +0 -26
  137. package/esm/Context-bdb4c6b9.d.ts +0 -4
  138. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  139. package/esm/component-10db897e.d.ts +0 -44
  140. package/esm/consts-f777ba1a.d.ts +0 -2
  141. package/esm/desktop-63dec22f.d.ts +0 -2
  142. package/esm/desktop-69921c40.d.ts +0 -6
  143. package/esm/hook-0f4b9bed.d.ts +0 -90
  144. package/esm/hook-ebda875c.d.ts +0 -48
  145. package/esm/index-10db897e.d.ts +0 -50
  146. package/esm/index-136acbb1.d.ts +0 -28
  147. package/esm/index-3109f463.d.ts +0 -62
  148. package/esm/index-72dda473.d.ts +0 -12
  149. package/esm/index-bdb4c6b9.d.ts +0 -2
  150. package/esm/index-c44170fe.d.ts +0 -3
  151. package/esm/index-c76d6398.d.ts +0 -2
  152. package/esm/index-ebda875c.d.ts +0 -81
  153. package/esm/index-f12ee135.d.ts +0 -3
  154. package/esm/mobile-89f0cb07.d.ts +0 -6
  155. package/esm/mobile-d7e9f69d.d.ts +0 -2
  156. package/esm/types-1b036d4b.d.ts +0 -13
  157. package/esm/types-1c79e231.d.ts +0 -113
  158. package/esm/types-67a2d8af.d.ts +0 -276
  159. package/esm/typings-0f4b9bed.d.ts +0 -576
  160. package/esm/typings-89f0cb07.d.ts +0 -93
  161. package/esm/typings-bdb4c6b9.d.ts +0 -52
  162. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  163. package/esm/utils-0f4b9bed.d.ts +0 -41
  164. package/esm/utils-1574ad8b.d.ts +0 -29
  165. package/esm/utils-49cc3c24.d.ts +0 -8
  166. package/hook-0f4b9bed.d.ts +0 -90
  167. package/hook-ebda875c.d.ts +0 -48
  168. package/index-10db897e.d.ts +0 -50
  169. package/index-136acbb1.d.ts +0 -28
  170. package/index-3109f463.d.ts +0 -62
  171. package/index-72dda473.d.ts +0 -12
  172. package/index-bdb4c6b9.d.ts +0 -2
  173. package/index-c44170fe.d.ts +0 -3
  174. package/index-c76d6398.d.ts +0 -2
  175. package/index-ebda875c.d.ts +0 -81
  176. package/index-f12ee135.d.ts +0 -3
  177. package/mobile-89f0cb07.d.ts +0 -6
  178. package/mobile-d7e9f69d.d.ts +0 -2
  179. package/modern/Component-0f4b9bed.d.ts +0 -5
  180. package/modern/Component-10db897e.d.ts +0 -6
  181. package/modern/Component-69921c40.d.ts +0 -184
  182. package/modern/Component-72dda473.d.ts +0 -53
  183. package/modern/Component-bdb4c6b9.d.ts +0 -12
  184. package/modern/Component-c76d6398.d.ts +0 -5
  185. package/modern/Component-ebda875c.d.ts +0 -12
  186. package/modern/Component.desktop-63dec22f.d.ts +0 -6
  187. package/modern/Component.desktop-785df74d.d.ts +0 -6
  188. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  189. package/modern/Component.responsive-785df74d.d.ts +0 -26
  190. package/modern/Context-bdb4c6b9.d.ts +0 -4
  191. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  192. package/modern/component-10db897e.d.ts +0 -44
  193. package/modern/consts-f777ba1a.d.ts +0 -2
  194. package/modern/desktop-63dec22f.d.ts +0 -2
  195. package/modern/desktop-69921c40.d.ts +0 -6
  196. package/modern/hook-0f4b9bed.d.ts +0 -90
  197. package/modern/hook-ebda875c.d.ts +0 -48
  198. package/modern/index-10db897e.d.ts +0 -50
  199. package/modern/index-136acbb1.d.ts +0 -28
  200. package/modern/index-3109f463.d.ts +0 -62
  201. package/modern/index-72dda473.d.ts +0 -12
  202. package/modern/index-bdb4c6b9.d.ts +0 -2
  203. package/modern/index-c44170fe.d.ts +0 -3
  204. package/modern/index-c76d6398.d.ts +0 -2
  205. package/modern/index-ebda875c.d.ts +0 -81
  206. package/modern/index-f12ee135.d.ts +0 -3
  207. package/modern/mobile-89f0cb07.d.ts +0 -6
  208. package/modern/mobile-d7e9f69d.d.ts +0 -2
  209. package/modern/types-1b036d4b.d.ts +0 -13
  210. package/modern/types-1c79e231.d.ts +0 -113
  211. package/modern/types-67a2d8af.d.ts +0 -276
  212. package/modern/typings-0f4b9bed.d.ts +0 -576
  213. package/modern/typings-89f0cb07.d.ts +0 -93
  214. package/modern/typings-bdb4c6b9.d.ts +0 -52
  215. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  216. package/modern/utils-0f4b9bed.d.ts +0 -41
  217. package/modern/utils-1574ad8b.d.ts +0 -29
  218. package/modern/utils-49cc3c24.d.ts +0 -8
  219. package/types-1b036d4b.d.ts +0 -13
  220. package/types-1c79e231.d.ts +0 -113
  221. package/types-67a2d8af.d.ts +0 -276
  222. package/typings-0f4b9bed.d.ts +0 -576
  223. package/typings-89f0cb07.d.ts +0 -93
  224. package/typings-bdb4c6b9.d.ts +0 -52
  225. package/useSkeleton-ebda875c.d.ts +0 -12
  226. package/utils-0f4b9bed.d.ts +0 -41
  227. package/utils-1574ad8b.d.ts +0 -29
  228. package/utils-49cc3c24.d.ts +0 -8
@@ -1,4 +1,4 @@
1
- /* hash: b4gvy */
1
+ /* hash: 1yonv */
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_1lk5j {
21
+ } .table__component_k24kr {
22
22
  box-sizing: border-box;
23
- } .table__wrapper_1lk5j {
23
+ } .table__wrapper_k24kr {
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_1lk5j {
29
+ } .table__stickyHeader_k24kr {
30
30
  max-height: 100%;
31
- } .table__hasPagination_1lk5j {
31
+ } .table__hasPagination_k24kr {
32
32
  padding-bottom: 0;
33
- } .table__table_1lk5j {
33
+ } .table__table_k24kr {
34
34
  width: 100%;
35
35
  border-collapse: collapse;
36
36
  box-sizing: border-box
37
37
 
38
38
  /* TODO: Хак для выравнивания чекбокса */
39
- } .table__table_1lk5j td:first-child label > *[class^='box'], .table__table_1lk5j th:first-child label > *[class^='box'] {
39
+ } .table__table_k24kr td:first-child label > *[class^='box'], .table__table_k24kr 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_1s699"};
4
+ const styles = {"component":"table__component_ij23b"};
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,4 +1,4 @@
1
- /* hash: bd90c */
1
+ /* hash: 1umr4 */
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_1s699 {
17
+ } .table__component_ij23b {
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_14hl0","compactHorizontal":"table__compactHorizontal_14hl0","compact":"table__compact_14hl0"};
5
+ const styles = {"component":"table__component_14q3n","compactHorizontal":"table__compactHorizontal_14q3n","compact":"table__compact_14q3n"};
6
6
  require('./index.css')
7
7
 
8
8
  const TCell = ({ className, style, dataTestId, children, index, ...restProps }) => {
@@ -1,7 +1,7 @@
1
- /* hash: 16ayy */
1
+ /* hash: takym */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #dcdcdd;
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 */
6
6
  } :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 */
7
7
  } :root {
@@ -20,7 +20,7 @@
20
20
  --gap-xl: 24px;
21
21
  } :root {
22
22
  } :root {
23
- } .table__component_14hl0 {
23
+ } .table__component_14q3n {
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_14hl0:first-child {
34
+ } .table__component_14q3n:first-child {
35
35
  padding-left: var(--gap-m);
36
- } .table__component_14hl0:last-child {
36
+ } .table__component_14q3n:last-child {
37
37
  padding-right: var(--gap-m);
38
- } .table__compactHorizontal_14hl0 {
38
+ } .table__compactHorizontal_14q3n {
39
39
  padding-left: 6px;
40
40
  padding-right: 6px;
41
- } .table__compact_14hl0 {
41
+ } .table__compact_14q3n {
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_d2ctl","selected":"table__selected_d2ctl","expanded":"table__expanded_d2ctl","expandable":"table__expandable_d2ctl"};
5
+ const styles = {"row":"table__row_1alfw","selected":"table__selected_1alfw","expanded":"table__expanded_1alfw","expandable":"table__expandable_1alfw"};
6
6
  require('./index.css')
7
7
 
8
8
  const TExpandableRow = ({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: roccx */
1
+ /* hash: g7fac */
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_d2ctl {
17
+ } .table__row_1alfw {
18
18
  cursor: pointer;
19
- } .table__selected_d2ctl.table__expanded_d2ctl {
19
+ } .table__selected_1alfw.table__expanded_1alfw {
20
20
  background-color: inherit;
21
- } .table__expanded_d2ctl:hover {
21
+ } .table__expanded_1alfw:hover {
22
22
  background-color: inherit;
23
- } .table__expandable_d2ctl td {
23
+ } .table__expandable_1alfw 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_1dol4","row":"table__row_1dol4"};
4
+ const styles = {"component":"table__component_wtdw1","row":"table__row_wtdw1"};
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,7 +1,7 @@
1
- /* hash: 13qph */
1
+ /* hash: hxifd */
2
2
  :root {
3
3
  } /* deprecated */ :root {
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 */
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 */
6
6
  } :root {
7
7
  } :root {
@@ -16,11 +16,11 @@
16
16
  --gap-xs: 8px;
17
17
  } :root {
18
18
  } :root {
19
- } .table__component_1dol4 {
19
+ } .table__component_wtdw1 {
20
20
  position: relative;
21
21
  width: 100%;
22
22
  box-sizing: border-box
23
- } .table__component_1dol4 th:not(:last-child):not(:empty):after {
23
+ } .table__component_wtdw1 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_1dol4 th:after {
34
+ } .table__component_wtdw1 th:after {
35
35
  opacity: 0;
36
- } .table__component_1dol4:hover th:after {
36
+ } .table__component_wtdw1:hover th:after {
37
37
  opacity: 1;
38
- } .table__row_1dol4 {
38
+ } .table__row_wtdw1 {
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_1u0jo","stickyHeader":"table__stickyHeader_1u0jo","sortable":"table__sortable_1u0jo","sorted":"table__sorted_1u0jo","compactHorizontal":"table__compactHorizontal_1u0jo"};
5
+ const styles = {"component":"table__component_1lain","stickyHeader":"table__stickyHeader_1lain","sortable":"table__sortable_1lain","sorted":"table__sorted_1lain","compactHorizontal":"table__compactHorizontal_1lain"};
6
6
  require('./index.css')
7
7
 
8
8
  const THeadCell = ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }) => {
@@ -1,8 +1,8 @@
1
- /* hash: sl8kx */
1
+ /* hash: b2qeh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-border-primary: #dcdcdd;
5
+ --color-light-border-primary: #d5d6dc;
6
6
  --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 */
7
7
  } :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 */
8
8
  } :root {
@@ -21,7 +21,7 @@
21
21
  --gap-2xl: 32px;
22
22
  } :root {
23
23
  } :root {
24
- } .table__component_1u0jo {
24
+ } .table__component_1lain {
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_1u0jo:first-child {
39
+ } .table__component_1lain:first-child {
40
40
  padding-left: var(--gap-m);
41
- } .table__component_1u0jo:last-child {
41
+ } .table__component_1lain:last-child {
42
42
  padding-right: var(--gap-m);
43
- } .table__component_1u0jo:not(.table__stickyHeader_1u0jo) {
43
+ } .table__component_1lain:not(.table__stickyHeader_1lain) {
44
44
  position: relative;
45
- } .table__sortable_1u0jo {
45
+ } .table__sortable_1lain {
46
46
  cursor: pointer;
47
- } .table__sorted_1u0jo {
47
+ } .table__sorted_1lain {
48
48
  color: var(--color-light-text-primary);
49
- } .table__stickyHeader_1u0jo {
49
+ } .table__stickyHeader_1lain {
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_1u0jo {
55
+ } .table__compactHorizontal_1lain {
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_s5n19","withoutBorder":"table__withoutBorder_s5n19","clickable":"table__clickable_s5n19","selected":"table__selected_s5n19"};
4
+ const styles = {"component":"table__component_de0w3","withoutBorder":"table__withoutBorder_de0w3","clickable":"table__clickable_de0w3","selected":"table__selected_de0w3"};
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,8 +1,8 @@
1
- /* hash: ijiqr */
1
+ /* hash: 17a4o */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-bg-secondary: #f3f4f5; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ --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 */
6
6
  } :root {
7
7
  --color-static-graphic-solitude: #e8f2fe; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
8
8
  } :root {
@@ -17,22 +17,22 @@
17
17
  } :root {
18
18
  } :root {
19
19
  } :root {
20
- } .table__component_s5n19 {
20
+ } .table__component_de0w3 {
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_s5n19:first-child td {
26
+ } .table__component_de0w3:first-child td {
27
27
  border-top: 0;
28
- } .table__withoutBorder_s5n19 td {
28
+ } .table__withoutBorder_de0w3 td {
29
29
  border: none;
30
- } .table__clickable_s5n19 {
30
+ } .table__clickable_de0w3 {
31
31
  cursor: pointer
32
- } .table__clickable_s5n19:hover {
32
+ } .table__clickable_de0w3:hover {
33
33
  background-color: var(--color-light-bg-secondary);
34
- } .table__selected_s5n19 {
34
+ } .table__selected_de0w3 {
35
35
  background-color: #f2f8ff /* нет цвета в палитре */
36
- } .table__selected_s5n19:hover {
36
+ } .table__selected_de0w3:hover {
37
37
  background-color: var(--color-static-graphic-solitude);
38
38
  }
@@ -6,7 +6,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
6
6
  import { SortIconUnset } from './sort-icon-unset.js';
7
7
  import '../table-context/index.js';
8
8
 
9
- const styles = {"content":"table__content_4q0z2","icon":"table__icon_4q0z2","reverse":"table__reverse_4q0z2","sorted":"table__sorted_4q0z2"};
9
+ const styles = {"content":"table__content_ll87n","icon":"table__icon_ll87n","reverse":"table__reverse_ll87n","sorted":"table__sorted_ll87n"};
10
10
  require('./index.css')
11
11
 
12
12
  const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {
@@ -1,9 +1,9 @@
1
- /* hash: kzsu3 */
1
+ /* hash: 16szv */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-graphic-link: #0072ef;
4
+ --color-light-graphic-link: #2288fa;
5
5
  --color-light-graphic-primary: #0e0e0e;
6
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
7
  } :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 */
8
8
  } :root {
9
9
  } :root {
@@ -18,10 +18,10 @@
18
18
  --gap-xs: 8px;
19
19
  } :root {
20
20
  } :root {
21
- } .table__content_4q0z2 {
21
+ } .table__content_ll87n {
22
22
  display: flex;
23
23
  align-items: flex-start;
24
- } .table__icon_4q0z2 {
24
+ } .table__icon_ll87n {
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_4q0z2:hover {
36
+ } .table__icon_ll87n:hover {
37
37
  color: var(--color-light-graphic-primary);
38
- } .table__reverse_4q0z2 {
38
+ } .table__reverse_ll87n {
39
39
  flex-direction: row-reverse
40
- } .table__reverse_4q0z2 .table__icon_4q0z2 {
40
+ } .table__reverse_ll87n .table__icon_ll87n {
41
41
  margin-left: 0;
42
42
  margin-right: var(--gap-xs);
43
- } .table__sorted_4q0z2 {
43
+ } .table__sorted_ll87n {
44
44
  color: var(--color-light-graphic-link)
45
- } .table__sorted_4q0z2:hover {
45
+ } .table__sorted_ll87n: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.3",
3
+ "version": "2.4.5",
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": "^9.0.6",
19
- "@alfalab/core-components-pagination": "^2.1.2",
20
- "@alfalab/core-components-select": "^15.2.3",
18
+ "@alfalab/core-components-button": "^10.0.0",
19
+ "@alfalab/core-components-pagination": "^2.1.4",
20
+ "@alfalab/core-components-select": "^16.0.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  }
@@ -1,6 +1,8 @@
1
1
  @import '@alfalab/core-components-themes/src/default.css';
2
2
 
3
3
  .component {
4
+ position: sticky;
5
+ left: 0;
4
6
  display: flex;
5
7
  justify-content: space-between;
6
8
  align-items: flex-start;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { CheckmarkProps } from "./typings-0f4b9bed";
4
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
- export { BaseCheckmark };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { NavigationBarProps } from "./types-1c79e231";
4
- declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
5
- export * from "./Component-69921c40";
6
- export { NavigationBar };
@@ -1,184 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
- import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
5
- declare const colors: readonly [
6
- "tertiary",
7
- "disabled",
8
- "accent",
9
- "primary",
10
- "attention",
11
- "positive",
12
- "secondary",
13
- "tertiary-inverted",
14
- "primary-inverted",
15
- "secondary-inverted",
16
- "link",
17
- "negative",
18
- "static-primary-light",
19
- "static-secondary-light",
20
- "static-tertiary-light",
21
- "static-primary-dark",
22
- "static-secondary-dark",
23
- "static-tertiary-dark",
24
- "static-accent"
25
- ];
26
- type Color = (typeof colors)[number];
27
- type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
- type TextBaseProps = {
29
- /**
30
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
31
- */
32
- view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
33
- /**
34
- * Цвет текста
35
- */
36
- color?: Color;
37
- /**
38
- * Толщина шрифта
39
- */
40
- weight?: "regular" | "medium" | "bold";
41
- /**
42
- * Делает цифры моноширинными
43
- */
44
- monospaceNumbers?: boolean;
45
- /**
46
- * HTML тег
47
- */
48
- tag?: "span" | "div";
49
- /**
50
- * Css-класс для стилизации (native prop)
51
- */
52
- className?: string;
53
- /**
54
- * Id компонента для тестов
55
- */
56
- dataTestId?: string;
57
- /**
58
- * Контент (native prop)
59
- */
60
- children?: React.ReactNode;
61
- /**
62
- * Добавляет отступы к тэгу 'p'
63
- */
64
- defaultMargins?: never;
65
- /**
66
- * Количество строк (не поддерживает IE)
67
- */
68
- rowLimit?: 1 | 2 | 3;
69
- /**
70
- * Показать скелетон
71
- */
72
- showSkeleton?: boolean;
73
- /**
74
- * Пропы для скелетона
75
- */
76
- skeletonProps?: TextSkeletonProps;
77
- };
78
- type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
79
- tag?: "p";
80
- defaultMargins?: boolean;
81
- };
82
- type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
83
- type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
84
- type TitleProps = Omit<NativeProps$0, "color"> & {
85
- /**
86
- * HTML тег
87
- */
88
- tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
89
- /**
90
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
91
- */
92
- view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
93
- /**
94
- * Цвет текста
95
- */
96
- color?: Color;
97
- /**
98
- * Толщина шрифта
99
- */
100
- weight?: "regular" | "medium" | "bold";
101
- /**
102
- * Шрифт текста
103
- */
104
- font?: "styrene" | "system";
105
- /**
106
- * Добавляет отступы
107
- */
108
- defaultMargins?: boolean;
109
- /**
110
- * Css-класс для стилизации (native prop)
111
- */
112
- className?: string;
113
- /**
114
- * Id компонента для тестов
115
- */
116
- dataTestId?: string;
117
- /**
118
- * Контент (native prop)
119
- */
120
- children?: React.ReactNode;
121
- /**
122
- * Количество строк (не поддерживает IE)
123
- */
124
- rowLimit?: 1 | 2 | 3;
125
- /**
126
- * Показать скелетон
127
- */
128
- showSkeleton?: boolean;
129
- /**
130
- * Пропы для скелетона
131
- */
132
- skeletonProps?: TextSkeletonProps;
133
- };
134
- type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
135
- declare const Typography: {
136
- Title: FC<TitleProps>;
137
- Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
138
- TitleResponsive: FC<TitleProps>;
139
- TitleMobile: FC<TitleMobileProps>;
140
- };
141
- declare const typographyPresets: {
142
- mobile: {
143
- list: {
144
- text: {
145
- primary: {
146
- tag: string;
147
- view: string;
148
- };
149
- secondary: {
150
- tag: string;
151
- color: string;
152
- view: string;
153
- };
154
- };
155
- };
156
- };
157
- };
158
- declare const TitleResponsive: FC<TitleProps>;
159
- interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
160
- /**
161
- * Текст после иконки
162
- */
163
- text?: string;
164
- /**
165
- * Дополнительный класс
166
- */
167
- className?: string;
168
- /**
169
- * Вид компонента
170
- */
171
- view: 'mobile' | 'desktop';
172
- /**
173
- * Прозрачность текста
174
- */
175
- textOpacity?: number;
176
- /**
177
- * Обработчик клика
178
- */
179
- onClick?: () => void;
180
- }
181
- declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
182
- export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
183
- export type { TitleProps, TextProps, Color };
184
- export * from "./useSkeleton-ebda875c";