@alfalab/core-components-pure-cell 4.4.12 → 4.5.0

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 (155) hide show
  1. package/component-5a229016.d.ts +7 -4
  2. package/{component-a5dfdddd.d.ts → component-a583672e.d.ts} +7 -4
  3. package/{component-a5dfdddd.js → component-a583672e.js} +5 -5
  4. package/component.js +1 -1
  5. package/components/addon/component.d.ts +2 -1
  6. package/components/addon/component.js +1 -1
  7. package/components/addon/index.css +10 -10
  8. package/components/amount/component.d.ts +3 -2
  9. package/components/amount/component.js +1 -1
  10. package/components/amount/index.css +2 -2
  11. package/components/amount-title/component.d.ts +6 -1
  12. package/components/amount-title/component.js +1 -1
  13. package/components/amount-title/index.css +3 -3
  14. package/components/category/component.d.ts +3 -1
  15. package/components/category/component.js +1 -1
  16. package/components/category/index.css +5 -5
  17. package/components/content/component.js +1 -1
  18. package/components/content/index.css +3 -3
  19. package/components/content/index.d.ts +1 -1
  20. package/components/content/index.js +1 -1
  21. package/components/footer/component.d.ts +2 -1
  22. package/components/footer/component.js +1 -1
  23. package/components/footer/index.css +4 -4
  24. package/components/footer-button/component.d.ts +10 -1
  25. package/components/footer-button/component.js +4 -4
  26. package/components/footer-button/index.css +2 -2
  27. package/components/footer-text/component.d.ts +2 -1
  28. package/components/graphics/component.d.ts +2 -1
  29. package/components/graphics/component.js +1 -1
  30. package/components/graphics/index.css +5 -5
  31. package/components/main/component.js +1 -1
  32. package/components/main/index.css +4 -4
  33. package/components/main/index.d.ts +1 -1
  34. package/components/main/index.js +1 -1
  35. package/components/text/component.js +1 -1
  36. package/components/text/index.css +7 -7
  37. package/components/text/index.d.ts +1 -1
  38. package/components/text/index.js +1 -1
  39. package/{esm/component-a5b5f2d1.d.ts → cssm/component-3ca297e4.d.ts} +7 -4
  40. package/cssm/{component-ef4953bf.js → component-3ca297e4.js} +1 -1
  41. package/cssm/component-5a229016.d.ts +7 -4
  42. package/cssm/component.js +1 -1
  43. package/cssm/components/addon/component.d.ts +2 -1
  44. package/cssm/components/amount/component.d.ts +3 -2
  45. package/cssm/components/amount-title/component.d.ts +6 -1
  46. package/cssm/components/category/component.d.ts +3 -1
  47. package/cssm/components/content/component.js +1 -1
  48. package/cssm/components/content/index.d.ts +1 -1
  49. package/cssm/components/content/index.js +1 -1
  50. package/cssm/components/footer/component.d.ts +2 -1
  51. package/cssm/components/footer-button/component.d.ts +10 -1
  52. package/cssm/components/footer-button/component.js +3 -3
  53. package/cssm/components/footer-text/component.d.ts +2 -1
  54. package/cssm/components/graphics/component.d.ts +2 -1
  55. package/cssm/components/main/component.js +1 -1
  56. package/cssm/components/main/index.d.ts +1 -1
  57. package/cssm/components/main/index.js +1 -1
  58. package/cssm/components/text/component.js +1 -1
  59. package/cssm/components/text/index.d.ts +1 -1
  60. package/cssm/components/text/index.js +1 -1
  61. package/cssm/index.js +1 -1
  62. package/{cssm/component-ef4953bf.d.ts → esm/component-4f811a98.d.ts} +7 -4
  63. package/esm/{component-a5b5f2d1.js → component-4f811a98.js} +5 -5
  64. package/esm/component-5a229016.d.ts +7 -4
  65. package/esm/component.js +1 -1
  66. package/esm/components/addon/component.d.ts +2 -1
  67. package/esm/components/addon/component.js +1 -1
  68. package/esm/components/addon/index.css +10 -10
  69. package/esm/components/amount/component.d.ts +3 -2
  70. package/esm/components/amount/component.js +1 -1
  71. package/esm/components/amount/index.css +2 -2
  72. package/esm/components/amount-title/component.d.ts +6 -1
  73. package/esm/components/amount-title/component.js +1 -1
  74. package/esm/components/amount-title/index.css +3 -3
  75. package/esm/components/category/component.d.ts +3 -1
  76. package/esm/components/category/component.js +1 -1
  77. package/esm/components/category/index.css +5 -5
  78. package/esm/components/content/component.js +1 -1
  79. package/esm/components/content/index.css +3 -3
  80. package/esm/components/content/index.d.ts +1 -1
  81. package/esm/components/content/index.js +1 -1
  82. package/esm/components/footer/component.d.ts +2 -1
  83. package/esm/components/footer/component.js +1 -1
  84. package/esm/components/footer/index.css +4 -4
  85. package/esm/components/footer-button/component.d.ts +10 -1
  86. package/esm/components/footer-button/component.js +5 -5
  87. package/esm/components/footer-button/index.css +2 -2
  88. package/esm/components/footer-text/component.d.ts +2 -1
  89. package/esm/components/graphics/component.d.ts +2 -1
  90. package/esm/components/graphics/component.js +1 -1
  91. package/esm/components/graphics/index.css +5 -5
  92. package/esm/components/main/component.js +1 -1
  93. package/esm/components/main/index.css +4 -4
  94. package/esm/components/main/index.d.ts +1 -1
  95. package/esm/components/main/index.js +1 -1
  96. package/esm/components/text/component.js +1 -1
  97. package/esm/components/text/index.css +7 -7
  98. package/esm/components/text/index.d.ts +1 -1
  99. package/esm/components/text/index.js +1 -1
  100. package/esm/index.css +21 -21
  101. package/esm/index.js +1 -1
  102. package/index.css +21 -21
  103. package/index.js +1 -1
  104. package/modern/component-5a229016.d.ts +7 -4
  105. package/modern/{component-591761ce.d.ts → component-e4d09b0f.d.ts} +7 -4
  106. package/modern/{component-591761ce.js → component-e4d09b0f.js} +5 -5
  107. package/modern/component.js +1 -1
  108. package/modern/components/addon/component.d.ts +2 -1
  109. package/modern/components/addon/component.js +1 -1
  110. package/modern/components/addon/index.css +10 -10
  111. package/modern/components/amount/component.d.ts +3 -2
  112. package/modern/components/amount/component.js +1 -1
  113. package/modern/components/amount/index.css +2 -2
  114. package/modern/components/amount-title/component.d.ts +6 -1
  115. package/modern/components/amount-title/component.js +1 -1
  116. package/modern/components/amount-title/index.css +3 -3
  117. package/modern/components/category/component.d.ts +3 -1
  118. package/modern/components/category/component.js +1 -1
  119. package/modern/components/category/index.css +5 -5
  120. package/modern/components/content/component.js +1 -1
  121. package/modern/components/content/index.css +3 -3
  122. package/modern/components/content/index.d.ts +1 -1
  123. package/modern/components/content/index.js +1 -1
  124. package/modern/components/footer/component.d.ts +2 -1
  125. package/modern/components/footer/component.js +1 -1
  126. package/modern/components/footer/index.css +4 -4
  127. package/modern/components/footer-button/component.d.ts +10 -1
  128. package/modern/components/footer-button/component.js +3 -3
  129. package/modern/components/footer-button/index.css +2 -2
  130. package/modern/components/footer-text/component.d.ts +2 -1
  131. package/modern/components/graphics/component.d.ts +2 -1
  132. package/modern/components/graphics/component.js +1 -1
  133. package/modern/components/graphics/index.css +5 -5
  134. package/modern/components/main/component.js +1 -1
  135. package/modern/components/main/index.css +4 -4
  136. package/modern/components/main/index.d.ts +1 -1
  137. package/modern/components/main/index.js +1 -1
  138. package/modern/components/text/component.js +1 -1
  139. package/modern/components/text/index.css +7 -7
  140. package/modern/components/text/index.d.ts +1 -1
  141. package/modern/components/text/index.js +1 -1
  142. package/modern/index.css +21 -21
  143. package/modern/index.js +1 -1
  144. package/package.json +4 -4
  145. package/src/components/addon/component.tsx +2 -1
  146. package/src/components/amount/component.tsx +3 -2
  147. package/src/components/amount-title/component.tsx +7 -1
  148. package/src/components/category/component.tsx +3 -1
  149. package/src/components/content/component.tsx +2 -1
  150. package/src/components/footer/component.tsx +2 -1
  151. package/src/components/footer-button/component.tsx +24 -10
  152. package/src/components/footer-text/component.tsx +2 -1
  153. package/src/components/graphics/component.tsx +2 -1
  154. package/src/components/main/component.tsx +2 -1
  155. package/src/components/text/component.tsx +4 -3
@@ -1,4 +1,4 @@
1
- /* hash: 1v49a */
1
+ /* hash: 10ury */
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 */
@@ -16,29 +16,29 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .pure-cell__horizontal_2babd {
19
+ } .pure-cell__horizontal_g1lg9 {
20
20
  padding: var(--gap-3xs) 0;
21
- } .pure-cell__rowLimit1_2babd {
21
+ } .pure-cell__rowLimit1_g1lg9 {
22
22
  -webkit-line-clamp: 1;
23
23
  display: -webkit-box;
24
24
  -webkit-box-orient: vertical;
25
25
  overflow: hidden;
26
26
  word-break: break-all;
27
- } .pure-cell__rowLimit2_2babd {
27
+ } .pure-cell__rowLimit2_g1lg9 {
28
28
  -webkit-line-clamp: 2;
29
29
  display: -webkit-box;
30
30
  -webkit-box-orient: vertical;
31
31
  overflow: hidden;
32
- } .pure-cell__component_2babd {
32
+ } .pure-cell__component_g1lg9 {
33
33
  display: flex;
34
34
  flex-direction: row;
35
35
  flex-wrap: nowrap;
36
36
  justify-content: space-between;
37
37
  margin: var(--gap-3xs) 0;
38
38
  word-break: break-word;
39
- } .pure-cell__component_2babd .pure-cell__vertical_2babd {
39
+ } .pure-cell__component_g1lg9 .pure-cell__vertical_g1lg9 {
40
40
  justify-content: center;
41
- } .pure-cell__title_2babd + .pure-cell__value_2babd {
41
+ } .pure-cell__title_g1lg9 + .pure-cell__value_g1lg9 {
42
42
  margin-left: var(--gap-m);
43
43
  flex-shrink: 0;
44
44
  }
@@ -1 +1 @@
1
- export * from "../../component-a5dfdddd";
1
+ export * from "../../component-a583672e";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-a5dfdddd.js');
5
+ var components_content_component = require('../../component-a583672e.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -17,7 +17,8 @@ type Props = {
17
17
  */
18
18
  className?: string;
19
19
  /**
20
- * Идентификатор для систем автоматизированного тестирования
20
+ * Идентификатор для систем автоматизированного тестирования.
21
+ * Используется модификатор -main
21
22
  */
22
23
  dataTestId?: string;
23
24
  };
@@ -28,7 +29,8 @@ type Props$0 = {
28
29
  */
29
30
  children: ContentElement;
30
31
  /**
31
- * Идентификатор для систем автоматизированного тестирования
32
+ * Идентификатор для систем автоматизированного тестирования.
33
+ * Используется модификатор -content
32
34
  */
33
35
  dataTestId?: string;
34
36
  };
@@ -45,7 +47,7 @@ type Props$1 = {
45
47
  /**
46
48
  * Размер текста
47
49
  */
48
- view: 'primary-large' | 'primary-medium' | 'primary-small' | 'component';
50
+ view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
49
51
  /**
50
52
  * Толщина title
51
53
  */
@@ -63,7 +65,8 @@ type Props$1 = {
63
65
  */
64
66
  valueColor?: Color;
65
67
  /**
66
- * Идентификатор для систем автоматизированного тестирования
68
+ * Идентификатор для систем автоматизированного тестирования.
69
+ * Для контента используется модификатор -text_content, для value ячейки -text_value
67
70
  */
68
71
  dataTestId?: string;
69
72
  };
@@ -49,7 +49,7 @@ var Main = function (_a) {
49
49
 
50
50
  var Text = function (_a) {
51
51
  var _b;
52
- var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
52
+ var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
53
53
  var _d = React.useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
54
54
  var className = rowLimit && styles__default$2.default["rowLimit".concat(rowLimit)];
55
55
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.component, (_b = {},
@@ -66,7 +66,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
66
66
  Text: React.FC<{
67
67
  children?: React.ReactNode;
68
68
  rowLimit?: 1 | 2 | undefined;
69
- view: "component" | "primary-large" | "primary-medium" | "primary-small";
69
+ view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "component-primary" | undefined;
70
70
  titleWeight?: "bold" | "regular" | undefined;
71
71
  titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
72
72
  value?: React.ReactNode;
@@ -78,11 +78,12 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
78
78
  textView?: "component" | "primary-small" | undefined;
79
79
  color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
80
80
  dataTestId?: string | undefined;
81
- } & import("./components/typesProps").AmountProps>;
81
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
82
82
  AmountTitle: React.FC<{
83
83
  color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
84
84
  titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
85
- } & import("./components/typesProps").AmountProps>;
85
+ dataTestId?: string | undefined;
86
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
86
87
  Addon: React.FC<{
87
88
  verticalAlign?: "center" | "auto" | "top" | "bottom" | undefined;
88
89
  addonPadding?: "none" | "default" | undefined;
@@ -95,7 +96,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
95
96
  dataTestId?: string | undefined;
96
97
  }>;
97
98
  ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
98
- FooterButton: React.FC<ButtonProps>;
99
+ FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
100
+ dataTestId?: string | undefined;
101
+ } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
99
102
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
100
103
  Category: React.FC<{
101
104
  categoryName: string;
package/cssm/component.js CHANGED
@@ -12,7 +12,7 @@ require('./components/addon/component.js');
12
12
  require('./components/amount/component.js');
13
13
  require('./components/amount-title/component.js');
14
14
  require('./components/category/component.js');
15
- var components_content_component = require('./component-ef4953bf.js');
15
+ var components_content_component = require('./component-3ca297e4.js');
16
16
  require('./components/footer/component.js');
17
17
  require('./components/footer-button/component.js');
18
18
  require('./components/footer-text/component.js');
@@ -15,7 +15,8 @@ type Props = {
15
15
  */
16
16
  children: AddonElement;
17
17
  /**
18
- * Идентификатор для систем автоматизированного тестирования
18
+ * Идентификатор для систем автоматизированного тестирования.
19
+ * Используется модификатор -addon
19
20
  */
20
21
  dataTestId?: string;
21
22
  };
@@ -16,9 +16,10 @@ type Props = {
16
16
  */
17
17
  color?: Color;
18
18
  /**
19
- * Идентификатор для систем автоматизированного тестирования
19
+ * Идентификатор для систем автоматизированного тестирования.
20
+ * Для typography используется модификатор -amount-text, для компонента Amount -amount
20
21
  */
21
22
  dataTestId?: string;
22
- } & AmountType;
23
+ } & Omit<AmountType, 'dataTestId'>;
23
24
  declare const Amount: React.FC<Props>;
24
25
  export { Amount };
@@ -12,6 +12,11 @@ type Props = {
12
12
  * Пропсы, которые будут прокинуты в компонент типографики
13
13
  */
14
14
  titleProps?: TitleProps;
15
- } & AmountType;
15
+ /**
16
+ * Идентификатор для систем автоматизированного тестирования.
17
+ * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
18
+ */
19
+ dataTestId?: string;
20
+ } & Omit<AmountType, 'dataTestId'>;
16
21
  declare const AmountTitle: React.FC<Props>;
17
22
  export { AmountTitle };
@@ -15,7 +15,9 @@ type Props = {
15
15
  */
16
16
  rightAddons?: ReactNode;
17
17
  /**
18
- * Идентификатор для систем автоматизированного тестирования
18
+ * Идентификатор для систем автоматизированного тестирования.
19
+ * Для наименования категории используется модификатор -category-name,
20
+ * процент категории -category-percent, слота справа -category-right-addon
19
21
  */
20
22
  dataTestId?: string;
21
23
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-shared/cssm');
8
- var components_content_component = require('../../component-ef4953bf.js');
8
+ var components_content_component = require('../../component-3ca297e4.js');
9
9
  require('./index.module.css');
10
10
  require('tslib');
11
11
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ef4953bf";
1
+ export * from "../../component-3ca297e4";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ef4953bf.js');
5
+ var components_content_component = require('../../component-3ca297e4.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -11,7 +11,8 @@ type Props = {
11
11
  */
12
12
  footerPadding?: 'default' | 'none';
13
13
  /**
14
- * Идентификатор для систем автоматизированного тестирования
14
+ * Идентификатор для систем автоматизированного тестирования.
15
+ * Используется модификатор -footer
15
16
  */
16
17
  dataTestId?: string;
17
18
  };
@@ -1,5 +1,14 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
3
4
  import { ButtonProps } from "@alfalab/core-components-button";
4
- declare const FooterButton: React.FC<ButtonProps>;
5
+ type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
6
+ /**
7
+ * Идентификатор для систем автоматизированного тестирования.
8
+ * Используется модификатор -button
9
+ */
10
+ dataTestId?: string;
11
+ };
12
+ type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
13
+ declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
14
  export { FooterButton };
@@ -13,9 +13,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
15
15
 
16
- var FooterButton = function (_a) {
16
+ var FooterButton = React.forwardRef(function (_a, ref) {
17
17
  var children = _a.children, dataTestId = _a.dataTestId, props = tslib.__rest(_a, ["children", "dataTestId"]);
18
- return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'button'), className: styles__default.default.component }), children));
19
- };
18
+ return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, props, { size: 'xxs', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'button'), className: styles__default.default.component, ref: ref }), children));
19
+ });
20
20
 
21
21
  exports.FooterButton = FooterButton;
@@ -8,7 +8,8 @@ type Props = {
8
8
  */
9
9
  color?: Color;
10
10
  /**
11
- * Идентификатор для систем автоматизированного тестирования
11
+ * Идентификатор для систем автоматизированного тестирования.
12
+ * Используется модификатор -footer-title
12
13
  */
13
14
  dataTestId?: string;
14
15
  /**
@@ -7,7 +7,8 @@ type Props = {
7
7
  */
8
8
  children: GraphicsElement;
9
9
  /**
10
- * Идентификатор для систем автоматизированного тестирования
10
+ * Идентификатор для систем автоматизированного тестирования.
11
+ * Используется модификатор -graphics
11
12
  */
12
13
  dataTestId?: string;
13
14
  /**
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-shared/cssm');
8
- var components_content_component = require('../../component-ef4953bf.js');
8
+ var components_content_component = require('../../component-3ca297e4.js');
9
9
  require('./index.module.css');
10
10
  require('tslib');
11
11
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ef4953bf";
1
+ export * from "../../component-3ca297e4";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ef4953bf.js');
5
+ var components_content_component = require('../../component-3ca297e4.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -6,7 +6,7 @@ require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-shared/cssm');
8
8
  require('@alfalab/core-components-typography/cssm');
9
- var components_content_component = require('../../component-ef4953bf.js');
9
+ var components_content_component = require('../../component-3ca297e4.js');
10
10
  require('./index.module.css');
11
11
  require('tslib');
12
12
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ef4953bf";
1
+ export * from "../../component-3ca297e4";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ef4953bf.js');
5
+ var components_content_component = require('../../component-3ca297e4.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
package/cssm/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('./component-ef4953bf.js');
5
+ var components_content_component = require('./component-3ca297e4.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -17,7 +17,8 @@ type Props = {
17
17
  */
18
18
  className?: string;
19
19
  /**
20
- * Идентификатор для систем автоматизированного тестирования
20
+ * Идентификатор для систем автоматизированного тестирования.
21
+ * Используется модификатор -main
21
22
  */
22
23
  dataTestId?: string;
23
24
  };
@@ -28,7 +29,8 @@ type Props$0 = {
28
29
  */
29
30
  children: ContentElement;
30
31
  /**
31
- * Идентификатор для систем автоматизированного тестирования
32
+ * Идентификатор для систем автоматизированного тестирования.
33
+ * Используется модификатор -content
32
34
  */
33
35
  dataTestId?: string;
34
36
  };
@@ -45,7 +47,7 @@ type Props$1 = {
45
47
  /**
46
48
  * Размер текста
47
49
  */
48
- view: 'primary-large' | 'primary-medium' | 'primary-small' | 'component';
50
+ view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
49
51
  /**
50
52
  * Толщина title
51
53
  */
@@ -63,7 +65,8 @@ type Props$1 = {
63
65
  */
64
66
  valueColor?: Color;
65
67
  /**
66
- * Идентификатор для систем автоматизированного тестирования
68
+ * Идентификатор для систем автоматизированного тестирования.
69
+ * Для контента используется модификатор -text_content, для value ячейки -text_value
67
70
  */
68
71
  dataTestId?: string;
69
72
  };
@@ -15,7 +15,7 @@ import { FooterText } from './components/footer-text/component.js';
15
15
  import { Graphics } from './components/graphics/component.js';
16
16
  import { Typography } from '@alfalab/core-components-typography/esm';
17
17
 
18
- var styles$3 = {"component":"pure-cell__component_1wecq","horizontal":"pure-cell__horizontal_1wecq"};
18
+ var styles$3 = {"component":"pure-cell__component_b3jt1","horizontal":"pure-cell__horizontal_b3jt1"};
19
19
  require('./components/content/index.css')
20
20
 
21
21
  var Content = function (_a) {
@@ -25,7 +25,7 @@ var Content = function (_a) {
25
25
  return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
26
26
  };
27
27
 
28
- var styles$2 = {"component":"pure-cell__component_118yo","vertical":"pure-cell__vertical_118yo","reverse":"pure-cell__reverse_118yo"};
28
+ var styles$2 = {"component":"pure-cell__component_srpcu","vertical":"pure-cell__vertical_srpcu","reverse":"pure-cell__reverse_srpcu"};
29
29
  require('./components/main/index.css')
30
30
 
31
31
  var Main = function (_a) {
@@ -37,12 +37,12 @@ var Main = function (_a) {
37
37
  _b), className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
38
38
  };
39
39
 
40
- var styles$1 = {"horizontal":"pure-cell__horizontal_2babd","rowLimit1":"pure-cell__rowLimit1_2babd","rowLimit2":"pure-cell__rowLimit2_2babd","component":"pure-cell__component_2babd","vertical":"pure-cell__vertical_2babd","title":"pure-cell__title_2babd","value":"pure-cell__value_2babd"};
40
+ var styles$1 = {"horizontal":"pure-cell__horizontal_g1lg9","rowLimit1":"pure-cell__rowLimit1_g1lg9","rowLimit2":"pure-cell__rowLimit2_g1lg9","component":"pure-cell__component_g1lg9","vertical":"pure-cell__vertical_g1lg9","title":"pure-cell__title_g1lg9","value":"pure-cell__value_g1lg9"};
41
41
  require('./components/text/index.css')
42
42
 
43
43
  var Text = function (_a) {
44
44
  var _b;
45
- var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
45
+ var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component-primary' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
46
46
  var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
47
47
  var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
48
48
  return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
@@ -54,7 +54,7 @@ var Text = function (_a) {
54
54
  React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
55
55
  };
56
56
 
57
- var styles = {"component":"pure-cell__component_klwmk","horizontal":"pure-cell__horizontal_klwmk","vertical":"pure-cell__vertical_klwmk","button":"pure-cell__button_klwmk","link":"pure-cell__link_klwmk","none":"pure-cell__none_klwmk","airy":"pure-cell__airy_klwmk","defaultPadding":"pure-cell__defaultPadding_klwmk","compact":"pure-cell__compact_klwmk","tiny":"pure-cell__tiny_klwmk","left":"pure-cell__left_klwmk","right":"pure-cell__right_klwmk","both":"pure-cell__both_klwmk","focused":"pure-cell__focused_klwmk"};
57
+ var styles = {"component":"pure-cell__component_8eiq7","horizontal":"pure-cell__horizontal_8eiq7","vertical":"pure-cell__vertical_8eiq7","button":"pure-cell__button_8eiq7","link":"pure-cell__link_8eiq7","none":"pure-cell__none_8eiq7","airy":"pure-cell__airy_8eiq7","defaultPadding":"pure-cell__defaultPadding_8eiq7","compact":"pure-cell__compact_8eiq7","tiny":"pure-cell__tiny_8eiq7","left":"pure-cell__left_8eiq7","right":"pure-cell__right_8eiq7","both":"pure-cell__both_8eiq7","focused":"pure-cell__focused_8eiq7"};
58
58
  require('./index.css')
59
59
 
60
60
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -66,7 +66,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
66
66
  Text: React.FC<{
67
67
  children?: React.ReactNode;
68
68
  rowLimit?: 1 | 2 | undefined;
69
- view: "component" | "primary-large" | "primary-medium" | "primary-small";
69
+ view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "component-primary" | undefined;
70
70
  titleWeight?: "bold" | "regular" | undefined;
71
71
  titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
72
72
  value?: React.ReactNode;
@@ -78,11 +78,12 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
78
78
  textView?: "component" | "primary-small" | undefined;
79
79
  color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
80
80
  dataTestId?: string | undefined;
81
- } & import("./components/typesProps").AmountProps>;
81
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
82
82
  AmountTitle: React.FC<{
83
83
  color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
84
84
  titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
85
- } & import("./components/typesProps").AmountProps>;
85
+ dataTestId?: string | undefined;
86
+ } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
86
87
  Addon: React.FC<{
87
88
  verticalAlign?: "center" | "auto" | "top" | "bottom" | undefined;
88
89
  addonPadding?: "none" | "default" | undefined;
@@ -95,7 +96,9 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
95
96
  dataTestId?: string | undefined;
96
97
  }>;
97
98
  ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
98
- FooterButton: React.FC<ButtonProps>;
99
+ FooterButton: React.ForwardRefExoticComponent<(Omit<ButtonProps, "dataTestId"> & {
100
+ dataTestId?: string | undefined;
101
+ } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
99
102
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
100
103
  Category: React.FC<{
101
104
  categoryName: string;
package/esm/component.js CHANGED
@@ -8,7 +8,7 @@ import './components/addon/component.js';
8
8
  import './components/amount/component.js';
9
9
  import './components/amount-title/component.js';
10
10
  import './components/category/component.js';
11
- export { P as PureCell, a as PureCellContext } from './component-a5b5f2d1.js';
11
+ export { P as PureCell, a as PureCellContext } from './component-4f811a98.js';
12
12
  import './components/footer/component.js';
13
13
  import './components/footer-button/component.js';
14
14
  import './components/footer-text/component.js';
@@ -15,7 +15,8 @@ type Props = {
15
15
  */
16
16
  children: AddonElement;
17
17
  /**
18
- * Идентификатор для систем автоматизированного тестирования
18
+ * Идентификатор для систем автоматизированного тестирования.
19
+ * Используется модификатор -addon
19
20
  */
20
21
  dataTestId?: string;
21
22
  };
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
4
 
5
- var styles = {"component":"pure-cell__component_uf9ig","none":"pure-cell__none_uf9ig","default":"pure-cell__default_uf9ig","addonPadding":"pure-cell__addonPadding_uf9ig","auto":"pure-cell__auto_uf9ig","top":"pure-cell__top_uf9ig","center":"pure-cell__center_uf9ig","bottom":"pure-cell__bottom_uf9ig"};
5
+ var styles = {"component":"pure-cell__component_i7vm3","none":"pure-cell__none_i7vm3","default":"pure-cell__default_i7vm3","addonPadding":"pure-cell__addonPadding_i7vm3","auto":"pure-cell__auto_i7vm3","top":"pure-cell__top_i7vm3","center":"pure-cell__center_i7vm3","bottom":"pure-cell__bottom_i7vm3"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 19it3 */
1
+ /* hash: 1ygxz */
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 */
@@ -15,24 +15,24 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_uf9ig {
18
+ } .pure-cell__component_i7vm3 {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  align-items: flex-end
22
- } .pure-cell__component_uf9ig > * {
22
+ } .pure-cell__component_i7vm3 > * {
23
23
  justify-content: flex-end;
24
- } .pure-cell__component_uf9ig.pure-cell__none_uf9ig {
24
+ } .pure-cell__component_i7vm3.pure-cell__none_i7vm3 {
25
25
  padding-left: 0;
26
- } .pure-cell__component_uf9ig.pure-cell__default_uf9ig {
26
+ } .pure-cell__component_i7vm3.pure-cell__default_i7vm3 {
27
27
  padding-left: var(--gap-m);
28
- } .pure-cell__component_uf9ig.pure-cell__addonPadding_uf9ig {
28
+ } .pure-cell__component_i7vm3.pure-cell__addonPadding_i7vm3 {
29
29
  padding-left: var(--gap-m);
30
- } .pure-cell__component_uf9ig.pure-cell__auto_uf9ig {
30
+ } .pure-cell__component_i7vm3.pure-cell__auto_i7vm3 {
31
31
  align-self: auto;
32
- } .pure-cell__component_uf9ig.pure-cell__top_uf9ig {
32
+ } .pure-cell__component_i7vm3.pure-cell__top_i7vm3 {
33
33
  align-self: flex-start;
34
- } .pure-cell__component_uf9ig.pure-cell__center_uf9ig {
34
+ } .pure-cell__component_i7vm3.pure-cell__center_i7vm3 {
35
35
  align-self: center;
36
- } .pure-cell__component_uf9ig.pure-cell__bottom_uf9ig {
36
+ } .pure-cell__component_i7vm3.pure-cell__bottom_i7vm3 {
37
37
  align-self: flex-end;
38
38
  }
@@ -16,9 +16,10 @@ type Props = {
16
16
  */
17
17
  color?: Color;
18
18
  /**
19
- * Идентификатор для систем автоматизированного тестирования
19
+ * Идентификатор для систем автоматизированного тестирования.
20
+ * Для typography используется модификатор -amount-text, для компонента Amount -amount
20
21
  */
21
22
  dataTestId?: string;
22
- } & AmountType;
23
+ } & Omit<AmountType, 'dataTestId'>;
23
24
  declare const Amount: React.FC<Props>;
24
25
  export { Amount };
@@ -5,7 +5,7 @@ import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
6
  import { Typography } from '@alfalab/core-components-typography/esm';
7
7
 
8
- var styles = {"component":"pure-cell__component_1u9ez"};
8
+ var styles = {"component":"pure-cell__component_3pk9a"};
9
9
  require('./index.css')
10
10
 
11
11
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: uay1b */
1
+ /* hash: 1o3x5 */
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 */
@@ -15,7 +15,7 @@
15
15
  --gap-3xs: 2px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_1u9ez {
18
+ } .pure-cell__component_3pk9a {
19
19
  padding: var(--gap-3xs) 0;
20
20
  display: flex;
21
21
  }
@@ -12,6 +12,11 @@ type Props = {
12
12
  * Пропсы, которые будут прокинуты в компонент типографики
13
13
  */
14
14
  titleProps?: TitleProps;
15
- } & AmountType;
15
+ /**
16
+ * Идентификатор для систем автоматизированного тестирования.
17
+ * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
18
+ */
19
+ dataTestId?: string;
20
+ } & Omit<AmountType, 'dataTestId'>;
16
21
  declare const AmountTitle: React.FC<Props>;
17
22
  export { AmountTitle };