@alfalab/core-components-pure-cell 4.4.6 → 4.4.8

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 (104) hide show
  1. package/component-5a229016.d.ts +5 -4
  2. package/{component-4b5e64fa.js → component-96a7c3fb.js} +4 -4
  3. package/component.js +1 -1
  4. package/components/addon/component.js +1 -1
  5. package/components/addon/index.css +10 -10
  6. package/components/amount/component.js +1 -1
  7. package/components/amount/index.css +2 -2
  8. package/components/amount-title/component.d.ts +6 -1
  9. package/components/amount-title/component.js +4 -3
  10. package/components/amount-title/index.css +3 -3
  11. package/components/category/component.js +1 -1
  12. package/components/category/index.css +5 -5
  13. package/components/content/component.js +1 -1
  14. package/components/content/index.css +3 -3
  15. package/components/content/index.d.ts +1 -1
  16. package/components/content/index.js +1 -1
  17. package/components/footer/component.js +1 -1
  18. package/components/footer/index.css +4 -4
  19. package/components/footer-button/component.js +1 -1
  20. package/components/footer-button/index.css +2 -2
  21. package/components/graphics/component.js +1 -1
  22. package/components/graphics/index.css +5 -5
  23. package/components/main/component.js +1 -1
  24. package/components/main/index.css +4 -4
  25. package/components/main/index.d.ts +1 -1
  26. package/components/main/index.js +1 -1
  27. package/components/text/component.js +1 -1
  28. package/components/text/index.css +7 -7
  29. package/components/text/index.d.ts +1 -1
  30. package/components/text/index.js +1 -1
  31. package/cssm/component-5a229016.d.ts +1 -0
  32. package/cssm/components/amount-title/component.d.ts +6 -1
  33. package/cssm/components/amount-title/component.js +3 -2
  34. package/esm/{component-f1bbc4bb.js → component-1fdd22ad.js} +4 -4
  35. package/esm/component-5a229016.d.ts +1 -0
  36. package/esm/component.js +1 -1
  37. package/esm/components/addon/component.js +1 -1
  38. package/esm/components/addon/index.css +10 -10
  39. package/esm/components/amount/component.js +1 -1
  40. package/esm/components/amount/index.css +2 -2
  41. package/esm/components/amount-title/component.d.ts +6 -1
  42. package/esm/components/amount-title/component.js +4 -3
  43. package/esm/components/amount-title/index.css +3 -3
  44. package/esm/components/category/component.js +1 -1
  45. package/esm/components/category/index.css +5 -5
  46. package/esm/components/content/component.js +1 -1
  47. package/esm/components/content/index.css +3 -3
  48. package/esm/components/content/index.d.ts +1 -1
  49. package/esm/components/content/index.js +1 -1
  50. package/esm/components/footer/component.js +1 -1
  51. package/esm/components/footer/index.css +4 -4
  52. package/esm/components/footer-button/component.js +1 -1
  53. package/esm/components/footer-button/index.css +2 -2
  54. package/esm/components/graphics/component.js +1 -1
  55. package/esm/components/graphics/index.css +5 -5
  56. package/esm/components/main/component.js +1 -1
  57. package/esm/components/main/index.css +4 -4
  58. package/esm/components/main/index.d.ts +1 -1
  59. package/esm/components/main/index.js +1 -1
  60. package/esm/components/text/component.js +1 -1
  61. package/esm/components/text/index.css +7 -7
  62. package/esm/components/text/index.d.ts +1 -1
  63. package/esm/components/text/index.js +1 -1
  64. package/esm/index.css +21 -21
  65. package/esm/index.js +1 -1
  66. package/index.css +21 -21
  67. package/index.js +1 -1
  68. package/modern/component-5a229016.d.ts +1 -0
  69. package/modern/{component-a2ea98d2.js → component-e13c9ce5.js} +4 -4
  70. package/modern/component.js +1 -1
  71. package/modern/components/addon/component.js +1 -1
  72. package/modern/components/addon/index.css +10 -10
  73. package/modern/components/amount/component.js +1 -1
  74. package/modern/components/amount/index.css +2 -2
  75. package/modern/components/amount-title/component.d.ts +6 -1
  76. package/modern/components/amount-title/component.js +11 -3
  77. package/modern/components/amount-title/index.css +3 -3
  78. package/modern/components/category/component.js +1 -1
  79. package/modern/components/category/index.css +5 -5
  80. package/modern/components/content/component.js +1 -1
  81. package/modern/components/content/index.css +3 -3
  82. package/modern/components/content/index.d.ts +1 -1
  83. package/modern/components/content/index.js +1 -1
  84. package/modern/components/footer/component.js +1 -1
  85. package/modern/components/footer/index.css +4 -4
  86. package/modern/components/footer-button/component.js +1 -1
  87. package/modern/components/footer-button/index.css +2 -2
  88. package/modern/components/graphics/component.js +1 -1
  89. package/modern/components/graphics/index.css +5 -5
  90. package/modern/components/main/component.js +1 -1
  91. package/modern/components/main/index.css +4 -4
  92. package/modern/components/main/index.d.ts +1 -1
  93. package/modern/components/main/index.js +1 -1
  94. package/modern/components/text/component.js +1 -1
  95. package/modern/components/text/index.css +7 -7
  96. package/modern/components/text/index.d.ts +1 -1
  97. package/modern/components/text/index.js +1 -1
  98. package/modern/index.css +21 -21
  99. package/modern/index.js +1 -1
  100. package/package.json +3 -3
  101. package/src/components/amount-title/component.tsx +32 -18
  102. /package/{component-4b5e64fa.d.ts → component-96a7c3fb.d.ts} +0 -0
  103. /package/esm/{component-f1bbc4bb.d.ts → component-1fdd22ad.d.ts} +0 -0
  104. /package/modern/{component-a2ea98d2.d.ts → component-e13c9ce5.d.ts} +0 -0
@@ -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_18rvi","horizontal":"pure-cell__horizontal_18rvi"};
18
+ var styles$3 = {"component":"pure-cell__component_ynmzf","horizontal":"pure-cell__horizontal_ynmzf"};
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_15f6p","vertical":"pure-cell__vertical_15f6p","reverse":"pure-cell__reverse_15f6p"};
28
+ var styles$2 = {"component":"pure-cell__component_g8q0w","vertical":"pure-cell__vertical_g8q0w","reverse":"pure-cell__reverse_g8q0w"};
29
29
  require('./components/main/index.css')
30
30
 
31
31
  var Main = function (_a) {
@@ -37,7 +37,7 @@ 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_s9n5c","rowLimit1":"pure-cell__rowLimit1_s9n5c","rowLimit2":"pure-cell__rowLimit2_s9n5c","component":"pure-cell__component_s9n5c","vertical":"pure-cell__vertical_s9n5c","title":"pure-cell__title_s9n5c","value":"pure-cell__value_s9n5c"};
40
+ var styles$1 = {"horizontal":"pure-cell__horizontal_1bkom","rowLimit1":"pure-cell__rowLimit1_1bkom","rowLimit2":"pure-cell__rowLimit2_1bkom","component":"pure-cell__component_1bkom","vertical":"pure-cell__vertical_1bkom","title":"pure-cell__title_1bkom","value":"pure-cell__value_1bkom"};
41
41
  require('./components/text/index.css')
42
42
 
43
43
  var Text = function (_a) {
@@ -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_1cf4m","horizontal":"pure-cell__horizontal_1cf4m","vertical":"pure-cell__vertical_1cf4m","button":"pure-cell__button_1cf4m","link":"pure-cell__link_1cf4m","none":"pure-cell__none_1cf4m","airy":"pure-cell__airy_1cf4m","defaultPadding":"pure-cell__defaultPadding_1cf4m","compact":"pure-cell__compact_1cf4m","tiny":"pure-cell__tiny_1cf4m","left":"pure-cell__left_1cf4m","right":"pure-cell__right_1cf4m","both":"pure-cell__both_1cf4m","focused":"pure-cell__focused_1cf4m"};
57
+ var styles = {"component":"pure-cell__component_1l3r5","horizontal":"pure-cell__horizontal_1l3r5","vertical":"pure-cell__vertical_1l3r5","button":"pure-cell__button_1l3r5","link":"pure-cell__link_1l3r5","none":"pure-cell__none_1l3r5","airy":"pure-cell__airy_1l3r5","defaultPadding":"pure-cell__defaultPadding_1l3r5","compact":"pure-cell__compact_1l3r5","tiny":"pure-cell__tiny_1l3r5","left":"pure-cell__left_1l3r5","right":"pure-cell__right_1l3r5","both":"pure-cell__both_1l3r5","focused":"pure-cell__focused_1l3r5"};
58
58
  require('./index.css')
59
59
 
60
60
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -81,6 +81,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
81
81
  } & import("./components/typesProps").AmountProps>;
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
+ titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
84
85
  } & import("./components/typesProps").AmountProps>;
85
86
  Addon: React.FC<{
86
87
  verticalAlign?: "center" | "auto" | "top" | "bottom" | undefined;
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-f1bbc4bb.js';
11
+ export { P as PureCell, a as PureCellContext } from './component-1fdd22ad.js';
12
12
  import './components/footer/component.js';
13
13
  import './components/footer-button/component.js';
14
14
  import './components/footer-text/component.js';
@@ -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_cumag","none":"pure-cell__none_cumag","default":"pure-cell__default_cumag","addonPadding":"pure-cell__addonPadding_cumag","auto":"pure-cell__auto_cumag","top":"pure-cell__top_cumag","center":"pure-cell__center_cumag","bottom":"pure-cell__bottom_cumag"};
5
+ var styles = {"component":"pure-cell__component_1grpe","none":"pure-cell__none_1grpe","default":"pure-cell__default_1grpe","addonPadding":"pure-cell__addonPadding_1grpe","auto":"pure-cell__auto_1grpe","top":"pure-cell__top_1grpe","center":"pure-cell__center_1grpe","bottom":"pure-cell__bottom_1grpe"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 15aov */
1
+ /* hash: cvesp */
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_cumag {
18
+ } .pure-cell__component_1grpe {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  align-items: flex-end
22
- } .pure-cell__component_cumag > * {
22
+ } .pure-cell__component_1grpe > * {
23
23
  justify-content: flex-end;
24
- } .pure-cell__component_cumag.pure-cell__none_cumag {
24
+ } .pure-cell__component_1grpe.pure-cell__none_1grpe {
25
25
  padding-left: 0;
26
- } .pure-cell__component_cumag.pure-cell__default_cumag {
26
+ } .pure-cell__component_1grpe.pure-cell__default_1grpe {
27
27
  padding-left: var(--gap-m);
28
- } .pure-cell__component_cumag.pure-cell__addonPadding_cumag {
28
+ } .pure-cell__component_1grpe.pure-cell__addonPadding_1grpe {
29
29
  padding-left: var(--gap-m);
30
- } .pure-cell__component_cumag.pure-cell__auto_cumag {
30
+ } .pure-cell__component_1grpe.pure-cell__auto_1grpe {
31
31
  align-self: auto;
32
- } .pure-cell__component_cumag.pure-cell__top_cumag {
32
+ } .pure-cell__component_1grpe.pure-cell__top_1grpe {
33
33
  align-self: flex-start;
34
- } .pure-cell__component_cumag.pure-cell__center_cumag {
34
+ } .pure-cell__component_1grpe.pure-cell__center_1grpe {
35
35
  align-self: center;
36
- } .pure-cell__component_cumag.pure-cell__bottom_cumag {
36
+ } .pure-cell__component_1grpe.pure-cell__bottom_1grpe {
37
37
  align-self: flex-end;
38
38
  }
@@ -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_10fy4"};
8
+ var styles = {"component":"pure-cell__component_vcxu7"};
9
9
  require('./index.css')
10
10
 
11
11
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: hq2md */
1
+ /* hash: 1db00 */
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_10fy4 {
18
+ } .pure-cell__component_vcxu7 {
19
19
  padding: var(--gap-3xs) 0;
20
20
  display: flex;
21
21
  }
@@ -1,12 +1,17 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { Color } from "@alfalab/core-components-typography";
3
+ import { Color, TitleProps } from "@alfalab/core-components-typography";
4
4
  import { AmountProps as AmountType } from "../typesProps";
5
5
  type Props = {
6
6
  /**
7
7
  * Цвет денежного значения
8
+ * @deprecated Используйте titleProps.color
8
9
  */
9
10
  color?: Color;
11
+ /**
12
+ * Пропсы, которые будут прокинуты в компонент типографики
13
+ */
14
+ titleProps?: TitleProps;
10
15
  } & AmountType;
11
16
  declare const AmountTitle: React.FC<Props>;
12
17
  export { AmountTitle };
@@ -5,12 +5,13 @@ import { Amount } 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_1oxbb","weight":"pure-cell__weight_1oxbb"};
8
+ var styles = {"component":"pure-cell__component_lr061","weight":"pure-cell__weight_lr061"};
9
9
  require('./index.css')
10
10
 
11
11
  var AmountTitle = function (_a) {
12
- var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, restProps = __rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId"]);
13
- return (React.createElement(Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
12
+ var minority = _a.minority, _b = _a.minorUnits, minorUnits = _b === void 0 ? 100 : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? 'primary' : _c, dataTestId = _a.dataTestId, _d = _a.titleProps, titleProps = _d === void 0 ? {} : _d, restProps = __rest(_a, ["minority", "minorUnits", "className", "color", "dataTestId", "titleProps"]);
13
+ var titleDefaultProps = __assign({ tag: 'h4', view: 'small', color: color }, titleProps);
14
+ return (React.createElement(Typography.Title, __assign({}, titleDefaultProps, { dataTestId: getDataTestId(dataTestId, 'amount-title'), className: cn(styles.component, titleProps.className) }),
14
15
  React.createElement(Amount, __assign({ minority: minority || minorUnits, className: cn(styles.weight, className), dataTestId: getDataTestId(dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
15
16
  };
16
17
 
@@ -1,4 +1,4 @@
1
- /* hash: jeiiv */
1
+ /* hash: 1ezfx */
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,8 +14,8 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .pure-cell__component_1oxbb {
17
+ } .pure-cell__component_lr061 {
18
18
  display: flex;
19
- } .pure-cell__weight_1oxbb {
19
+ } .pure-cell__weight_lr061 {
20
20
  font-weight: inherit;
21
21
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
3
3
  import { Typography } from '@alfalab/core-components-typography/esm';
4
4
 
5
- var styles = {"component":"pure-cell__component_1v99b","categoryName":"pure-cell__categoryName_1v99b","categoryPercent":"pure-cell__categoryPercent_1v99b","rightAddon":"pure-cell__rightAddon_1v99b"};
5
+ var styles = {"component":"pure-cell__component_6yue9","categoryName":"pure-cell__categoryName_6yue9","categoryPercent":"pure-cell__categoryPercent_6yue9","rightAddon":"pure-cell__rightAddon_6yue9"};
6
6
  require('./index.css')
7
7
 
8
8
  var Category = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: jc32g */
1
+ /* hash: 1ex0g */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --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 */
@@ -19,21 +19,21 @@
19
19
  --gap-xs: 8px;
20
20
  } :root {
21
21
  } :root {
22
- } .pure-cell__component_1v99b {
22
+ } .pure-cell__component_6yue9 {
23
23
  display: flex;
24
24
  overflow: hidden;
25
25
  padding: var(--gap-3xs) 0;
26
- } .pure-cell__categoryName_1v99b {
26
+ } .pure-cell__categoryName_6yue9 {
27
27
  display: -webkit-box;
28
28
  -webkit-line-clamp: 1;
29
29
  -webkit-box-orient: vertical;
30
30
  overflow: hidden;
31
31
  word-break: break-all;
32
- } .pure-cell__categoryPercent_1v99b {
32
+ } .pure-cell__categoryPercent_6yue9 {
33
33
  padding: 0 var(--gap-xs);
34
34
  background-color: var(--color-light-bg-secondary);
35
35
  border-radius: var(--border-radius-xl);
36
36
  margin-left: var(--gap-2xs);
37
- } .pure-cell__rightAddon_1v99b {
37
+ } .pure-cell__rightAddon_6yue9 {
38
38
  margin-left: var(--gap-2xs);
39
39
  }
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/esm';
4
- export { C as Content } from '../../component-f1bbc4bb.js';
4
+ export { C as Content } from '../../component-1fdd22ad.js';
5
5
  import 'tslib';
6
6
  import 'react-merge-refs';
7
7
  import '@alfalab/core-components-comment/esm';
@@ -1,4 +1,4 @@
1
- /* hash: jtdpa */
1
+ /* hash: 1wgss */
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,11 +14,11 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .pure-cell__component_18rvi {
17
+ } .pure-cell__component_ynmzf {
18
18
  flex-basis: 100%;
19
19
  display: grid;
20
20
  grid-template-columns: 1fr auto
21
- } .pure-cell__component_18rvi.pure-cell__horizontal_18rvi {
21
+ } .pure-cell__component_ynmzf.pure-cell__horizontal_ynmzf {
22
22
  /* for button */
23
23
  align-self: stretch;
24
24
  }
@@ -1 +1 @@
1
- export * from "../../component-f1bbc4bb";
1
+ export * from "../../component-1fdd22ad";
@@ -1,4 +1,4 @@
1
- export { C as Content } from '../../component-f1bbc4bb.js';
1
+ export { C as Content } from '../../component-1fdd22ad.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -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_1774c","none":"pure-cell__none_1774c","default":"pure-cell__default_1774c"};
5
+ var styles = {"component":"pure-cell__component_1y3og","none":"pure-cell__none_1y3og","default":"pure-cell__default_1y3og"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ygm0 */
1
+ /* hash: v0fcg */
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,12 +15,12 @@
15
15
  --gap-xs: 8px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_1774c {
18
+ } .pure-cell__component_1y3og {
19
19
  grid-column: 1/3;
20
20
  display: grid;
21
21
  grid-row-gap: var(--gap-xs)
22
- } .pure-cell__component_1774c.pure-cell__none_1774c {
22
+ } .pure-cell__component_1y3og.pure-cell__none_1y3og {
23
23
  margin-top: 0;
24
- } .pure-cell__component_1774c.pure-cell__default_1774c {
24
+ } .pure-cell__component_1y3og.pure-cell__default_1y3og {
25
25
  margin-top: var(--gap-xs);
26
26
  }
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { Button } from '@alfalab/core-components-button/esm';
4
4
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
5
 
6
- var styles = {"component":"pure-cell__component_11my8"};
6
+ var styles = {"component":"pure-cell__component_2xpgr"};
7
7
  require('./index.css')
8
8
 
9
9
  var FooterButton = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1gbl8 */
1
+ /* hash: 3o65m */
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,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .pure-cell__component_11my8 {
17
+ } .pure-cell__component_2xpgr {
18
18
  justify-self: start;
19
19
  }
@@ -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_4tv7j","top":"pure-cell__top_4tv7j","center":"pure-cell__center_4tv7j","bottom":"pure-cell__bottom_4tv7j"};
5
+ var styles = {"component":"pure-cell__component_18hyj","top":"pure-cell__top_18hyj","center":"pure-cell__center_18hyj","bottom":"pure-cell__bottom_18hyj"};
6
6
  require('./index.css')
7
7
 
8
8
  var Graphics = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1myjp */
1
+ /* hash: pjy5u */
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
- } .pure-cell__component_4tv7j {
17
+ } .pure-cell__component_18hyj {
18
18
  display: inline-flex;
19
19
  flex-basis: auto;
20
- } .pure-cell__top_4tv7j {
20
+ } .pure-cell__top_18hyj {
21
21
  align-self: flex-start;
22
- } .pure-cell__center_4tv7j {
22
+ } .pure-cell__center_18hyj {
23
23
  align-self: center;
24
- } .pure-cell__bottom_4tv7j {
24
+ } .pure-cell__bottom_18hyj {
25
25
  align-self: flex-end;
26
26
  }
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/esm';
4
- export { M as Main } from '../../component-f1bbc4bb.js';
4
+ export { M as Main } from '../../component-1fdd22ad.js';
5
5
  import 'tslib';
6
6
  import 'react-merge-refs';
7
7
  import '@alfalab/core-components-comment/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 12vvz */
1
+ /* hash: 1p9ky */
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,20 +15,20 @@
15
15
  --gap-3xs: 2px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_15f6p {
18
+ } .pure-cell__component_g8q0w {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  align-self: center;
22
22
 
23
23
  /* can use /r/n */
24
24
  white-space: pre-line
25
- } .pure-cell__component_15f6p.pure-cell__vertical_15f6p {
25
+ } .pure-cell__component_g8q0w.pure-cell__vertical_g8q0w {
26
26
  grid-row-gap: var(--gap-3xs);
27
27
  justify-content: center;
28
28
  align-items: center;
29
29
 
30
30
  /* for button */
31
31
  text-align: center;
32
- } .pure-cell__component_15f6p.pure-cell__reverse_15f6p {
32
+ } .pure-cell__component_g8q0w.pure-cell__reverse_g8q0w {
33
33
  flex-direction: column-reverse;
34
34
  }
@@ -1 +1 @@
1
- export * from "../../component-f1bbc4bb";
1
+ export * from "../../component-1fdd22ad";
@@ -1,4 +1,4 @@
1
- export { M as Main } from '../../component-f1bbc4bb.js';
1
+ export { M as Main } from '../../component-1fdd22ad.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -2,7 +2,7 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-shared/esm';
4
4
  import '@alfalab/core-components-typography/esm';
5
- export { T as Text } from '../../component-f1bbc4bb.js';
5
+ export { T as Text } from '../../component-1fdd22ad.js';
6
6
  import 'tslib';
7
7
  import 'react-merge-refs';
8
8
  import '@alfalab/core-components-comment/esm';
@@ -1,4 +1,4 @@
1
- /* hash: aihf9 */
1
+ /* hash: 163et */
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_s9n5c {
19
+ } .pure-cell__horizontal_1bkom {
20
20
  padding: var(--gap-3xs) 0;
21
- } .pure-cell__rowLimit1_s9n5c {
21
+ } .pure-cell__rowLimit1_1bkom {
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_s9n5c {
27
+ } .pure-cell__rowLimit2_1bkom {
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_s9n5c {
32
+ } .pure-cell__component_1bkom {
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_s9n5c .pure-cell__vertical_s9n5c {
39
+ } .pure-cell__component_1bkom .pure-cell__vertical_1bkom {
40
40
  justify-content: center;
41
- } .pure-cell__title_s9n5c + .pure-cell__value_s9n5c {
41
+ } .pure-cell__title_1bkom + .pure-cell__value_1bkom {
42
42
  margin-left: var(--gap-m);
43
43
  flex-shrink: 0;
44
44
  }
@@ -1 +1 @@
1
- export * from "../../component-f1bbc4bb";
1
+ export * from "../../component-1fdd22ad";
@@ -1,4 +1,4 @@
1
- export { T as Text } from '../../component-f1bbc4bb.js';
1
+ export { T as Text } from '../../component-1fdd22ad.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: pv4xl */
1
+ /* hash: 1wgyw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,21 @@
20
20
  } :root {
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
- } .pure-cell__component_1cf4m {
23
+ } .pure-cell__component_1l3r5 {
24
24
  text-align: unset;
25
25
  box-sizing: border-box;
26
- } .pure-cell__horizontal_1cf4m {
26
+ } .pure-cell__horizontal_1l3r5 {
27
27
  display: flex;
28
28
  width: 100%
29
- } .pure-cell__horizontal_1cf4m > section:not(:last-child) {
29
+ } .pure-cell__horizontal_1l3r5 > section:not(:last-child) {
30
30
  margin-right: var(--gap-m);
31
- } .pure-cell__vertical_1cf4m {
31
+ } .pure-cell__vertical_1l3r5 {
32
32
  display: flex;
33
33
  align-items: center;
34
34
  flex-direction: column
35
- } .pure-cell__vertical_1cf4m > section:not(:last-child) {
35
+ } .pure-cell__vertical_1l3r5 > section:not(:last-child) {
36
36
  margin-bottom: var(--gap-s);
37
- } .pure-cell__button_1cf4m {
37
+ } .pure-cell__button_1l3r5 {
38
38
  font-family: inherit;
39
39
  background: none;
40
40
  border: 0;
@@ -42,37 +42,37 @@
42
42
  cursor: pointer;
43
43
  transition: opacity 0.15s ease-in-out;
44
44
  padding: 0
45
- } .pure-cell__button_1cf4m:hover {
45
+ } .pure-cell__button_1l3r5:hover {
46
46
  opacity: 0.8;
47
- } .pure-cell__button_1cf4m:active {
47
+ } .pure-cell__button_1l3r5:active {
48
48
  opacity: 0.6;
49
- } .pure-cell__link_1cf4m {
49
+ } .pure-cell__link_1l3r5 {
50
50
  text-decoration: none;
51
51
  color: inherit;
52
52
  cursor: pointer;
53
53
  transition: opacity 0.15s ease-in-out
54
- } .pure-cell__link_1cf4m:hover {
54
+ } .pure-cell__link_1l3r5:hover {
55
55
  opacity: 0.8;
56
- } .pure-cell__link_1cf4m:active {
56
+ } .pure-cell__link_1l3r5:active {
57
57
  opacity: 0.6;
58
- } .pure-cell__none_1cf4m {
58
+ } .pure-cell__none_1l3r5 {
59
59
  padding: 0;
60
- } .pure-cell__airy_1cf4m {
60
+ } .pure-cell__airy_1l3r5 {
61
61
  padding: var(--gap-m) 0;
62
- } .pure-cell__defaultPadding_1cf4m {
62
+ } .pure-cell__defaultPadding_1l3r5 {
63
63
  padding: var(--gap-s) 0;
64
- } .pure-cell__compact_1cf4m {
64
+ } .pure-cell__compact_1l3r5 {
65
65
  padding: var(--gap-xs) 0;
66
- } .pure-cell__tiny_1cf4m {
66
+ } .pure-cell__tiny_1l3r5 {
67
67
  padding: var(--gap-2xs) 0;
68
- } .pure-cell__left_1cf4m {
68
+ } .pure-cell__left_1l3r5 {
69
69
  padding-left: var(--gap-m);
70
- } .pure-cell__right_1cf4m {
70
+ } .pure-cell__right_1l3r5 {
71
71
  padding-right: var(--gap-m);
72
- } .pure-cell__both_1cf4m {
72
+ } .pure-cell__both_1l3r5 {
73
73
  padding-right: var(--gap-m);
74
74
  padding-left: var(--gap-m);
75
- } .pure-cell__focused_1cf4m {
75
+ } .pure-cell__focused_1l3r5 {
76
76
  outline: 2px solid var(--focus-color);
77
77
  outline-offset: 2px;
78
78
  }
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { P as PureCell } from './component-f1bbc4bb.js';
1
+ export { P as PureCell } from './component-1fdd22ad.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';