@alfalab/core-components-pure-cell 4.1.8 → 4.1.10

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 (142) hide show
  1. package/{component-c9ec1393.d.ts → component-d9194093.d.ts} +0 -0
  2. package/{component-c9ec1393.js → component-d9194093.js} +6 -6
  3. package/component.js +3 -3
  4. package/components/addon/component.js +2 -2
  5. package/components/addon/index.css +17 -19
  6. package/components/addon/index.js +1 -1
  7. package/components/amount/component.js +3 -3
  8. package/components/amount/index.css +10 -5
  9. package/components/amount/index.js +2 -2
  10. package/components/amount-title/component.js +3 -3
  11. package/components/amount-title/index.css +11 -5
  12. package/components/amount-title/index.js +2 -2
  13. package/components/category/component.js +2 -2
  14. package/components/category/index.css +14 -16
  15. package/components/category/index.js +1 -1
  16. package/components/content/component.js +3 -3
  17. package/components/content/index.css +11 -5
  18. package/components/content/index.d.ts +1 -1
  19. package/components/content/index.js +3 -3
  20. package/components/footer/component.js +2 -2
  21. package/components/footer/index.css +12 -9
  22. package/components/footer/index.js +1 -1
  23. package/components/footer-button/component.js +3 -3
  24. package/components/footer-button/index.css +10 -3
  25. package/components/footer-button/index.js +2 -2
  26. package/components/footer-text/component.js +1 -1
  27. package/components/footer-text/index.js +1 -1
  28. package/components/graphics/component.js +2 -2
  29. package/components/graphics/index.css +13 -9
  30. package/components/graphics/index.js +1 -1
  31. package/components/main/component.js +3 -3
  32. package/components/main/index.css +12 -9
  33. package/components/main/index.d.ts +1 -1
  34. package/components/main/index.js +3 -3
  35. package/components/text/component.js +3 -3
  36. package/components/text/index.css +15 -16
  37. package/components/text/index.d.ts +1 -1
  38. package/components/text/index.js +3 -3
  39. package/cssm/components/addon/index.module.css +16 -18
  40. package/cssm/components/amount/index.module.css +9 -4
  41. package/cssm/components/amount-title/index.module.css +10 -4
  42. package/cssm/components/category/index.module.css +13 -15
  43. package/cssm/components/content/index.module.css +10 -4
  44. package/cssm/components/footer/index.module.css +11 -8
  45. package/cssm/components/footer-button/index.module.css +9 -2
  46. package/cssm/components/graphics/index.module.css +12 -8
  47. package/cssm/components/main/index.module.css +11 -8
  48. package/cssm/components/text/index.module.css +14 -15
  49. package/cssm/index.module.css +28 -46
  50. package/esm/{component-834138e7.d.ts → component-fafe2cb3.d.ts} +0 -0
  51. package/esm/{component-834138e7.js → component-fafe2cb3.js} +6 -6
  52. package/esm/component.js +3 -3
  53. package/esm/components/addon/component.js +2 -2
  54. package/esm/components/addon/index.css +17 -19
  55. package/esm/components/addon/index.js +1 -1
  56. package/esm/components/amount/component.js +3 -3
  57. package/esm/components/amount/index.css +10 -5
  58. package/esm/components/amount/index.js +2 -2
  59. package/esm/components/amount-title/component.js +3 -3
  60. package/esm/components/amount-title/index.css +11 -5
  61. package/esm/components/amount-title/index.js +2 -2
  62. package/esm/components/category/component.js +2 -2
  63. package/esm/components/category/index.css +14 -16
  64. package/esm/components/category/index.js +1 -1
  65. package/esm/components/content/component.js +3 -3
  66. package/esm/components/content/index.css +11 -5
  67. package/esm/components/content/index.d.ts +1 -1
  68. package/esm/components/content/index.js +3 -3
  69. package/esm/components/footer/component.js +2 -2
  70. package/esm/components/footer/index.css +12 -9
  71. package/esm/components/footer/index.js +1 -1
  72. package/esm/components/footer-button/component.js +3 -3
  73. package/esm/components/footer-button/index.css +10 -3
  74. package/esm/components/footer-button/index.js +2 -2
  75. package/esm/components/footer-text/component.js +1 -1
  76. package/esm/components/footer-text/index.js +1 -1
  77. package/esm/components/graphics/component.js +2 -2
  78. package/esm/components/graphics/index.css +13 -9
  79. package/esm/components/graphics/index.js +1 -1
  80. package/esm/components/main/component.js +3 -3
  81. package/esm/components/main/index.css +12 -9
  82. package/esm/components/main/index.d.ts +1 -1
  83. package/esm/components/main/index.js +3 -3
  84. package/esm/components/text/component.js +3 -3
  85. package/esm/components/text/index.css +15 -16
  86. package/esm/components/text/index.d.ts +1 -1
  87. package/esm/components/text/index.js +3 -3
  88. package/esm/{getDataTestId-ed5109df.d.ts → getDataTestId-5cbe94d4.d.ts} +0 -0
  89. package/esm/{getDataTestId-ed5109df.js → getDataTestId-5cbe94d4.js} +0 -0
  90. package/esm/index.css +29 -47
  91. package/esm/index.js +3 -3
  92. package/esm/{tslib.es6-84b555f6.d.ts → tslib.es6-faae201a.d.ts} +0 -0
  93. package/esm/{tslib.es6-84b555f6.js → tslib.es6-faae201a.js} +0 -0
  94. package/{getDataTestId-bb2d280b.d.ts → getDataTestId-24f1a34d.d.ts} +0 -0
  95. package/{getDataTestId-bb2d280b.js → getDataTestId-24f1a34d.js} +0 -0
  96. package/index.css +29 -47
  97. package/index.js +3 -3
  98. package/modern/{component-b51e5788.d.ts → component-e7dc125a.d.ts} +0 -0
  99. package/modern/{component-b51e5788.js → component-e7dc125a.js} +5 -5
  100. package/modern/component.js +2 -2
  101. package/modern/components/addon/component.js +2 -2
  102. package/modern/components/addon/index.css +17 -19
  103. package/modern/components/addon/index.js +1 -1
  104. package/modern/components/amount/component.js +2 -2
  105. package/modern/components/amount/index.css +10 -5
  106. package/modern/components/amount/index.js +1 -1
  107. package/modern/components/amount-title/component.js +2 -2
  108. package/modern/components/amount-title/index.css +11 -5
  109. package/modern/components/amount-title/index.js +1 -1
  110. package/modern/components/category/component.js +2 -2
  111. package/modern/components/category/index.css +14 -16
  112. package/modern/components/category/index.js +1 -1
  113. package/modern/components/content/component.js +2 -2
  114. package/modern/components/content/index.css +11 -5
  115. package/modern/components/content/index.d.ts +1 -1
  116. package/modern/components/content/index.js +2 -2
  117. package/modern/components/footer/component.js +2 -2
  118. package/modern/components/footer/index.css +12 -9
  119. package/modern/components/footer/index.js +1 -1
  120. package/modern/components/footer-button/component.js +2 -2
  121. package/modern/components/footer-button/index.css +10 -3
  122. package/modern/components/footer-button/index.js +1 -1
  123. package/modern/components/footer-text/component.js +1 -1
  124. package/modern/components/footer-text/index.js +1 -1
  125. package/modern/components/graphics/component.js +2 -2
  126. package/modern/components/graphics/index.css +13 -9
  127. package/modern/components/graphics/index.js +1 -1
  128. package/modern/components/main/component.js +2 -2
  129. package/modern/components/main/index.css +12 -9
  130. package/modern/components/main/index.d.ts +1 -1
  131. package/modern/components/main/index.js +2 -2
  132. package/modern/components/text/component.js +2 -2
  133. package/modern/components/text/index.css +15 -16
  134. package/modern/components/text/index.d.ts +1 -1
  135. package/modern/components/text/index.js +2 -2
  136. package/modern/{getDataTestId-29b06530.d.ts → getDataTestId-b209a23f.d.ts} +0 -0
  137. package/modern/{getDataTestId-29b06530.js → getDataTestId-b209a23f.js} +0 -0
  138. package/modern/index.css +29 -47
  139. package/modern/index.js +2 -2
  140. package/package.json +4 -4
  141. /package/{tslib.es6-d99cf8c0.d.ts → tslib.es6-30deefff.d.ts} +0 -0
  142. /package/{tslib.es6-d99cf8c0.js → tslib.es6-30deefff.js} +0 -0
@@ -3,7 +3,7 @@
3
3
  var components_graphics_component = require('./component.js');
4
4
  require('react');
5
5
  require('classnames');
6
- require('../../getDataTestId-bb2d280b.js');
6
+ require('../../getDataTestId-24f1a34d.js');
7
7
 
8
8
 
9
9
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  require('react');
4
4
  require('classnames');
5
- require('../../getDataTestId-bb2d280b.js');
6
- var components_content_component = require('../../component-c9ec1393.js');
7
- require('../../tslib.es6-d99cf8c0.js');
5
+ require('../../getDataTestId-24f1a34d.js');
6
+ var components_content_component = require('../../component-d9194093.js');
7
+ require('../../tslib.es6-30deefff.js');
8
8
  require('react-merge-refs');
9
9
  require('@alfalab/core-components-comment');
10
10
  require('@alfalab/hooks');
@@ -1,31 +1,34 @@
1
- /* hash: a6bqd */
1
+ /* hash: smq7h */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-3xs: 2px;
12
- }
13
- .pure-cell__component_25bkr {
16
+ } :root {
17
+ } :root {
18
+ } .pure-cell__component_ymuzq {
14
19
  display: flex;
15
20
  flex-direction: column;
16
21
  align-self: center;
17
22
 
18
23
  /* can use /r/n */
19
24
  white-space: pre-line
20
- }
21
- .pure-cell__component_25bkr.pure-cell__vertical_25bkr {
25
+ } .pure-cell__component_ymuzq.pure-cell__vertical_ymuzq {
22
26
  grid-row-gap: var(--gap-3xs);
23
27
  justify-content: center;
24
28
  align-items: center;
25
29
 
26
30
  /* for button */
27
31
  text-align: center;
28
- }
29
- .pure-cell__component_25bkr.pure-cell__reverse_25bkr {
32
+ } .pure-cell__component_ymuzq.pure-cell__reverse_ymuzq {
30
33
  flex-direction: column-reverse;
31
34
  }
@@ -1 +1 @@
1
- export * from "../../component-c9ec1393";
1
+ export * from "../../component-d9194093";
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var components_content_component = require('../../component-c9ec1393.js');
4
- require('../../tslib.es6-d99cf8c0.js');
3
+ var components_content_component = require('../../component-d9194093.js');
4
+ require('../../tslib.es6-30deefff.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-comment');
9
9
  require('@alfalab/hooks');
10
10
  require('../addon/component.js');
11
- require('../../getDataTestId-bb2d280b.js');
11
+ require('../../getDataTestId-24f1a34d.js');
12
12
  require('../amount/component.js');
13
13
  require('@alfalab/core-components-amount');
14
14
  require('@alfalab/core-components-typography');
@@ -3,9 +3,9 @@
3
3
  require('react');
4
4
  require('classnames');
5
5
  require('@alfalab/core-components-typography');
6
- require('../../getDataTestId-bb2d280b.js');
7
- var components_content_component = require('../../component-c9ec1393.js');
8
- require('../../tslib.es6-d99cf8c0.js');
6
+ require('../../getDataTestId-24f1a34d.js');
7
+ var components_content_component = require('../../component-d9194093.js');
8
+ require('../../tslib.es6-30deefff.js');
9
9
  require('react-merge-refs');
10
10
  require('@alfalab/core-components-comment');
11
11
  require('@alfalab/hooks');
@@ -1,45 +1,44 @@
1
- /* hash: 16b3d */
1
+ /* hash: ekdwm */
2
2
  :root {
3
+ } /* deprecated */ :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
3
7
 
4
8
  /* Hard */
5
9
 
6
10
  /* Up */
7
11
 
8
12
  /* Hard up */
9
- }
10
- :root {
13
+ } :root {
14
+ } :root {
11
15
  --gap-3xs: 2px;
12
16
  --gap-m: 16px;
13
- }
14
- .pure-cell__horizontal_12mih {
17
+ } :root {
18
+ } :root {
19
+ } .pure-cell__horizontal_1ln4r {
15
20
  padding: var(--gap-3xs) 0;
16
- }
17
- .pure-cell__rowLimit1_12mih {
21
+ } .pure-cell__rowLimit1_1ln4r {
18
22
  -webkit-line-clamp: 1;
19
23
  display: -webkit-box;
20
24
  -webkit-box-orient: vertical;
21
25
  overflow: hidden;
22
26
  word-break: break-all;
23
- }
24
- .pure-cell__rowLimit2_12mih {
27
+ } .pure-cell__rowLimit2_1ln4r {
25
28
  -webkit-line-clamp: 2;
26
29
  display: -webkit-box;
27
30
  -webkit-box-orient: vertical;
28
31
  overflow: hidden;
29
- word-break: break-all;
30
- }
31
- .pure-cell__component_12mih {
32
+ } .pure-cell__component_1ln4r {
32
33
  display: flex;
33
34
  flex-direction: row;
34
35
  flex-wrap: nowrap;
35
36
  justify-content: space-between;
36
37
  margin: var(--gap-3xs) 0;
37
38
  word-break: break-word;
38
- }
39
- .pure-cell__component_12mih .pure-cell__vertical_12mih {
39
+ } .pure-cell__component_1ln4r .pure-cell__vertical_1ln4r {
40
40
  justify-content: center;
41
- }
42
- .pure-cell__title_12mih + .pure-cell__value_12mih {
41
+ } .pure-cell__title_1ln4r + .pure-cell__value_1ln4r {
43
42
  margin-left: var(--gap-m);
44
43
  flex-shrink: 0;
45
44
  }
@@ -1 +1 @@
1
- export * from "../../component-c9ec1393";
1
+ export * from "../../component-d9194093";
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var components_content_component = require('../../component-c9ec1393.js');
4
- require('../../tslib.es6-d99cf8c0.js');
3
+ var components_content_component = require('../../component-d9194093.js');
4
+ require('../../tslib.es6-30deefff.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-comment');
9
9
  require('@alfalab/hooks');
10
10
  require('../addon/component.js');
11
- require('../../getDataTestId-bb2d280b.js');
11
+ require('../../getDataTestId-24f1a34d.js');
12
12
  require('../amount/component.js');
13
13
  require('@alfalab/core-components-amount');
14
14
  require('@alfalab/core-components-typography');
@@ -1,37 +1,35 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-m: 16px;
11
- }
12
- .component {
15
+ } :root {
16
+ } :root {
17
+ } .component {
13
18
  display: flex;
14
19
  flex-direction: column;
15
20
  align-items: flex-end
16
- }
17
- .component > * {
21
+ } .component > * {
18
22
  justify-content: flex-end;
19
- }
20
- .component.none {
23
+ } .component.none {
21
24
  padding-left: 0;
22
- }
23
- .component.default {
25
+ } .component.default {
24
26
  padding-left: var(--gap-m);
25
- }
26
- .component.addonPadding {
27
+ } .component.addonPadding {
27
28
  padding-left: var(--gap-m);
28
- }
29
- .component.top {
29
+ } .component.top {
30
30
  align-self: flex-start;
31
- }
32
- .component.center {
31
+ } .component.center {
33
32
  align-self: center;
34
- }
35
- .component.bottom {
33
+ } .component.bottom {
36
34
  align-self: flex-end;
37
35
  }
@@ -1,15 +1,20 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-3xs: 2px;
11
- }
12
- .component {
15
+ } :root {
16
+ } :root {
17
+ } .component {
13
18
  padding: var(--gap-3xs) 0;
14
19
  display: flex;
15
20
  }
@@ -1,14 +1,20 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- .component {
12
+ } :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } .component {
10
17
  display: flex;
11
- }
12
- .weight {
18
+ } .weight {
13
19
  font-weight: inherit;
14
20
  }
@@ -1,40 +1,38 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-bg-secondary: #f3f4f5;
3
- }
4
- :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
5
7
 
6
8
  /* Hard */
7
9
 
8
10
  /* Up */
9
11
 
10
12
  /* Hard up */
11
- }
12
- :root {
13
+ } :root {
14
+ --border-radius-xl: 16px;
15
+ } :root {
13
16
  --gap-3xs: 2px;
14
17
  --gap-2xs: 4px;
15
18
  --gap-xs: 8px;
16
- }
17
- :root {
18
- --border-radius-xl: 16px;
19
- }
20
- .component {
19
+ } :root {
20
+ } :root {
21
+ } .component {
21
22
  display: flex;
22
23
  overflow: hidden;
23
24
  padding: var(--gap-3xs) 0;
24
- }
25
- .categoryName {
25
+ } .categoryName {
26
26
  display: -webkit-box;
27
27
  -webkit-line-clamp: 1;
28
28
  -webkit-box-orient: vertical;
29
29
  overflow: hidden;
30
30
  word-break: break-all;
31
- }
32
- .categoryPercent {
31
+ } .categoryPercent {
33
32
  padding: 0 var(--gap-xs);
34
33
  background-color: var(--color-light-bg-secondary);
35
34
  border-radius: var(--border-radius-xl);
36
35
  margin-left: var(--gap-2xs);
37
- }
38
- .rightAddon {
36
+ } .rightAddon {
39
37
  margin-left: var(--gap-2xs);
40
38
  }
@@ -1,17 +1,23 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- .component {
12
+ } :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } .component {
10
17
  flex-basis: 100%;
11
18
  display: grid;
12
19
  grid-template-columns: 1fr auto
13
- }
14
- .component.horizontal {
20
+ } .component.horizontal {
15
21
  /* for button */
16
22
  align-self: stretch;
17
23
  }
@@ -1,22 +1,25 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-xs: 8px;
11
- }
12
- .component {
15
+ } :root {
16
+ } :root {
17
+ } .component {
13
18
  grid-column: 1/3;
14
19
  display: grid;
15
20
  grid-row-gap: var(--gap-xs)
16
- }
17
- .component.none {
21
+ } .component.none {
18
22
  margin-top: 0;
19
- }
20
- .component.default {
23
+ } .component.default {
21
24
  margin-top: var(--gap-xs);
22
25
  }
@@ -1,11 +1,18 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- .component {
12
+ } :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } .component {
10
17
  justify-self: start;
11
18
  }
@@ -1,20 +1,24 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- .component {
12
+ } :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } .component {
10
17
  flex-basis: auto;
11
- }
12
- .top {
18
+ } .top {
13
19
  align-self: flex-start;
14
- }
15
- .center {
20
+ } .center {
16
21
  align-self: center;
17
- }
18
- .bottom {
22
+ } .bottom {
19
23
  align-self: flex-end;
20
24
  }
@@ -1,30 +1,33 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-3xs: 2px;
11
- }
12
- .component {
15
+ } :root {
16
+ } :root {
17
+ } .component {
13
18
  display: flex;
14
19
  flex-direction: column;
15
20
  align-self: center;
16
21
 
17
22
  /* can use /r/n */
18
23
  white-space: pre-line
19
- }
20
- .component.vertical {
24
+ } .component.vertical {
21
25
  grid-row-gap: var(--gap-3xs);
22
26
  justify-content: center;
23
27
  align-items: center;
24
28
 
25
29
  /* for button */
26
30
  text-align: center;
27
- }
28
- .component.reverse {
31
+ } .component.reverse {
29
32
  flex-direction: column-reverse;
30
33
  }
@@ -1,44 +1,43 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
3
+ } :root {
4
+ } :root {
5
+ } :root {
2
6
 
3
7
  /* Hard */
4
8
 
5
9
  /* Up */
6
10
 
7
11
  /* Hard up */
8
- }
9
- :root {
12
+ } :root {
13
+ } :root {
10
14
  --gap-3xs: 2px;
11
15
  --gap-m: 16px;
12
- }
13
- .horizontal {
16
+ } :root {
17
+ } :root {
18
+ } .horizontal {
14
19
  padding: var(--gap-3xs) 0;
15
- }
16
- .rowLimit1 {
20
+ } .rowLimit1 {
17
21
  -webkit-line-clamp: 1;
18
22
  display: -webkit-box;
19
23
  -webkit-box-orient: vertical;
20
24
  overflow: hidden;
21
25
  word-break: break-all;
22
- }
23
- .rowLimit2 {
26
+ } .rowLimit2 {
24
27
  -webkit-line-clamp: 2;
25
28
  display: -webkit-box;
26
29
  -webkit-box-orient: vertical;
27
30
  overflow: hidden;
28
- word-break: break-all;
29
- }
30
- .component {
31
+ } .component {
31
32
  display: flex;
32
33
  flex-direction: row;
33
34
  flex-wrap: nowrap;
34
35
  justify-content: space-between;
35
36
  margin: var(--gap-3xs) 0;
36
37
  word-break: break-word;
37
- }
38
- .component .vertical {
38
+ } .component .vertical {
39
39
  justify-content: center;
40
- }
41
- .title + .value {
40
+ } .title + .value {
42
41
  margin-left: var(--gap-m);
43
42
  flex-shrink: 0;
44
43
  }