@alfalab/core-components-pure-cell 3.0.3 → 4.0.1

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 (191) hide show
  1. package/{component-7b340665.d.ts → component-2bda6d29.d.ts} +0 -0
  2. package/{component-7b340665.js → component-2bda6d29.js} +13 -11
  3. package/{cssm/component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +9 -9
  4. package/component.js +6 -5
  5. package/components/addon/component.d.ts +1 -1
  6. package/components/addon/component.js +4 -7
  7. package/components/addon/index.css +15 -8
  8. package/components/addon/index.js +1 -1
  9. package/components/amount/component.d.ts +2 -6
  10. package/components/amount/component.js +7 -7
  11. package/components/amount/index.css +2 -2
  12. package/components/amount/index.js +3 -2
  13. package/components/amount-title/component.d.ts +1 -9
  14. package/components/amount-title/component.js +6 -6
  15. package/components/amount-title/index.css +3 -3
  16. package/components/amount-title/index.js +3 -2
  17. package/components/category/component.d.ts +5 -0
  18. package/components/category/component.js +5 -4
  19. package/components/category/index.css +8 -4
  20. package/components/category/index.js +1 -1
  21. package/components/content/component.js +6 -5
  22. package/components/content/index.css +3 -3
  23. package/components/content/index.d.ts +1 -1
  24. package/components/content/index.js +6 -5
  25. package/components/footer/component.js +2 -2
  26. package/components/footer/index.css +4 -4
  27. package/components/footer/index.js +1 -1
  28. package/components/footer-button/component.d.ts +5 -0
  29. package/components/footer-button/component.js +15 -5
  30. package/components/footer-button/index.css +2 -2
  31. package/components/footer-button/index.d.ts +1 -1
  32. package/components/footer-button/index.js +3 -2
  33. package/components/footer-text/component.js +1 -1
  34. package/components/footer-text/index.js +1 -1
  35. package/components/graphics/component.js +2 -2
  36. package/components/graphics/index.css +2 -2
  37. package/components/graphics/index.js +1 -1
  38. package/components/main/component.js +6 -5
  39. package/components/main/index.css +4 -4
  40. package/components/main/index.d.ts +1 -1
  41. package/components/main/index.js +6 -5
  42. package/components/text/component.js +6 -5
  43. package/components/text/index.css +10 -8
  44. package/components/text/index.d.ts +1 -1
  45. package/components/text/index.js +6 -5
  46. package/components/typesProps.d.ts +3 -3
  47. package/{component-3f45f3c4.d.ts → cssm/component-c49f24a8.d.ts} +10 -10
  48. package/cssm/{component-d3306cf3.d.ts → component-c4e268e7.d.ts} +0 -0
  49. package/cssm/{component-d3306cf3.js → component-c4e268e7.js} +8 -6
  50. package/cssm/component.js +5 -4
  51. package/cssm/components/addon/component.d.ts +1 -1
  52. package/cssm/components/addon/component.js +2 -5
  53. package/cssm/components/addon/index.module.css +8 -1
  54. package/cssm/components/amount/component.d.ts +2 -6
  55. package/cssm/components/amount/component.js +5 -5
  56. package/cssm/components/amount/index.js +2 -1
  57. package/cssm/components/amount-title/component.d.ts +1 -9
  58. package/cssm/components/amount-title/component.js +4 -4
  59. package/cssm/components/amount-title/index.js +2 -1
  60. package/cssm/components/category/component.d.ts +5 -0
  61. package/cssm/components/category/component.js +3 -2
  62. package/cssm/components/category/index.module.css +4 -0
  63. package/cssm/components/content/component.js +5 -4
  64. package/cssm/components/content/index.d.ts +1 -1
  65. package/cssm/components/content/index.js +5 -4
  66. package/cssm/components/footer-button/component.d.ts +5 -0
  67. package/cssm/components/footer-button/component.js +14 -6
  68. package/cssm/components/footer-button/index.d.ts +1 -1
  69. package/cssm/components/footer-button/index.js +2 -1
  70. package/cssm/components/main/component.js +5 -4
  71. package/cssm/components/main/index.d.ts +1 -1
  72. package/cssm/components/main/index.js +5 -4
  73. package/cssm/components/text/component.js +5 -4
  74. package/cssm/components/text/index.d.ts +1 -1
  75. package/cssm/components/text/index.js +5 -4
  76. package/cssm/components/text/index.module.css +4 -2
  77. package/cssm/components/typesProps.d.ts +3 -3
  78. package/cssm/index.d.ts +1 -1
  79. package/cssm/index.js +5 -4
  80. package/{esm/component-ef452835.d.ts → cssm/tslib.es6-9682e485.d.ts} +8 -8
  81. package/{component-80973026.js → cssm/tslib.es6-9682e485.js} +1 -18
  82. package/esm/{component-922dd03a.d.ts → component-831effc0.d.ts} +0 -0
  83. package/esm/{component-922dd03a.js → component-831effc0.js} +10 -8
  84. package/esm/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +10 -10
  85. package/esm/component.js +6 -5
  86. package/esm/components/addon/component.d.ts +1 -1
  87. package/esm/components/addon/component.js +4 -7
  88. package/esm/components/addon/index.css +15 -8
  89. package/esm/components/addon/index.js +1 -1
  90. package/esm/components/amount/component.d.ts +2 -6
  91. package/esm/components/amount/component.js +7 -7
  92. package/esm/components/amount/index.css +2 -2
  93. package/esm/components/amount/index.js +3 -2
  94. package/esm/components/amount-title/component.d.ts +1 -9
  95. package/esm/components/amount-title/component.js +6 -6
  96. package/esm/components/amount-title/index.css +3 -3
  97. package/esm/components/amount-title/index.js +3 -2
  98. package/esm/components/category/component.d.ts +5 -0
  99. package/esm/components/category/component.js +5 -4
  100. package/esm/components/category/index.css +8 -4
  101. package/esm/components/category/index.js +1 -1
  102. package/esm/components/content/component.js +6 -5
  103. package/esm/components/content/index.css +3 -3
  104. package/esm/components/content/index.d.ts +1 -1
  105. package/esm/components/content/index.js +6 -5
  106. package/esm/components/footer/component.js +2 -2
  107. package/esm/components/footer/index.css +4 -4
  108. package/esm/components/footer/index.js +1 -1
  109. package/esm/components/footer-button/component.d.ts +5 -0
  110. package/esm/components/footer-button/component.js +14 -4
  111. package/esm/components/footer-button/index.css +2 -2
  112. package/esm/components/footer-button/index.d.ts +1 -1
  113. package/esm/components/footer-button/index.js +3 -2
  114. package/esm/components/footer-text/component.js +1 -1
  115. package/esm/components/footer-text/index.js +1 -1
  116. package/esm/components/graphics/component.js +2 -2
  117. package/esm/components/graphics/index.css +2 -2
  118. package/esm/components/graphics/index.js +1 -1
  119. package/esm/components/main/component.js +6 -5
  120. package/esm/components/main/index.css +4 -4
  121. package/esm/components/main/index.d.ts +1 -1
  122. package/esm/components/main/index.js +6 -5
  123. package/esm/components/text/component.js +6 -5
  124. package/esm/components/text/index.css +10 -8
  125. package/esm/components/text/index.d.ts +1 -1
  126. package/esm/components/text/index.js +6 -5
  127. package/esm/components/typesProps.d.ts +3 -3
  128. package/esm/{getDataTestId-181163b5.d.ts → getDataTestId-56acaf74.d.ts} +0 -0
  129. package/esm/{getDataTestId-181163b5.js → getDataTestId-56acaf74.js} +0 -0
  130. package/esm/index.css +19 -19
  131. package/esm/index.d.ts +1 -1
  132. package/esm/index.js +6 -5
  133. package/{cssm/component-22ece846.d.ts → esm/tslib.es6-daf5d84d.d.ts} +8 -8
  134. package/esm/{component-ef452835.js → tslib.es6-daf5d84d.js} +2 -14
  135. package/{getDataTestId-3a7e2404.d.ts → getDataTestId-da1ddd99.d.ts} +0 -0
  136. package/{getDataTestId-3a7e2404.js → getDataTestId-da1ddd99.js} +0 -0
  137. package/index.css +19 -19
  138. package/index.d.ts +1 -1
  139. package/index.js +6 -5
  140. package/modern/{component-99f95ea2.d.ts → component-b7f322e4.d.ts} +0 -0
  141. package/modern/{component-99f95ea2.js → component-b7f322e4.js} +11 -9
  142. package/modern/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +10 -10
  143. package/modern/component.js +4 -4
  144. package/modern/components/addon/component.d.ts +1 -1
  145. package/modern/components/addon/component.js +3 -5
  146. package/modern/components/addon/index.css +15 -8
  147. package/modern/components/addon/index.js +1 -1
  148. package/modern/components/amount/component.d.ts +2 -6
  149. package/modern/components/amount/component.js +5 -8
  150. package/modern/components/amount/index.css +2 -2
  151. package/modern/components/amount/index.js +2 -2
  152. package/modern/components/amount-title/component.d.ts +1 -9
  153. package/modern/components/amount-title/component.js +5 -8
  154. package/modern/components/amount-title/index.css +3 -3
  155. package/modern/components/amount-title/index.js +2 -2
  156. package/modern/components/category/component.d.ts +5 -0
  157. package/modern/components/category/component.js +5 -4
  158. package/modern/components/category/index.css +8 -4
  159. package/modern/components/category/index.js +1 -1
  160. package/modern/components/content/component.js +4 -4
  161. package/modern/components/content/index.css +3 -3
  162. package/modern/components/content/index.d.ts +1 -1
  163. package/modern/components/content/index.js +4 -4
  164. package/modern/components/footer/component.js +2 -2
  165. package/modern/components/footer/index.css +4 -4
  166. package/modern/components/footer/index.js +1 -1
  167. package/modern/components/footer-button/component.js +3 -3
  168. package/modern/components/footer-button/index.css +2 -2
  169. package/modern/components/footer-button/index.js +1 -1
  170. package/modern/components/footer-text/component.js +1 -1
  171. package/modern/components/footer-text/index.js +1 -1
  172. package/modern/components/graphics/component.js +3 -5
  173. package/modern/components/graphics/index.css +2 -2
  174. package/modern/components/graphics/index.js +1 -1
  175. package/modern/components/main/component.js +4 -4
  176. package/modern/components/main/index.css +4 -4
  177. package/modern/components/main/index.d.ts +1 -1
  178. package/modern/components/main/index.js +4 -4
  179. package/modern/components/text/component.js +4 -4
  180. package/modern/components/text/index.css +10 -8
  181. package/modern/components/text/index.d.ts +1 -1
  182. package/modern/components/text/index.js +4 -4
  183. package/modern/components/typesProps.d.ts +3 -3
  184. package/modern/{getDataTestId-60d7e355.d.ts → getDataTestId-e8cc70ab.d.ts} +0 -0
  185. package/modern/{getDataTestId-60d7e355.js → getDataTestId-e8cc70ab.js} +0 -0
  186. package/modern/index.css +19 -19
  187. package/modern/index.d.ts +1 -1
  188. package/modern/index.js +4 -4
  189. package/package.json +3 -3
  190. package/{component-80973026.d.ts → tslib.es6-bb39d27e.d.ts} +8 -8
  191. package/{cssm/component-22ece846.js → tslib.es6-bb39d27e.js} +1 -17
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-3a7e2404.js');
10
+ require('@alfalab/hooks');
11
+ require('../../getDataTestId-da1ddd99.js');
12
12
  require('../addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-7b340665.js');
18
+ var components_content_component = require('../../component-2bda6d29.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- var getDataTestId = require('../../getDataTestId-3a7e2404.js');
7
+ var getDataTestId = require('../../getDataTestId-da1ddd99.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
13
 
14
- var styles = {"component":"pure-cell__component_werrj","none":"pure-cell__none_werrj","default":"pure-cell__default_werrj"};
14
+ var styles = {"component":"pure-cell__component_otj4i","none":"pure-cell__none_otj4i","default":"pure-cell__default_otj4i"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 191gp */
1
+ /* hash: 29yj5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,14 +10,14 @@
10
10
  :root {
11
11
  --gap-xs: 8px;
12
12
  }
13
- .pure-cell__component_werrj {
13
+ .pure-cell__component_otj4i {
14
14
  grid-column: 1/3;
15
15
  display: grid;
16
16
  grid-row-gap: var(--gap-xs)
17
17
  }
18
- .pure-cell__component_werrj.pure-cell__none_werrj {
18
+ .pure-cell__component_otj4i.pure-cell__none_otj4i {
19
19
  margin-top: 0;
20
20
  }
21
- .pure-cell__component_werrj.pure-cell__default_werrj {
21
+ .pure-cell__component_otj4i.pure-cell__default_otj4i {
22
22
  margin-top: var(--gap-xs);
23
23
  }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
6
  require('classnames');
7
- require('../../getDataTestId-3a7e2404.js');
7
+ require('../../getDataTestId-da1ddd99.js');
8
8
  var components_footer_component = require('./component.js');
9
9
 
10
10
 
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
4
+ declare const FooterButton: React.FC<ButtonProps>;
5
+ export { FooterButton };
@@ -2,11 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_footerButton_component = require('../../component-80973026.js');
6
- require('react');
7
- require('../../getDataTestId-3a7e2404.js');
8
- require('@alfalab/core-components-button');
5
+ var tslib_es6 = require('../../tslib.es6-bb39d27e.js');
6
+ var React = require('react');
7
+ var getDataTestId = require('../../getDataTestId-da1ddd99.js');
8
+ var coreComponentsButton = require('@alfalab/core-components-button');
9
9
 
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
13
 
12
- exports.FooterButton = components_footerButton_component.FooterButton;
14
+ var styles = {"component":"pure-cell__component_3w67r"};
15
+ require('./index.css')
16
+
17
+ var FooterButton = function (_a) {
18
+ var children = _a.children, dataTestId = _a.dataTestId, props = tslib_es6.__rest(_a, ["children", "dataTestId"]);
19
+ return (React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, props, { size: 'xxs', dataTestId: getDataTestId.getDataTestId(dataTestId, 'button'), className: styles.component }), children));
20
+ };
21
+
22
+ exports.FooterButton = FooterButton;
@@ -1,4 +1,4 @@
1
- /* hash: vjhl4 */
1
+ /* hash: ramr0 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1cy0p {
10
+ .pure-cell__component_3w67r {
11
11
  justify-self: start;
12
12
  }
@@ -1 +1 @@
1
- export * from "../../component-80973026";
1
+ export * from "./component";
@@ -2,10 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_footerButton_component = require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
- require('../../getDataTestId-3a7e2404.js');
7
+ require('../../getDataTestId-da1ddd99.js');
8
8
  require('@alfalab/core-components-button');
9
+ var components_footerButton_component = require('./component.js');
9
10
 
10
11
 
11
12
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var getDataTestId = require('../../getDataTestId-3a7e2404.js');
6
+ var getDataTestId = require('../../getDataTestId-da1ddd99.js');
7
7
  var coreComponentsTypography = require('@alfalab/core-components-typography');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
- require('../../getDataTestId-3a7e2404.js');
6
+ require('../../getDataTestId-da1ddd99.js');
7
7
  require('@alfalab/core-components-typography');
8
8
  var components_footerText_component = require('./component.js');
9
9
 
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var getDataTestId = require('../../getDataTestId-3a7e2404.js');
6
+ var getDataTestId = require('../../getDataTestId-da1ddd99.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
 
12
- var styles = {"component":"pure-cell__component_1fety"};
12
+ var styles = {"component":"pure-cell__component_10k2m"};
13
13
  require('./index.css')
14
14
 
15
15
  var Graphics = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fwfso */
1
+ /* hash: 3cf6b */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1fety {
10
+ .pure-cell__component_10k2m {
11
11
  flex-basis: auto;
12
12
  }
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
- require('../../getDataTestId-3a7e2404.js');
6
+ require('../../getDataTestId-da1ddd99.js');
7
7
  var components_graphics_component = require('./component.js');
8
8
 
9
9
 
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-3a7e2404.js');
10
+ require('@alfalab/hooks');
11
+ require('../../getDataTestId-da1ddd99.js');
12
12
  require('../addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-7b340665.js');
18
+ var components_content_component = require('../../component-2bda6d29.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -1,4 +1,4 @@
1
- /* hash: djirz */
1
+ /* hash: 15l3t */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,7 +10,7 @@
10
10
  :root {
11
11
  --gap-3xs: 2px;
12
12
  }
13
- .pure-cell__component_1iei5 {
13
+ .pure-cell__component_ti7om {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-self: center;
@@ -18,7 +18,7 @@
18
18
  /* can use /r/n */
19
19
  white-space: pre-line
20
20
  }
21
- .pure-cell__component_1iei5.pure-cell__vertical_1iei5 {
21
+ .pure-cell__component_ti7om.pure-cell__vertical_ti7om {
22
22
  grid-row-gap: var(--gap-3xs);
23
23
  justify-content: center;
24
24
  align-items: center;
@@ -26,6 +26,6 @@
26
26
  /* for button */
27
27
  text-align: center;
28
28
  }
29
- .pure-cell__component_1iei5.pure-cell__reverse_1iei5 {
29
+ .pure-cell__component_ti7om.pure-cell__reverse_ti7om {
30
30
  flex-direction: column-reverse;
31
31
  }
@@ -1 +1 @@
1
- export * from "../../component-7b340665";
1
+ export * from "../../component-2bda6d29";
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-3a7e2404.js');
10
+ require('@alfalab/hooks');
11
+ require('../../getDataTestId-da1ddd99.js');
12
12
  require('../addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-7b340665.js');
18
+ var components_content_component = require('../../component-2bda6d29.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-3a7e2404.js');
10
+ require('@alfalab/hooks');
11
+ require('../../getDataTestId-da1ddd99.js');
12
12
  require('../addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-7b340665.js');
18
+ var components_content_component = require('../../component-2bda6d29.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -1,4 +1,4 @@
1
- /* hash: 1k4g6 */
1
+ /* hash: dcy0a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,31 +11,33 @@
11
11
  --gap-3xs: 2px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .pure-cell__horizontal_174je {
14
+ .pure-cell__horizontal_zjarl {
15
15
  padding: var(--gap-3xs) 0;
16
16
  }
17
- .pure-cell__rowLimit1_174je {
17
+ .pure-cell__rowLimit1_zjarl {
18
18
  display: -webkit-box;
19
19
  -webkit-line-clamp: 1;
20
20
  -webkit-box-orient: vertical;
21
21
  overflow: hidden;
22
+ word-break: break-all;
22
23
  }
23
- .pure-cell__rowLimit2_174je {
24
+ .pure-cell__rowLimit2_zjarl {
24
25
  display: -webkit-box;
25
26
  -webkit-line-clamp: 2;
26
27
  -webkit-box-orient: vertical;
27
28
  overflow: hidden;
28
29
  }
29
- .pure-cell__component_174je {
30
+ .pure-cell__component_zjarl {
30
31
  display: flex;
31
32
  flex-direction: row;
32
33
  flex-wrap: nowrap;
33
34
  justify-content: space-between;
34
35
  margin: var(--gap-3xs) 0;
35
36
  }
36
- .pure-cell__component_174je .pure-cell__vertical_174je {
37
+ .pure-cell__component_zjarl .pure-cell__vertical_zjarl {
37
38
  justify-content: center;
38
39
  }
39
- .pure-cell__title_174je {
40
- margin-right: var(--gap-m);
40
+ .pure-cell__title_zjarl + .pure-cell__value_zjarl {
41
+ margin-left: var(--gap-m);
42
+ flex-shrink: 0;
41
43
  }
@@ -1 +1 @@
1
- export * from "../../component-7b340665";
1
+ export * from "../../component-2bda6d29";
@@ -2,22 +2,23 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-80973026.js');
5
+ require('../../tslib.es6-bb39d27e.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('../../getDataTestId-3a7e2404.js');
10
+ require('@alfalab/hooks');
11
+ require('../../getDataTestId-da1ddd99.js');
12
12
  require('../addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('../amount/component.js');
16
16
  require('../amount-title/component.js');
17
17
  require('../category/component.js');
18
- var components_content_component = require('../../component-7b340665.js');
18
+ var components_content_component = require('../../component-2bda6d29.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
+ require('../footer-button/component.js');
21
22
  require('../footer-text/component.js');
22
23
  require('../graphics/component.js');
23
24
 
@@ -1,5 +1,5 @@
1
- import { CurrencyCodes } from '@alfalab/data';
2
1
  import { ReactNode } from 'react';
2
+ import { CurrencyCodes } from '@alfalab/data';
3
3
  type AmountProps = {
4
4
  /**
5
5
  * Денежное значение в минорных единицах
@@ -16,7 +16,7 @@ type AmountProps = {
16
16
  /**
17
17
  * Количество минорных единиц в валюте
18
18
  */
19
- minority: number;
19
+ minority?: number;
20
20
  /**
21
21
  * Делает минорную часть полупрозрачной
22
22
  */
@@ -24,7 +24,7 @@ type AmountProps = {
24
24
  /**
25
25
  * Количество минорных единиц в валюте для Клика
26
26
  */
27
- minorUnits: number;
27
+ minorUnits?: number;
28
28
  /**
29
29
  * default - не отображаем копейки, если их значение 0
30
30
  * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
4
+ import { ButtonProps } from "@alfalab/core-components-button";
4
5
  import { PureCellElement } from "./components/types";
5
6
  type PureCellContext = {
6
7
  /** Направление */
@@ -44,12 +45,13 @@ type PureCellProps = {
44
45
  type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
45
46
  type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
46
47
  type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
48
+ type PureProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
47
49
  /**
48
50
  * Универсальный конструктор для сборки любой ячейки.
49
51
  *
50
52
  * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
51
53
  */
52
- declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ButtonPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ElementPureCellProps> & React.RefAttributes<HTMLElement>)> & {
54
+ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAttributes<HTMLElement>> & {
53
55
  Main: React.FC<{
54
56
  children: import("./components/types").MainElement;
55
57
  isReverse?: boolean | undefined;
@@ -63,26 +65,23 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
63
65
  Text: React.FC<{
64
66
  children?: React.ReactNode;
65
67
  rowLimit?: 1 | 2 | undefined;
66
- view: "primary-small" | "component";
68
+ view: "component" | "primary-small";
67
69
  titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
68
70
  value?: React.ReactNode;
69
71
  valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
70
72
  dataTestId?: string | undefined;
71
73
  }>;
72
74
  Amount: React.FC<{
73
- amount: import("./components/typesProps").AmountProps;
74
75
  weight?: "bold" | "normal" | undefined;
75
- view?: "primary-small" | "component" | undefined;
76
+ textView?: "component" | "primary-small" | undefined;
76
77
  color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
77
78
  dataTestId?: string | undefined;
78
- }>;
79
+ } & import("./components/typesProps").AmountProps>;
79
80
  AmountTitle: React.FC<{
80
- amount: import("./components/typesProps").AmountProps;
81
81
  color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
82
- dataTestId?: string | undefined;
83
- }>;
82
+ } & import("./components/typesProps").AmountProps>;
84
83
  Addon: React.FC<{
85
- verticalAlign?: "center" | undefined;
84
+ verticalAlign?: "top" | "center" | "bottom" | undefined;
86
85
  addonPadding?: "default" | "none" | undefined;
87
86
  children: import("./components/types").AddonElement;
88
87
  dataTestId?: string | undefined;
@@ -93,11 +92,12 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
93
92
  dataTestId?: string | undefined;
94
93
  }>;
95
94
  ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
96
- FooterButton: React.FC<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>>;
95
+ FooterButton: React.FC<ButtonProps>;
97
96
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
98
97
  Category: React.FC<{
99
98
  categoryName: string;
100
99
  categoryPercent?: number | undefined;
100
+ rightAddons?: React.ReactNode;
101
101
  dataTestId?: string | undefined;
102
102
  }>;
103
103
  };
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var components_footerButton_component = require('./component-22ece846.js');
3
+ var tslib_es6 = require('./tslib.es6-9682e485.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
7
- var hooks = require('@alfalab/hooks');
8
7
  var coreComponentsComment = require('@alfalab/core-components-comment/cssm');
8
+ var hooks = require('@alfalab/hooks');
9
9
  var getDataTestId = require('./getDataTestId-12a31ec3.js');
10
10
  var components_addon_component = require('./components/addon/component.js');
11
11
  var coreComponentsTypography = require('@alfalab/core-components-typography/cssm');
@@ -14,6 +14,7 @@ var components_amountTitle_component = require('./components/amount-title/compon
14
14
  var components_category_component = require('./components/category/component.js');
15
15
  var styles = require('./components/content/index.module.css');
16
16
  var components_footer_component = require('./components/footer/component.js');
17
+ var components_footerButton_component = require('./components/footer-button/component.js');
17
18
  var components_footerText_component = require('./components/footer-text/component.js');
18
19
  var components_graphics_component = require('./components/graphics/component.js');
19
20
  var styles$1 = require('./components/main/index.module.css');
@@ -55,13 +56,14 @@ var Text = function (_a) {
55
56
  _b[styles__default$2['default'].vertical] = direction !== 'horizontal',
56
57
  _b)) },
57
58
  React__default['default'].createElement("span", { className: styles__default$2['default'].title }, typeof children === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
58
- React__default['default'].createElement("span", null, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value))));
59
+ value !== undefined && (React__default['default'].createElement("span", { className: styles__default$2['default'].value }, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
59
60
  };
60
61
 
62
+ // eslint-disable-next-line @typescript-eslint/no-redeclare
61
63
  var PureCellContext = React__default['default'].createContext({});
62
64
  var PureCellComponent = React.forwardRef(function (_a, ref) {
63
65
  var _b, _c;
64
- var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = components_footerButton_component.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
66
+ var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib_es6.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
65
67
  var cellRef = React.useRef(null);
66
68
  var focused = hooks.useFocus(cellRef, 'keyboard')[0];
67
69
  var addClasses = (_b = {},
@@ -76,11 +78,11 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
76
78
  var target = restProps.target;
77
79
  // Для совместимости с react-router-dom, меняем href на to
78
80
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
79
- return (React__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
81
+ return (React__default['default'].createElement(Component, tslib_es6.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
80
82
  React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
81
83
  }
82
84
  if (onClick) {
83
- return (React__default['default'].createElement(Component, components_footerButton_component.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
85
+ return (React__default['default'].createElement(Component, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
84
86
  React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
85
87
  }
86
88
  return (React__default['default'].createElement(Component, { ref: ref, tabIndex: 0, className: cn__default['default'](addClasses, className), "data-test-id": dataTestId },
package/cssm/component.js CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./component-22ece846.js');
5
+ require('./tslib.es6-9682e485.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment/cssm');
10
+ require('@alfalab/hooks');
11
11
  require('./getDataTestId-12a31ec3.js');
12
12
  require('./components/addon/index.module.css');
13
13
  require('./components/addon/component.js');
14
- require('@alfalab/core-components-typography/cssm');
15
14
  require('@alfalab/core-components-amount/cssm');
15
+ require('@alfalab/core-components-typography/cssm');
16
16
  require('./components/amount/index.module.css');
17
17
  require('./components/amount/component.js');
18
18
  require('./components/amount-title/index.module.css');
@@ -20,11 +20,12 @@ require('./components/amount-title/component.js');
20
20
  require('./components/category/index.module.css');
21
21
  require('./components/category/component.js');
22
22
  require('./components/content/index.module.css');
23
- var components_content_component = require('./component-d3306cf3.js');
23
+ var components_content_component = require('./component-c4e268e7.js');
24
24
  require('./components/footer/index.module.css');
25
25
  require('./components/footer/component.js');
26
26
  require('@alfalab/core-components-button/cssm');
27
27
  require('./components/footer-button/index.module.css');
28
+ require('./components/footer-button/component.js');
28
29
  require('./components/footer-text/component.js');
29
30
  require('./components/graphics/index.module.css');
30
31
  require('./components/graphics/component.js');
@@ -5,7 +5,7 @@ type Props = {
5
5
  /**
6
6
  * Вертикальное выравнивание
7
7
  */
8
- verticalAlign?: 'center';
8
+ verticalAlign?: 'top' | 'center' | 'bottom';
9
9
  /**
10
10
  * Горизонтальные отступы
11
11
  */
@@ -14,11 +14,8 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
  var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
15
15
 
16
16
  var Addon = function (_a) {
17
- var _b;
18
- var children = _a.children, verticalAlign = _a.verticalAlign, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
19
- return (React__default['default'].createElement("section", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][addonPadding], (_b = {},
20
- _b[styles__default['default'].center] = verticalAlign,
21
- _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
17
+ var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
18
+ return (React__default['default'].createElement("section", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][addonPadding], styles__default['default'][verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
22
19
  };
23
20
 
24
21
  exports.Addon = Addon;