@alfalab/core-components-pure-cell 6.0.5 → 6.0.6-alfasans

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 (88) hide show
  1. package/component.d.ts +1 -0
  2. package/components/addon/index.css +12 -12
  3. package/components/addon/index.module.css.js +1 -1
  4. package/components/amount/index.css +3 -3
  5. package/components/amount/index.module.css.js +1 -1
  6. package/components/amount-title/index.css +13 -13
  7. package/components/amount-title/index.module.css.js +1 -1
  8. package/components/category/index.css +4 -4
  9. package/components/category/index.module.css.js +1 -1
  10. package/components/content/index.css +2 -2
  11. package/components/content/index.module.css.js +1 -1
  12. package/components/footer/component.d.ts +4 -0
  13. package/components/footer/component.js +2 -2
  14. package/components/footer/component.js.map +1 -1
  15. package/components/footer/index.css +3 -3
  16. package/components/footer/index.module.css.js +1 -1
  17. package/components/footer-button/index.css +1 -1
  18. package/components/footer-button/index.module.css.js +1 -1
  19. package/components/graphics/index.css +19 -19
  20. package/components/graphics/index.module.css.js +1 -1
  21. package/components/main/index.css +6 -6
  22. package/components/main/index.module.css.js +1 -1
  23. package/components/text/index.css +6 -6
  24. package/components/text/index.module.css.js +1 -1
  25. package/cssm/component.d.ts +1 -0
  26. package/cssm/components/footer/component.d.ts +4 -0
  27. package/cssm/components/footer/component.js +2 -2
  28. package/cssm/components/footer/component.js.map +1 -1
  29. package/esm/component.d.ts +1 -0
  30. package/esm/components/addon/index.css +12 -12
  31. package/esm/components/addon/index.module.css.js +1 -1
  32. package/esm/components/amount/index.css +3 -3
  33. package/esm/components/amount/index.module.css.js +1 -1
  34. package/esm/components/amount-title/index.css +13 -13
  35. package/esm/components/amount-title/index.module.css.js +1 -1
  36. package/esm/components/category/index.css +4 -4
  37. package/esm/components/category/index.module.css.js +1 -1
  38. package/esm/components/content/index.css +2 -2
  39. package/esm/components/content/index.module.css.js +1 -1
  40. package/esm/components/footer/component.d.ts +4 -0
  41. package/esm/components/footer/component.js +2 -2
  42. package/esm/components/footer/component.js.map +1 -1
  43. package/esm/components/footer/index.css +3 -3
  44. package/esm/components/footer/index.module.css.js +1 -1
  45. package/esm/components/footer-button/index.css +1 -1
  46. package/esm/components/footer-button/index.module.css.js +1 -1
  47. package/esm/components/graphics/index.css +19 -19
  48. package/esm/components/graphics/index.module.css.js +1 -1
  49. package/esm/components/main/index.css +6 -6
  50. package/esm/components/main/index.module.css.js +1 -1
  51. package/esm/components/text/index.css +6 -6
  52. package/esm/components/text/index.module.css.js +1 -1
  53. package/esm/index.css +28 -28
  54. package/esm/index.module.css.js +1 -1
  55. package/index.css +28 -28
  56. package/index.module.css.js +1 -1
  57. package/modern/component.d.ts +1 -0
  58. package/modern/components/addon/index.css +12 -12
  59. package/modern/components/addon/index.module.css.js +1 -1
  60. package/modern/components/amount/index.css +3 -3
  61. package/modern/components/amount/index.module.css.js +1 -1
  62. package/modern/components/amount-title/index.css +13 -13
  63. package/modern/components/amount-title/index.module.css.js +1 -1
  64. package/modern/components/category/index.css +4 -4
  65. package/modern/components/category/index.module.css.js +1 -1
  66. package/modern/components/content/index.css +2 -2
  67. package/modern/components/content/index.module.css.js +1 -1
  68. package/modern/components/footer/component.d.ts +4 -0
  69. package/modern/components/footer/component.js +2 -2
  70. package/modern/components/footer/component.js.map +1 -1
  71. package/modern/components/footer/index.css +3 -3
  72. package/modern/components/footer/index.module.css.js +1 -1
  73. package/modern/components/footer-button/index.css +1 -1
  74. package/modern/components/footer-button/index.module.css.js +1 -1
  75. package/modern/components/graphics/index.css +19 -19
  76. package/modern/components/graphics/index.module.css.js +1 -1
  77. package/modern/components/main/index.css +6 -6
  78. package/modern/components/main/index.module.css.js +1 -1
  79. package/modern/components/text/index.css +6 -6
  80. package/modern/components/text/index.module.css.js +1 -1
  81. package/modern/index.css +28 -28
  82. package/modern/index.module.css.js +1 -1
  83. package/moderncssm/component.d.ts +1 -0
  84. package/moderncssm/components/footer/component.d.ts +4 -0
  85. package/moderncssm/components/footer/component.js +2 -2
  86. package/moderncssm/components/footer/component.js.map +1 -1
  87. package/package.json +8 -8
  88. package/src/components/footer/component.tsx +12 -2
package/component.d.ts CHANGED
@@ -113,6 +113,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
113
113
  children: import("./components/types").FooterElement;
114
114
  footerPadding?: "default" | "none";
115
115
  dataTestId?: string;
116
+ className?: string;
116
117
  }>;
117
118
  ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
118
119
  FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
@@ -10,36 +10,36 @@
10
10
  --pure-cell-clickable-area-hover-opacity: 1;
11
11
  --pure-cell-clickable-area-active-opacity: 1;
12
12
  }
13
- .pure-cell__component_11tg0 {
13
+ .pure-cell__component_frbz0 {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-items: flex-end;
17
17
  }
18
- .pure-cell__component_11tg0 > * {
18
+ .pure-cell__component_frbz0 > * {
19
19
  justify-content: flex-end;
20
20
  }
21
- .pure-cell__component_11tg0.pure-cell__none_11tg0 {
21
+ .pure-cell__component_frbz0.pure-cell__none_frbz0 {
22
22
  padding-left: var(--gap-0);
23
23
  }
24
- .pure-cell__component_11tg0.pure-cell__default_11tg0 {
24
+ .pure-cell__component_frbz0.pure-cell__default_frbz0 {
25
25
  padding-left: var(--gap-16);
26
26
  }
27
- .pure-cell__component_11tg0.pure-cell__addonPadding_11tg0 {
27
+ .pure-cell__component_frbz0.pure-cell__addonPadding_frbz0 {
28
28
  padding-left: var(--gap-16);
29
29
  }
30
- .pure-cell__component_11tg0.pure-cell__auto_11tg0 {
30
+ .pure-cell__component_frbz0.pure-cell__auto_frbz0 {
31
31
  align-self: auto;
32
32
  }
33
- .pure-cell__component_11tg0.pure-cell__top_11tg0 {
33
+ .pure-cell__component_frbz0.pure-cell__top_frbz0 {
34
34
  align-self: flex-start;
35
35
  }
36
- .pure-cell__component_11tg0.pure-cell__center_11tg0 {
36
+ .pure-cell__component_frbz0.pure-cell__center_frbz0 {
37
37
  align-self: center;
38
38
  }
39
- .pure-cell__component_11tg0.pure-cell__bottom_11tg0 {
39
+ .pure-cell__component_frbz0.pure-cell__bottom_frbz0 {
40
40
  align-self: flex-end;
41
41
  }
42
- .pure-cell__button_11tg0 {
42
+ .pure-cell__button_frbz0 {
43
43
  -webkit-tap-highlight-color: transparent;
44
44
  box-sizing: border-box;
45
45
  background-color: transparent;
@@ -61,9 +61,9 @@
61
61
  padding: var(--gap-0);
62
62
  transition: opacity 0.15s ease-in-out;
63
63
  }
64
- .pure-cell__button_11tg0:hover {
64
+ .pure-cell__button_frbz0:hover {
65
65
  opacity: var(--pure-cell-clickable-area-hover-opacity);
66
66
  }
67
- .pure-cell__button_11tg0:active {
67
+ .pure-cell__button_frbz0:active {
68
68
  opacity: var(--pure-cell-clickable-area-active-opacity);
69
69
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_11tg0","none":"pure-cell__none_11tg0","default":"pure-cell__default_11tg0","addonPadding":"pure-cell__addonPadding_11tg0","auto":"pure-cell__auto_11tg0","top":"pure-cell__top_11tg0","center":"pure-cell__center_11tg0","bottom":"pure-cell__bottom_11tg0","button":"pure-cell__button_11tg0"};
5
+ var styles = {"component":"pure-cell__component_frbz0","none":"pure-cell__none_frbz0","default":"pure-cell__default_frbz0","addonPadding":"pure-cell__addonPadding_frbz0","auto":"pure-cell__auto_frbz0","top":"pure-cell__top_frbz0","center":"pure-cell__center_frbz0","bottom":"pure-cell__bottom_frbz0","button":"pure-cell__button_frbz0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -12,18 +12,18 @@
12
12
  --gap-2: var(--gap-3xs);
13
13
  --gap-8: var(--gap-xs);
14
14
  }
15
- .pure-cell__component_1d9lz {
15
+ .pure-cell__component_11nqn {
16
16
  padding: var(--gap-2) var(--gap-0);
17
17
  display: flex;
18
18
  }
19
- .pure-cell__hidden_1d9lz {
19
+ .pure-cell__hidden_11nqn {
20
20
  background: var(--color-light-neutral-translucent-400);
21
21
  border-radius: var(--border-radius-8);
22
22
  display: inline-block;
23
23
  height: 24px;
24
24
  width: 120px;
25
25
  }
26
- .pure-cell__hiddenWrapper_1d9lz {
26
+ .pure-cell__hiddenWrapper_11nqn {
27
27
  display: flex;
28
28
  padding: var(--gap-8) var(--gap-0);
29
29
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_1d9lz","hidden":"pure-cell__hidden_1d9lz","hiddenWrapper":"pure-cell__hiddenWrapper_1d9lz"};
5
+ var styles = {"component":"pure-cell__component_11nqn","hidden":"pure-cell__hidden_11nqn","hiddenWrapper":"pure-cell__hiddenWrapper_11nqn"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -16,49 +16,49 @@
16
16
  --gap-12: var(--gap-s);
17
17
  --gap-16: var(--gap-m);
18
18
  }
19
- .pure-cell__component_4wd2z {
19
+ .pure-cell__component_1jl41 {
20
20
  display: flex;
21
21
  }
22
- .pure-cell__hidden_4wd2z {
22
+ .pure-cell__hidden_1jl41 {
23
23
  background: var(--color-light-neutral-translucent-400);
24
24
  border-radius: var(--border-radius-8);
25
25
  display: inline-block;
26
26
  }
27
- .pure-cell__hidden-xsmall_4wd2z {
27
+ .pure-cell__hidden-xsmall_1jl41 {
28
28
  height: 16px;
29
29
  width: 88px;
30
30
  }
31
- .pure-cell__hidden-small_4wd2z {
31
+ .pure-cell__hidden-small_1jl41 {
32
32
  height: 18px;
33
33
  width: 100px;
34
34
  }
35
- .pure-cell__hidden-medium_4wd2z {
35
+ .pure-cell__hidden-medium_1jl41 {
36
36
  height: 24px;
37
37
  width: 120px;
38
38
  }
39
- .pure-cell__hidden-large_4wd2z {
39
+ .pure-cell__hidden-large_1jl41 {
40
40
  height: 28px;
41
41
  width: 136px;
42
42
  }
43
- .pure-cell__hidden-xlarge_4wd2z {
43
+ .pure-cell__hidden-xlarge_1jl41 {
44
44
  height: 32px;
45
45
  width: 156px;
46
46
  }
47
- .pure-cell__hiddenWrapper_4wd2z {
47
+ .pure-cell__hiddenWrapper_1jl41 {
48
48
  display: flex;
49
49
  }
50
- .pure-cell__hiddenWrapper-xsmall_4wd2z {
50
+ .pure-cell__hiddenWrapper-xsmall_1jl41 {
51
51
  padding: var(--gap-4) var(--gap-0);
52
52
  }
53
- .pure-cell__hiddenWrapper-small_4wd2z {
53
+ .pure-cell__hiddenWrapper-small_1jl41 {
54
54
  padding: var(--gap-8) var(--gap-0);
55
55
  }
56
- .pure-cell__hiddenWrapper-medium_4wd2z {
56
+ .pure-cell__hiddenWrapper-medium_1jl41 {
57
57
  padding: var(--gap-8) var(--gap-0);
58
58
  }
59
- .pure-cell__hiddenWrapper-large_4wd2z {
59
+ .pure-cell__hiddenWrapper-large_1jl41 {
60
60
  padding: var(--gap-12) var(--gap-0);
61
61
  }
62
- .pure-cell__hiddenWrapper-xlarge_4wd2z {
62
+ .pure-cell__hiddenWrapper-xlarge_1jl41 {
63
63
  padding: var(--gap-16) var(--gap-0);
64
64
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_4wd2z","hidden":"pure-cell__hidden_4wd2z","hidden-xsmall":"pure-cell__hidden-xsmall_4wd2z","hidden-small":"pure-cell__hidden-small_4wd2z","hidden-medium":"pure-cell__hidden-medium_4wd2z","hidden-large":"pure-cell__hidden-large_4wd2z","hidden-xlarge":"pure-cell__hidden-xlarge_4wd2z","hiddenWrapper":"pure-cell__hiddenWrapper_4wd2z","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_4wd2z","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_4wd2z","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_4wd2z","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_4wd2z","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_4wd2z"};
5
+ var styles = {"component":"pure-cell__component_1jl41","hidden":"pure-cell__hidden_1jl41","hidden-xsmall":"pure-cell__hidden-xsmall_1jl41","hidden-small":"pure-cell__hidden-small_1jl41","hidden-medium":"pure-cell__hidden-medium_1jl41","hidden-large":"pure-cell__hidden-large_1jl41","hidden-xlarge":"pure-cell__hidden-xlarge_1jl41","hiddenWrapper":"pure-cell__hiddenWrapper_1jl41","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1jl41","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1jl41","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1jl41","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1jl41","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1jl41"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -14,24 +14,24 @@
14
14
  --gap-4: var(--gap-2xs);
15
15
  --gap-8: var(--gap-xs);
16
16
  }
17
- .pure-cell__component_4txmj {
17
+ .pure-cell__component_17cit {
18
18
  display: flex;
19
19
  overflow: hidden;
20
20
  padding: var(--gap-2) var(--gap-0);
21
21
  }
22
- .pure-cell__categoryName_4txmj {
22
+ .pure-cell__categoryName_17cit {
23
23
  display: -webkit-box;
24
24
  -webkit-line-clamp: 1;
25
25
  -webkit-box-orient: vertical;
26
26
  overflow: hidden;
27
27
  word-break: break-all;
28
28
  }
29
- .pure-cell__categoryPercent_4txmj {
29
+ .pure-cell__categoryPercent_17cit {
30
30
  padding: var(--gap-0) var(--gap-8);
31
31
  background-color: var(--color-light-base-bg-secondary);
32
32
  border-radius: var(--border-radius-16);
33
33
  margin-left: var(--gap-4);
34
34
  }
35
- .pure-cell__rightAddon_4txmj {
35
+ .pure-cell__rightAddon_17cit {
36
36
  margin-left: var(--gap-4);
37
37
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_4txmj","categoryName":"pure-cell__categoryName_4txmj","categoryPercent":"pure-cell__categoryPercent_4txmj","rightAddon":"pure-cell__rightAddon_4txmj"};
5
+ var styles = {"component":"pure-cell__component_17cit","categoryName":"pure-cell__categoryName_17cit","categoryPercent":"pure-cell__categoryPercent_17cit","rightAddon":"pure-cell__rightAddon_17cit"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,8 +1,8 @@
1
- .pure-cell__component_mdpy8 {
1
+ .pure-cell__component_zlztz {
2
2
  flex-basis: 100%;
3
3
  display: grid;
4
4
  grid-template-columns: 1fr auto;
5
5
  }
6
- .pure-cell__component_mdpy8.pure-cell__horizontal_mdpy8 {
6
+ .pure-cell__component_zlztz.pure-cell__horizontal_zlztz {
7
7
  align-self: stretch;
8
8
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_mdpy8","horizontal":"pure-cell__horizontal_mdpy8"};
5
+ var styles = {"component":"pure-cell__component_zlztz","horizontal":"pure-cell__horizontal_zlztz"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -14,6 +14,10 @@ type Props = {
14
14
  * Используется модификатор -footer
15
15
  */
16
16
  dataTestId?: string;
17
+ /**
18
+ * Дополнительный класс
19
+ */
20
+ className?: string;
17
21
  };
18
22
  export declare const Footer: React.FC<Props>;
19
23
  export {};
@@ -14,9 +14,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
16
  var Footer = function (_a) {
17
- var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
17
+ var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId, className = _a.className;
18
18
  var pureCellContext = React.useContext(context.PureCellContext);
19
- return (React__default.default.createElement("footer", { className: cn__default.default(index_module.component, index_module[footerPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
19
+ return (React__default.default.createElement("footer", { className: cn__default.default(index_module.component, index_module[footerPadding], className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
20
20
  };
21
21
 
22
22
  exports.Footer = Footer;
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Компоненты\n */\n children: FooterElement;\n\n /**\n * Вертикальные отступы\n */\n footerPadding?: 'default' | 'none';\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -footer\n */\n dataTestId?: string;\n};\n\nexport const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <footer\n className={cn(styles.component, styles[footerPadding])}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n >\n {children}\n </footer>\n );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA4BO,IAAM,MAAM,GAAoB,UAAC,EAAmD,EAAA;QAAjD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAyB,EAAzB,aAAa,mBAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACrF,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAAC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Компоненты\n */\n children: FooterElement;\n\n /**\n * Вертикальные отступы\n */\n footerPadding?: 'default' | 'none';\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -footer\n */\n dataTestId?: string;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n};\n\nexport const Footer: React.FC<Props> = ({\n children,\n footerPadding = 'default',\n dataTestId,\n className,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <footer\n className={cn(styles.component, styles[footerPadding], className)}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n >\n {children}\n </footer>\n );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AAiCO,IAAM,MAAM,GAAoB,UAAC,EAKvC,EAAA;AAJG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAEA,YAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,EAAA,cAAA,EACnDC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
@@ -3,14 +3,14 @@
3
3
  --gap-0: 0px;
4
4
  --gap-8: var(--gap-xs);
5
5
  }
6
- .pure-cell__component_uz1b2 {
6
+ .pure-cell__component_1jhb4 {
7
7
  grid-column: 1/3;
8
8
  display: grid;
9
9
  grid-row-gap: var(--gap-8);
10
10
  }
11
- .pure-cell__component_uz1b2.pure-cell__none_uz1b2 {
11
+ .pure-cell__component_1jhb4.pure-cell__none_1jhb4 {
12
12
  margin-top: var(--gap-0);
13
13
  }
14
- .pure-cell__component_uz1b2.pure-cell__default_uz1b2 {
14
+ .pure-cell__component_1jhb4.pure-cell__default_1jhb4 {
15
15
  margin-top: var(--gap-8);
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_uz1b2","none":"pure-cell__none_uz1b2","default":"pure-cell__default_uz1b2"};
5
+ var styles = {"component":"pure-cell__component_1jhb4","none":"pure-cell__none_1jhb4","default":"pure-cell__default_1jhb4"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,3 +1,3 @@
1
- .pure-cell__component_1dr8z {
1
+ .pure-cell__component_ikwju {
2
2
  justify-self: start;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_1dr8z"};
5
+ var styles = {"component":"pure-cell__component_ikwju"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -18,56 +18,56 @@
18
18
  --pure-cell-clickable-area-hover-opacity: 1;
19
19
  --pure-cell-clickable-area-active-opacity: 1;
20
20
  }
21
- .pure-cell__component_pik4g {
21
+ .pure-cell__component_nezbo {
22
22
  display: inline-flex;
23
23
  flex-basis: auto;
24
24
  }
25
- .pure-cell__top_pik4g {
25
+ .pure-cell__top_nezbo {
26
26
  align-self: flex-start;
27
27
  }
28
- .pure-cell__center_pik4g {
28
+ .pure-cell__center_nezbo {
29
29
  align-self: center;
30
30
  }
31
- .pure-cell__bottom_pik4g {
31
+ .pure-cell__bottom_nezbo {
32
32
  align-self: flex-end;
33
33
  }
34
- .pure-cell__horizontal_pik4g.pure-cell__none_pik4g:not(:last-child) {
34
+ .pure-cell__horizontal_nezbo.pure-cell__none_nezbo:not(:last-child) {
35
35
  margin-right: var(--gap-0);
36
36
  }
37
- .pure-cell__horizontal_pik4g.pure-cell__max_pik4g:not(:last-child) {
37
+ .pure-cell__horizontal_nezbo.pure-cell__max_nezbo:not(:last-child) {
38
38
  margin-right: var(--gap-24);
39
39
  }
40
- .pure-cell__horizontal_pik4g.pure-cell__airy_pik4g:not(:last-child) {
40
+ .pure-cell__horizontal_nezbo.pure-cell__airy_nezbo:not(:last-child) {
41
41
  margin-right: var(--gap-16);
42
42
  }
43
- .pure-cell__horizontal_pik4g.pure-cell__default_pik4g:not(:last-child) {
43
+ .pure-cell__horizontal_nezbo.pure-cell__default_nezbo:not(:last-child) {
44
44
  margin-right: var(--gap-12);
45
45
  }
46
- .pure-cell__horizontal_pik4g.pure-cell__compact_pik4g:not(:last-child) {
46
+ .pure-cell__horizontal_nezbo.pure-cell__compact_nezbo:not(:last-child) {
47
47
  margin-right: var(--gap-8);
48
48
  }
49
- .pure-cell__horizontal_pik4g.pure-cell__tiny_pik4g:not(:last-child) {
49
+ .pure-cell__horizontal_nezbo.pure-cell__tiny_nezbo:not(:last-child) {
50
50
  margin-right: var(--gap-4);
51
51
  }
52
- .pure-cell__vertical_pik4g.pure-cell__none_pik4g:not(:last-child) {
52
+ .pure-cell__vertical_nezbo.pure-cell__none_nezbo:not(:last-child) {
53
53
  margin-bottom: var(--gap-0);
54
54
  }
55
- .pure-cell__vertical_pik4g.pure-cell__max_pik4g:not(:last-child) {
55
+ .pure-cell__vertical_nezbo.pure-cell__max_nezbo:not(:last-child) {
56
56
  margin-bottom: var(--gap-24);
57
57
  }
58
- .pure-cell__vertical_pik4g.pure-cell__airy_pik4g:not(:last-child) {
58
+ .pure-cell__vertical_nezbo.pure-cell__airy_nezbo:not(:last-child) {
59
59
  margin-bottom: var(--gap-16);
60
60
  }
61
- .pure-cell__vertical_pik4g.pure-cell__default_pik4g:not(:last-child) {
61
+ .pure-cell__vertical_nezbo.pure-cell__default_nezbo:not(:last-child) {
62
62
  margin-bottom: var(--gap-12);
63
63
  }
64
- .pure-cell__vertical_pik4g.pure-cell__compact_pik4g:not(:last-child) {
64
+ .pure-cell__vertical_nezbo.pure-cell__compact_nezbo:not(:last-child) {
65
65
  margin-bottom: var(--gap-8);
66
66
  }
67
- .pure-cell__vertical_pik4g.pure-cell__tiny_pik4g:not(:last-child) {
67
+ .pure-cell__vertical_nezbo.pure-cell__tiny_nezbo:not(:last-child) {
68
68
  margin-bottom: var(--gap-4);
69
69
  }
70
- .pure-cell__button_pik4g {
70
+ .pure-cell__button_nezbo {
71
71
  -webkit-tap-highlight-color: transparent;
72
72
  box-sizing: border-box;
73
73
  background-color: transparent;
@@ -90,9 +90,9 @@
90
90
  transition: opacity 0.15s ease-in-out;
91
91
  min-width: auto;
92
92
  }
93
- .pure-cell__button_pik4g:hover {
93
+ .pure-cell__button_nezbo:hover {
94
94
  opacity: var(--pure-cell-clickable-area-hover-opacity);
95
95
  }
96
- .pure-cell__button_pik4g:active {
96
+ .pure-cell__button_nezbo:active {
97
97
  opacity: var(--pure-cell-clickable-area-active-opacity);
98
98
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_pik4g","top":"pure-cell__top_pik4g","center":"pure-cell__center_pik4g","bottom":"pure-cell__bottom_pik4g","horizontal":"pure-cell__horizontal_pik4g","none":"pure-cell__none_pik4g","max":"pure-cell__max_pik4g","airy":"pure-cell__airy_pik4g","default":"pure-cell__default_pik4g","compact":"pure-cell__compact_pik4g","tiny":"pure-cell__tiny_pik4g","vertical":"pure-cell__vertical_pik4g","button":"pure-cell__button_pik4g"};
5
+ var styles = {"component":"pure-cell__component_nezbo","top":"pure-cell__top_nezbo","center":"pure-cell__center_nezbo","bottom":"pure-cell__bottom_nezbo","horizontal":"pure-cell__horizontal_nezbo","none":"pure-cell__none_nezbo","max":"pure-cell__max_nezbo","airy":"pure-cell__airy_nezbo","default":"pure-cell__default_nezbo","compact":"pure-cell__compact_nezbo","tiny":"pure-cell__tiny_nezbo","vertical":"pure-cell__vertical_nezbo","button":"pure-cell__button_nezbo"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -10,22 +10,22 @@
10
10
  --pure-cell-clickable-area-hover-opacity: 1;
11
11
  --pure-cell-clickable-area-active-opacity: 1;
12
12
  }
13
- .pure-cell__component_1paz0 {
13
+ .pure-cell__component_1bhmy {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-self: center;
17
17
  white-space: pre-line;
18
18
  }
19
- .pure-cell__component_1paz0.pure-cell__vertical_1paz0 {
19
+ .pure-cell__component_1bhmy.pure-cell__vertical_1bhmy {
20
20
  grid-row-gap: var(--gap-2);
21
21
  justify-content: center;
22
22
  align-items: center;
23
23
  text-align: center;
24
24
  }
25
- .pure-cell__component_1paz0.pure-cell__reverse_1paz0 {
25
+ .pure-cell__component_1bhmy.pure-cell__reverse_1bhmy {
26
26
  flex-direction: column-reverse;
27
27
  }
28
- .pure-cell__component_1paz0.pure-cell__button_1paz0 {
28
+ .pure-cell__component_1bhmy.pure-cell__button_1bhmy {
29
29
  -webkit-tap-highlight-color: transparent;
30
30
  box-sizing: border-box;
31
31
  background-color: transparent;
@@ -48,9 +48,9 @@
48
48
  transition: opacity 0.15s ease-in-out;
49
49
  min-width: auto;
50
50
  }
51
- .pure-cell__component_1paz0.pure-cell__button_1paz0:hover {
51
+ .pure-cell__component_1bhmy.pure-cell__button_1bhmy:hover {
52
52
  opacity: var(--pure-cell-clickable-area-hover-opacity);
53
53
  }
54
- .pure-cell__component_1paz0.pure-cell__button_1paz0:active {
54
+ .pure-cell__component_1bhmy.pure-cell__button_1bhmy:active {
55
55
  opacity: var(--pure-cell-clickable-area-active-opacity);
56
56
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_1paz0","vertical":"pure-cell__vertical_1paz0","reverse":"pure-cell__reverse_1paz0","button":"pure-cell__button_1paz0"};
5
+ var styles = {"component":"pure-cell__component_1bhmy","vertical":"pure-cell__vertical_1bhmy","reverse":"pure-cell__reverse_1bhmy","button":"pure-cell__button_1bhmy"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -5,23 +5,23 @@
5
5
  --gap-2: var(--gap-3xs);
6
6
  --gap-16: var(--gap-m);
7
7
  }
8
- .pure-cell__horizontal_1620s {
8
+ .pure-cell__horizontal_afo6d {
9
9
  padding: var(--gap-2) var(--gap-0);
10
10
  }
11
- .pure-cell__rowLimit1_1620s {
11
+ .pure-cell__rowLimit1_afo6d {
12
12
  -webkit-line-clamp: 1;
13
13
  display: -webkit-box;
14
14
  -webkit-box-orient: vertical;
15
15
  overflow: hidden;
16
16
  word-break: break-all;
17
17
  }
18
- .pure-cell__rowLimit2_1620s {
18
+ .pure-cell__rowLimit2_afo6d {
19
19
  -webkit-line-clamp: 2;
20
20
  display: -webkit-box;
21
21
  -webkit-box-orient: vertical;
22
22
  overflow: hidden;
23
23
  }
24
- .pure-cell__component_1620s {
24
+ .pure-cell__component_afo6d {
25
25
  display: flex;
26
26
  flex-direction: row;
27
27
  flex-wrap: nowrap;
@@ -29,10 +29,10 @@
29
29
  margin: var(--gap-2) var(--gap-0);
30
30
  word-break: break-word;
31
31
  }
32
- .pure-cell__component_1620s .pure-cell__vertical_1620s {
32
+ .pure-cell__component_afo6d .pure-cell__vertical_afo6d {
33
33
  justify-content: center;
34
34
  }
35
- .pure-cell__title_1620s + .pure-cell__value_1620s {
35
+ .pure-cell__title_afo6d + .pure-cell__value_afo6d {
36
36
  margin-left: var(--gap-16);
37
37
  flex-shrink: 0;
38
38
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"horizontal":"pure-cell__horizontal_1620s","rowLimit1":"pure-cell__rowLimit1_1620s","rowLimit2":"pure-cell__rowLimit2_1620s","component":"pure-cell__component_1620s","vertical":"pure-cell__vertical_1620s","title":"pure-cell__title_1620s","value":"pure-cell__value_1620s"};
5
+ var styles = {"horizontal":"pure-cell__horizontal_afo6d","rowLimit1":"pure-cell__rowLimit1_afo6d","rowLimit2":"pure-cell__rowLimit2_afo6d","component":"pure-cell__component_afo6d","vertical":"pure-cell__vertical_afo6d","title":"pure-cell__title_afo6d","value":"pure-cell__value_afo6d"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -113,6 +113,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
113
113
  children: import("./components/types").FooterElement;
114
114
  footerPadding?: "default" | "none";
115
115
  dataTestId?: string;
116
+ className?: string;
116
117
  }>;
117
118
  ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
118
119
  FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
@@ -14,6 +14,10 @@ type Props = {
14
14
  * Используется модификатор -footer
15
15
  */
16
16
  dataTestId?: string;
17
+ /**
18
+ * Дополнительный класс
19
+ */
20
+ className?: string;
17
21
  };
18
22
  export declare const Footer: React.FC<Props>;
19
23
  export {};
@@ -15,9 +15,9 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
16
16
 
17
17
  var Footer = function (_a) {
18
- var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
18
+ var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId, className = _a.className;
19
19
  var pureCellContext = React.useContext(context.PureCellContext);
20
- return (React__default.default.createElement("footer", { className: cn__default.default(styles__default.default.component, styles__default.default[footerPadding]), "data-test-id": cssm.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
20
+ return (React__default.default.createElement("footer", { className: cn__default.default(styles__default.default.component, styles__default.default[footerPadding], className), "data-test-id": cssm.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
21
21
  };
22
22
 
23
23
  exports.Footer = Footer;
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Компоненты\n */\n children: FooterElement;\n\n /**\n * Вертикальные отступы\n */\n footerPadding?: 'default' | 'none';\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -footer\n */\n dataTestId?: string;\n};\n\nexport const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <footer\n className={cn(styles.component, styles[footerPadding])}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n >\n {children}\n </footer>\n );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AA4BO,IAAM,MAAM,GAAoB,UAAC,EAAmD,EAAA;QAAjD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAyB,EAAzB,aAAa,mBAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACrF,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAAC,kBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Компоненты\n */\n children: FooterElement;\n\n /**\n * Вертикальные отступы\n */\n footerPadding?: 'default' | 'none';\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Используется модификатор -footer\n */\n dataTestId?: string;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n};\n\nexport const Footer: React.FC<Props> = ({\n children,\n footerPadding = 'default',\n dataTestId,\n className,\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n return (\n <footer\n className={cn(styles.component, styles[footerPadding], className)}\n data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n >\n {children}\n </footer>\n );\n};\n"],"names":["useContext","PureCellContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;;AAiCO,IAAM,MAAM,GAAoB,UAAC,EAKvC,EAAA;AAJG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAyB,GAAA,EAAA,CAAA,aAAA,EAAzB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACzB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,eAAe,GAAGA,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,EAAA,cAAA,EACnDC,kBAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
@@ -113,6 +113,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
113
113
  children: import("./components/types").FooterElement;
114
114
  footerPadding?: "default" | "none";
115
115
  dataTestId?: string;
116
+ className?: string;
116
117
  }>;
117
118
  ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
118
119
  FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {