@alfalab/core-components-product-cover 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/components/image-card/Component.d.ts +6 -1
  2. package/components/image-card/Component.js +3 -3
  3. package/components/image-card/index.css +3 -3
  4. package/components/overlay/Component.js +1 -1
  5. package/components/overlay/index.css +5 -5
  6. package/components/text/Component.d.ts +6 -1
  7. package/components/text/Component.js +7 -7
  8. package/components/text/index.css +8 -8
  9. package/cssm/components/image-card/Component.d.ts +6 -1
  10. package/cssm/components/image-card/Component.js +2 -2
  11. package/cssm/components/text/Component.d.ts +6 -1
  12. package/cssm/components/text/Component.js +6 -6
  13. package/cssm/single/Component.js +4 -4
  14. package/cssm/stack/Component.js +2 -2
  15. package/cssm/typings.d.ts +14 -4
  16. package/cssm/utils/index.d.ts +2 -2
  17. package/cssm/utils/index.js +4 -4
  18. package/esm/components/image-card/Component.d.ts +6 -1
  19. package/esm/components/image-card/Component.js +3 -3
  20. package/esm/components/image-card/index.css +3 -3
  21. package/esm/components/overlay/Component.js +1 -1
  22. package/esm/components/overlay/index.css +5 -5
  23. package/esm/components/text/Component.d.ts +6 -1
  24. package/esm/components/text/Component.js +8 -8
  25. package/esm/components/text/index.css +8 -8
  26. package/esm/single/Component.js +5 -5
  27. package/esm/single/index.css +12 -12
  28. package/esm/stack/Component.js +3 -3
  29. package/esm/stack/index.css +17 -17
  30. package/esm/typings.d.ts +14 -4
  31. package/esm/utils/index.d.ts +2 -2
  32. package/esm/utils/index.js +4 -4
  33. package/modern/components/image-card/Component.d.ts +6 -1
  34. package/modern/components/image-card/Component.js +3 -3
  35. package/modern/components/image-card/index.css +3 -3
  36. package/modern/components/overlay/Component.js +1 -1
  37. package/modern/components/overlay/index.css +5 -5
  38. package/modern/components/text/Component.d.ts +6 -1
  39. package/modern/components/text/Component.js +8 -8
  40. package/modern/components/text/index.css +8 -8
  41. package/modern/single/Component.js +5 -5
  42. package/modern/single/index.css +12 -12
  43. package/modern/stack/Component.js +3 -3
  44. package/modern/stack/index.css +17 -17
  45. package/modern/typings.d.ts +14 -4
  46. package/modern/utils/index.d.ts +2 -2
  47. package/modern/utils/index.js +4 -4
  48. package/moderncssm/components/image-card/Component.d.ts +6 -1
  49. package/moderncssm/components/image-card/Component.js +2 -2
  50. package/moderncssm/components/text/Component.d.ts +6 -1
  51. package/moderncssm/components/text/Component.js +7 -7
  52. package/moderncssm/single/Component.js +4 -4
  53. package/moderncssm/stack/Component.js +2 -2
  54. package/moderncssm/typings.d.ts +14 -4
  55. package/moderncssm/utils/index.d.ts +2 -2
  56. package/moderncssm/utils/index.js +4 -4
  57. package/package.json +3 -3
  58. package/single/Component.js +5 -5
  59. package/single/index.css +12 -12
  60. package/src/components/image-card/Component.tsx +9 -2
  61. package/src/components/text/Component.tsx +14 -7
  62. package/src/single/Component.tsx +4 -3
  63. package/src/stack/Component.tsx +2 -1
  64. package/src/typings.ts +16 -4
  65. package/src/utils/index.ts +3 -3
  66. package/stack/Component.js +3 -3
  67. package/stack/index.css +17 -17
  68. package/typings.d.ts +14 -4
  69. package/utils/index.d.ts +2 -2
  70. package/utils/index.js +4 -4
package/components/image-card/Component.d.ts CHANGED
@@ -24,9 +24,14 @@ type ImageCardProps = {
24
24
  */
25
25
  height?: number;
26
26
  /**
27
- * Количество карт
27
+ * (Устаревший) Количество карт
28
+ * @deprecated Используйте 'numberOfCards'
28
29
  */
29
30
  numberOfСards?: number;
31
+ /**
32
+ * Количество карт
33
+ */
34
+ numberOfCards?: number;
30
35
  };
31
36
  declare const ImageCard: FC<ImageCardProps>;
32
37
  export { ImageCardProps, ImageCard };
package/components/image-card/Component.js CHANGED
@@ -9,11 +9,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
 
12
- var styles = {"cardMack":"product-cover__cardMack_c949g","cardImage":"product-cover__cardImage_c949g"};
12
+ var styles = {"cardMack":"product-cover__cardMack_m95nv","cardImage":"product-cover__cardImage_m95nv"};
13
13
  require('./index.css')
14
14
 
15
15
  var ImageCard = function (_a) {
16
- var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
16
+ var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards, _b = _a.numberOfCards, numberOfCards = _b === void 0 ? numberOfСards : _b;
17
17
  var imagePatternId = hooks.useId();
18
18
  var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
19
19
  var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -35,7 +35,7 @@ var ImageCard = function (_a) {
35
35
  }
36
36
  return null;
37
37
  };
38
- return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
38
+ return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
39
39
  };
40
40
 
41
41
  exports.ImageCard = ImageCard;
package/components/image-card/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1to53 */
1
+ /* hash: 3gf9h */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -25,10 +25,10 @@
25
25
  --gap-0: 0px;
26
26
  } :root {
27
27
  } :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .product-cover__cardMack_c949g {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .product-cover__cardMack_m95nv {
29
29
  background-color: var(--color-light-neutral-translucent-1300-inverted);
30
30
  border-radius: var(--border-radius-2);
31
- } .product-cover__cardImage_c949g {
31
+ } .product-cover__cardImage_m95nv {
32
32
  position: absolute;
33
33
  top: var(--gap-0);
34
34
  left: var(--gap-0);
package/components/overlay/Component.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
12
12
 
13
- var styles = {"overlay":"product-cover__overlay_124ws","visible":"product-cover__visible_124ws","default":"product-cover__default_124ws","inverted":"product-cover__inverted_124ws"};
13
+ var styles = {"overlay":"product-cover__overlay_10wn5","visible":"product-cover__visible_10wn5","default":"product-cover__default_10wn5","inverted":"product-cover__inverted_10wn5"};
14
14
  require('./index.css')
15
15
 
16
16
  var Overlay = function (_a) {
package/components/overlay/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bmqim */
1
+ /* hash: 17uy1 */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -24,7 +24,7 @@
24
24
  --gap-0: 0px;
25
25
  } :root {
26
26
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .product-cover__overlay_124ws {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .product-cover__overlay_10wn5 {
28
28
  position: absolute;
29
29
  top: var(--gap-0);
30
30
  bottom: var(--gap-0);
@@ -34,10 +34,10 @@
34
34
  pointer-events: none;
35
35
  z-index: 3;
36
36
  opacity: 0;
37
- } .product-cover__visible_124ws {
37
+ } .product-cover__visible_10wn5 {
38
38
  opacity: 1;
39
- } .product-cover__default_124ws {
39
+ } .product-cover__default_10wn5 {
40
40
  background: var(--color-static-neutral-translucent-700-inverted);
41
- } .product-cover__inverted_124ws {
41
+ } .product-cover__inverted_10wn5 {
42
42
  background: var(--color-static-neutral-translucent-700);
43
43
  }
package/components/text/Component.d.ts CHANGED
@@ -27,9 +27,14 @@ type TextProps = {
27
27
  */
28
28
  cardNumber?: number;
29
29
  /**
30
- * Количество карт
30
+ * (Устаревший) Количество карт
31
+ * @deprecated Используйте 'numberOfCards'
31
32
  */
32
33
  numberOfСards?: number;
34
+ /**
35
+ * Количество карт
36
+ */
37
+ numberOfCards?: number;
33
38
  /**
34
39
  * Управление ориентацией стопки карт компонента
35
40
  */
package/components/text/Component.js CHANGED
@@ -17,24 +17,24 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"product-cover__component_1qvwf","cardholderName":"product-cover__cardholderName_1qvwf","cardNumber":"product-cover__cardNumber_1qvwf","buttonEye":"product-cover__buttonEye_1qvwf"};
20
+ var styles = {"component":"product-cover__component_bewva","cardholderName":"product-cover__cardholderName_bewva","cardNumber":"product-cover__cardNumber_bewva","buttonEye":"product-cover__buttonEye_bewva"};
21
21
  require('./index.css')
22
22
 
23
23
  var Text = function (_a) {
24
- var cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, cardNumber = _a.cardNumber, numberOfСards = _a.numberOfСards, align = _a.align, eyeButton = _a.eyeButton, dataTestId = _a.dataTestId, _b = _a.size, size = _b === void 0 ? 164 : _b, onEyeIconClick = _a.onEyeIconClick;
24
+ var cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, cardNumber = _a.cardNumber, numberOfСards = _a.numberOfСards, _b = _a.numberOfCards, numberOfCards = _b === void 0 ? numberOfСards : _b, align = _a.align, eyeButton = _a.eyeButton, dataTestId = _a.dataTestId, _c = _a.size, size = _c === void 0 ? 164 : _c, onEyeIconClick = _a.onEyeIconClick;
25
25
  var maxSize = size === 164;
26
- var visibleNumberOfСards = utils_index["showNumberOfСards"](size, numberOfСards, align);
26
+ var visibleNumberOfCards = utils_index.showNumberOfCards(size, numberOfCards, align);
27
27
  return (React__default.default.createElement("div", { className: cn__default.default(styles.component), "data-test-id": dataTestId },
28
28
  maxSize && cardholderName ? (React__default.default.createElement(coreComponentsTypography.Text, { tag: 'div', view: 'secondary-medium', weight: 'medium', color: 'static-primary-light', className: styles.cardholderName }, cardholderNameUppercase ? cardholderName === null || cardholderName === void 0 ? void 0 : cardholderName.toUpperCase() : cardholderName)) : null,
29
- cardNumber && !visibleNumberOfСards ? (React__default.default.createElement("div", { className: styles.cardNumber },
29
+ cardNumber && !visibleNumberOfCards ? (React__default.default.createElement("div", { className: styles.cardNumber },
30
30
  React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-light' },
31
31
  [164, 128].includes(size) && '··\u2009',
32
32
  String(cardNumber).slice(-4)),
33
33
  eyeButton && maxSize && (React__default.default.createElement(desktop.ButtonDesktop, { view: 'text', className: cn__default.default(styles.buttonEye), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'eye-btn'), onClick: onEyeIconClick, colors: 'inverted' },
34
34
  React__default.default.createElement(EyeMIcon.EyeMIcon, null))))) : null,
35
- visibleNumberOfСards && (React__default.default.createElement("div", { className: styles.cardNumber },
36
- React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfСards, "\u00A0"),
37
- utils.pluralize(numberOfСards || 0, 'карта', 'карты', 'карт'))))));
35
+ visibleNumberOfCards && (React__default.default.createElement("div", { className: styles.cardNumber },
36
+ React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfCards, "\u00A0"),
37
+ utils.pluralize(numberOfCards || 0, 'карта', 'карты', 'карт'))))));
38
38
  };
39
39
 
40
40
  exports.Text = Text;
package/components/text/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 2x4xt */
1
+ /* hash: 1l4zu */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-static-text-primary-light: #fff; /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -24,33 +24,33 @@
24
24
  --gap-2: var(--gap-3xs);
25
25
  } :root {
26
26
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .product-cover__component_1qvwf {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .product-cover__component_bewva {
28
28
  display: flex;
29
29
  flex-direction: column;
30
30
  z-index: 2;
31
31
  grid-gap: var(--gap-2);
32
32
  grid-gap: var(--gap-2);
33
33
  gap: var(--gap-2);
34
- } .product-cover__cardholderName_1qvwf {
34
+ } .product-cover__cardholderName_bewva {
35
35
  -webkit-line-clamp: 1;
36
36
  display: -webkit-box;
37
37
  -webkit-box-orient: vertical;
38
38
  overflow: hidden;
39
39
  word-break: break-all;
40
- } .product-cover__cardNumber_1qvwf {
40
+ } .product-cover__cardNumber_bewva {
41
41
  display: flex;
42
42
  align-items: center;
43
- } .product-cover__buttonEye_1qvwf.product-cover__buttonEye_1qvwf {
43
+ } .product-cover__buttonEye_bewva.product-cover__buttonEye_bewva {
44
44
  margin-left: 5px;
45
45
  width: 24px;
46
46
  height: 24px;
47
47
  cursor: pointer;
48
48
  color: var(--color-static-text-primary-light)
49
- } .product-cover__buttonEye_1qvwf.product-cover__buttonEye_1qvwf:hover {
49
+ } .product-cover__buttonEye_bewva.product-cover__buttonEye_bewva:hover {
50
50
  color: var(--color-static-text-primary-light);
51
- } .product-cover__buttonEye_1qvwf.product-cover__buttonEye_1qvwf:active {
51
+ } .product-cover__buttonEye_bewva.product-cover__buttonEye_bewva:active {
52
52
  color: var(--color-static-text-primary-light);
53
- } .product-cover__buttonEye_1qvwf.product-cover__buttonEye_1qvwf > span {
53
+ } .product-cover__buttonEye_bewva.product-cover__buttonEye_bewva > span {
54
54
  display: flex;
55
55
  align-items: center;
56
56
  }
package/cssm/components/image-card/Component.d.ts CHANGED
@@ -24,9 +24,14 @@ type ImageCardProps = {
24
24
  */
25
25
  height?: number;
26
26
  /**
27
- * Количество карт
27
+ * (Устаревший) Количество карт
28
+ * @deprecated Используйте 'numberOfCards'
28
29
  */
29
30
  numberOfСards?: number;
31
+ /**
32
+ * Количество карт
33
+ */
34
+ numberOfCards?: number;
30
35
  };
31
36
  declare const ImageCard: FC<ImageCardProps>;
32
37
  export { ImageCardProps, ImageCard };
package/cssm/components/image-card/Component.js CHANGED
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
13
13
 
14
14
  var ImageCard = function (_a) {
15
- var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
15
+ var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards, _b = _a.numberOfCards, numberOfCards = _b === void 0 ? numberOfСards : _b;
16
16
  var imagePatternId = hooks.useId();
17
17
  var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
18
18
  var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -34,7 +34,7 @@ var ImageCard = function (_a) {
34
34
  }
35
35
  return null;
36
36
  };
37
- return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
37
+ return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
38
38
  };
39
39
 
40
40
  exports.ImageCard = ImageCard;
package/cssm/components/text/Component.d.ts CHANGED
@@ -27,9 +27,14 @@ type TextProps = {
27
27
  */
28
28
  cardNumber?: number;
29
29
  /**
30
- * Количество карт
30
+ * (Устаревший) Количество карт
31
+ * @deprecated Используйте 'numberOfCards'
31
32
  */
32
33
  numberOfСards?: number;
34
+ /**
35
+ * Количество карт
36
+ */
37
+ numberOfCards?: number;
33
38
  /**
34
39
  * Управление ориентацией стопки карт компонента
35
40
  */
package/cssm/components/text/Component.js CHANGED
@@ -20,20 +20,20 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
21
21
 
22
22
  var Text = function (_a) {
23
- var cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, cardNumber = _a.cardNumber, numberOfСards = _a.numberOfСards, align = _a.align, eyeButton = _a.eyeButton, dataTestId = _a.dataTestId, _b = _a.size, size = _b === void 0 ? 164 : _b, onEyeIconClick = _a.onEyeIconClick;
23
+ var cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, cardNumber = _a.cardNumber, numberOfСards = _a.numberOfСards, _b = _a.numberOfCards, numberOfCards = _b === void 0 ? numberOfСards : _b, align = _a.align, eyeButton = _a.eyeButton, dataTestId = _a.dataTestId, _c = _a.size, size = _c === void 0 ? 164 : _c, onEyeIconClick = _a.onEyeIconClick;
24
24
  var maxSize = size === 164;
25
- var visibleNumberOfСards = utils_index["showNumberOfСards"](size, numberOfСards, align);
25
+ var visibleNumberOfCards = utils_index.showNumberOfCards(size, numberOfCards, align);
26
26
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component), "data-test-id": dataTestId },
27
27
  maxSize && cardholderName ? (React__default.default.createElement(coreComponentsTypography.Text, { tag: 'div', view: 'secondary-medium', weight: 'medium', color: 'static-primary-light', className: styles__default.default.cardholderName }, cardholderNameUppercase ? cardholderName === null || cardholderName === void 0 ? void 0 : cardholderName.toUpperCase() : cardholderName)) : null,
28
- cardNumber && !visibleNumberOfСards ? (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
28
+ cardNumber && !visibleNumberOfCards ? (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
29
29
  React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-light' },
30
30
  [164, 128].includes(size) && '··\u2009',
31
31
  String(cardNumber).slice(-4)),
32
32
  eyeButton && maxSize && (React__default.default.createElement(desktop.ButtonDesktop, { view: 'text', className: cn__default.default(styles__default.default.buttonEye), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'eye-btn'), onClick: onEyeIconClick, colors: 'inverted' },
33
33
  React__default.default.createElement(EyeMIcon.EyeMIcon, null))))) : null,
34
- visibleNumberOfСards && (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
35
- React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfСards, "\u00A0"),
36
- utils.pluralize(numberOfСards || 0, 'карта', 'карты', 'карт'))))));
34
+ visibleNumberOfCards && (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
35
+ React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfCards, "\u00A0"),
36
+ utils.pluralize(numberOfCards || 0, 'карта', 'карты', 'карт'))))));
37
37
  };
38
38
 
39
39
  exports.Text = Text;
package/cssm/single/Component.js CHANGED
@@ -19,8 +19,8 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
20
 
21
21
  var Single = function (_a) {
22
- var _b = _a.size, size = _b === void 0 ? 164 : _b, Icon = _a.icon, cardId = _a.cardId, layers = _a.layers, baseUrl = _a.baseUrl, shadow = _a.shadow, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, _c = _a.overlayProps, overlayProps = _c === void 0 ? { colors: 'default', visible: false } : _c, eyeButton = _a.eyeButton, cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, numberOfСards = _a.numberOfСards, align = _a.align, cardNumber = _a.cardNumber, className = _a.className, contentAddons = _a.contentAddons, contentAddonsProps = _a.contentAddonsProps, onEyeIconClick = _a.onEyeIconClick, dataTestId = _a.dataTestId;
23
- var hasContent = Boolean(cardNumber || cardholderName || numberOfСards);
22
+ var _b = _a.size, size = _b === void 0 ? 164 : _b, Icon = _a.icon, cardId = _a.cardId, layers = _a.layers, baseUrl = _a.baseUrl, shadow = _a.shadow, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, _c = _a.overlayProps, overlayProps = _c === void 0 ? { colors: 'default', visible: false } : _c, eyeButton = _a.eyeButton, cardholderNameUppercase = _a.cardholderNameUppercase, cardholderName = _a.cardholderName, numberOfСards = _a.numberOfСards, _d = _a.numberOfCards, numberOfCards = _d === void 0 ? numberOfСards : _d, align = _a.align, cardNumber = _a.cardNumber, className = _a.className, contentAddons = _a.contentAddons, contentAddonsProps = _a.contentAddonsProps, onEyeIconClick = _a.onEyeIconClick, dataTestId = _a.dataTestId;
23
+ var hasContent = Boolean(cardNumber || cardholderName || numberOfCards);
24
24
  var showContent = hasContent && size !== 16 && !contentAddons;
25
25
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default["size-".concat(size)], className), style: {
26
26
  width: consts.WIDTH_TO_SIZE[size],
@@ -31,8 +31,8 @@ var Single = function (_a) {
31
31
  Icon && React__default.default.createElement(Icon, { color: iconColor, className: styles__default.default.icon }),
32
32
  React__default.default.createElement(components_overlay_Component.Overlay, { colors: overlayProps.colors, visible: overlayProps.visible }),
33
33
  borderColor && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.border), style: { boxShadow: "inset 0 0 0 1px ".concat(borderColor) } })),
34
- React__default.default.createElement(components_imageCard_Component.ImageCard, { width: consts.WIDTH_TO_SIZE[size], height: size, cardId: cardId, layers: layers, baseUrl: baseUrl, "numberOf\u0421ards": numberOfСards }),
35
- showContent && (React__default.default.createElement(components_text_Component.Text, { cardNumber: cardNumber, eyeButton: eyeButton, cardholderNameUppercase: cardholderNameUppercase, cardholderName: cardholderName, "numberOf\u0421ards": numberOfСards, align: align, size: size, onEyeIconClick: onEyeIconClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'user-info') })),
34
+ React__default.default.createElement(components_imageCard_Component.ImageCard, { width: consts.WIDTH_TO_SIZE[size], height: size, cardId: cardId, layers: layers, baseUrl: baseUrl, numberOfCards: numberOfCards }),
35
+ showContent && (React__default.default.createElement(components_text_Component.Text, { cardNumber: cardNumber, eyeButton: eyeButton, cardholderNameUppercase: cardholderNameUppercase, cardholderName: cardholderName, numberOfCards: numberOfCards, align: align, size: size, onEyeIconClick: onEyeIconClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'user-info') })),
36
36
  contentAddons && (React__default.default.createElement("div", tslib.__assign({}, contentAddonsProps, { className: cn__default.default(styles__default.default.contentAddons, contentAddonsProps === null || contentAddonsProps === void 0 ? void 0 : contentAddonsProps.className) }), contentAddons))));
37
37
  };
38
38
 
package/cssm/stack/Component.js CHANGED
@@ -18,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
18
18
 
19
19
  var Stack = function (_a) {
20
20
  var _b;
21
- var firstCard = _a.firstCard, secondCard = _a.secondCard, _c = _a.size, size = _c === void 0 ? 128 : _c, numberOfСards = _a.numberOfСards, className = _a.className, _d = _a.align, align = _d === void 0 ? 'default' : _d, dataTestId = _a.dataTestId;
21
+ var firstCard = _a.firstCard, secondCard = _a.secondCard, _c = _a.size, size = _c === void 0 ? 128 : _c, numberOfСards = _a.numberOfСards, _d = _a.numberOfCards, numberOfCards = _d === void 0 ? numberOfСards : _d, className = _a.className, _e = _a.align, align = _e === void 0 ? 'default' : _e, dataTestId = _a.dataTestId;
22
22
  var sizeClassNames = "size-".concat(size);
23
23
  var secondCardSize = utils_index.getSizeSecondCard(size, align);
24
24
  var commonClassName = (_b = {},
@@ -28,7 +28,7 @@ var Stack = function (_a) {
28
28
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, styles__default.default.componentStack, commonClassName, className), "data-test-id": dataTestId },
29
29
  React__default.default.createElement(single_Component.Single, tslib.__assign({}, firstCard, { className: cn__default.default(styles__default.default.firstCard, commonClassName), size: size, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'first-card') })),
30
30
  React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapperSecondCard, commonClassName) },
31
- React__default.default.createElement(single_Component.Single, tslib.__assign({}, secondCard, { size: secondCardSize, align: align, "numberOf\u0421ards": numberOfСards, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'second-card') })))));
31
+ React__default.default.createElement(single_Component.Single, tslib.__assign({}, secondCard, { size: secondCardSize, align: align, numberOfCards: numberOfCards, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'second-card') })))));
32
32
  };
33
33
 
34
34
  exports.Stack = Stack;
package/cssm/typings.d.ts CHANGED
@@ -75,9 +75,14 @@ type SingleCommonProps = {
75
75
  */
76
76
  cardNumber?: number;
77
77
  /**
78
- * Количество карт
78
+ * (Устаревший) Количество карт
79
+ * @deprecated Используйте 'numberOfCards'
79
80
  */
80
81
  numberOfСards?: number;
82
+ /**
83
+ * Количество карт
84
+ */
85
+ numberOfCards?: number;
81
86
  /**
82
87
  * Управление ориентацией стопки карт компонента
83
88
  */
@@ -99,8 +104,8 @@ type SingleCommonProps = {
99
104
  */
100
105
  dataTestId?: string;
101
106
  };
102
- type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'align'>;
103
- type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'className' | 'dataTestId' | 'align'>;
107
+ type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'numberOfCards' | 'align'>;
108
+ type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'numberOfCards' | 'className' | 'dataTestId' | 'align'>;
104
109
  type SizeStack = Exclude<Size, 48 | 96 | 164>;
105
110
  type ConditionalProps = {
106
111
  /**
@@ -133,9 +138,14 @@ type StackProps = ConditionalProps & {
133
138
  */
134
139
  secondCard?: BankCardImageProps;
135
140
  /**
136
- * Количество карт
141
+ * (Устаревший) Количество карт
142
+ * @deprecated Используйте 'numberOfCards'
137
143
  */
138
144
  numberOfСards?: number;
145
+ /**
146
+ * Количество карт
147
+ */
148
+ numberOfCards?: number;
139
149
  /**
140
150
  * Идентификатор для систем автоматизированного тестирования
141
151
  */
package/cssm/utils/index.d.ts CHANGED
@@ -10,6 +10,6 @@ declare function getProductCoverStackTestIds(dataTestId: string): {
10
10
  userInfoFirstCard: string;
11
11
  userInfoSecondCard: string;
12
12
  };
13
- declare const showNumberOfСards: (sizeCard: number, numberOfСards?: number, align?: string) => boolean;
13
+ declare const showNumberOfCards: (sizeCard: number, numberOfCards?: number, align?: string) => boolean;
14
14
  declare const getSizeSecondCard: (size: number, align: string) => number;
15
- export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfСards, getSizeSecondCard };
15
+ export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfCards, getSizeSecondCard };
package/cssm/utils/index.js CHANGED
@@ -21,9 +21,9 @@ function getProductCoverStackTestIds(dataTestId) {
21
21
  userInfoSecondCard: coreComponentsShared.getDataTestId(dataTestId, 'second-card-user-info'),
22
22
  };
23
23
  }
24
- var showNumberOfСards = function (sizeCard, numberOfСards, align) {
25
- if (numberOfСards) {
26
- return numberOfСards >= 2 && numberOfСards < 10 && sizeCard === 40 && align === 'default';
24
+ var showNumberOfCards = function (sizeCard, numberOfCards, align) {
25
+ if (numberOfCards) {
26
+ return numberOfCards >= 2 && numberOfCards < 10 && sizeCard === 40 && align === 'default';
27
27
  }
28
28
  return false;
29
29
  };
@@ -36,4 +36,4 @@ var getSizeSecondCard = function (size, align) {
36
36
  exports.getProductCoverSingleTestIds = getProductCoverSingleTestIds;
37
37
  exports.getProductCoverStackTestIds = getProductCoverStackTestIds;
38
38
  exports.getSizeSecondCard = getSizeSecondCard;
39
- exports["showNumberOfСards"] = showNumberOfСards;
39
+ exports.showNumberOfCards = showNumberOfCards;
package/esm/components/image-card/Component.d.ts CHANGED
@@ -24,9 +24,14 @@ type ImageCardProps = {
24
24
  */
25
25
  height?: number;
26
26
  /**
27
- * Количество карт
27
+ * (Устаревший) Количество карт
28
+ * @deprecated Используйте 'numberOfCards'
28
29
  */
29
30
  numberOfСards?: number;
31
+ /**
32
+ * Количество карт
33
+ */
34
+ numberOfCards?: number;
30
35
  };
31
36
  declare const ImageCard: FC<ImageCardProps>;
32
37
  export { ImageCardProps, ImageCard };
package/esm/components/image-card/Component.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import { useId, useImageLoadingState } from '@alfalab/hooks';
3
3
 
4
- var styles = {"cardMack":"product-cover__cardMack_c949g","cardImage":"product-cover__cardImage_c949g"};
4
+ var styles = {"cardMack":"product-cover__cardMack_m95nv","cardImage":"product-cover__cardImage_m95nv"};
5
5
  require('./index.css')
6
6
 
7
7
  var ImageCard = function (_a) {
8
- var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
8
+ var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards, _b = _a.numberOfCards, numberOfCards = _b === void 0 ? numberOfСards : _b;
9
9
  var imagePatternId = useId();
10
10
  var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
11
11
  var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -27,7 +27,7 @@ var ImageCard = function (_a) {
27
27
  }
28
28
  return null;
29
29
  };
30
- return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
30
+ return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
31
31
  };
32
32
 
33
33
  export { ImageCard };
package/esm/components/image-card/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1to53 */
1
+ /* hash: 3gf9h */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -25,10 +25,10 @@
25
25
  --gap-0: 0px;
26
26
  } :root {
27
27
  } :root {
28
- } /* сбрасывает синюю подсветку при нажатии */ .product-cover__cardMack_c949g {
28
+ } /* сбрасывает синюю подсветку при нажатии */ .product-cover__cardMack_m95nv {
29
29
  background-color: var(--color-light-neutral-translucent-1300-inverted);
30
30
  border-radius: var(--border-radius-2);
31
- } .product-cover__cardImage_c949g {
31
+ } .product-cover__cardImage_m95nv {
32
32
  position: absolute;
33
33
  top: var(--gap-0);
34
34
  left: var(--gap-0);
package/esm/components/overlay/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"overlay":"product-cover__overlay_124ws","visible":"product-cover__visible_124ws","default":"product-cover__default_124ws","inverted":"product-cover__inverted_124ws"};
4
+ var styles = {"overlay":"product-cover__overlay_10wn5","visible":"product-cover__visible_10wn5","default":"product-cover__default_10wn5","inverted":"product-cover__inverted_10wn5"};
5
5
  require('./index.css')
6
6
 
7
7
  var Overlay = function (_a) {
package/esm/components/overlay/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bmqim */
1
+ /* hash: 17uy1 */
2
2
  :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 */ /* 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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -24,7 +24,7 @@
24
24
  --gap-0: 0px;
25
25
  } :root {
26
26
  } :root {
27
- } /* сбрасывает синюю подсветку при нажатии */ .product-cover__overlay_124ws {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .product-cover__overlay_10wn5 {
28
28
  position: absolute;
29
29
  top: var(--gap-0);
30
30
  bottom: var(--gap-0);
@@ -34,10 +34,10 @@
34
34
  pointer-events: none;
35
35
  z-index: 3;
36
36
  opacity: 0;
37
- } .product-cover__visible_124ws {
37
+ } .product-cover__visible_10wn5 {
38
38
  opacity: 1;
39
- } .product-cover__default_124ws {
39
+ } .product-cover__default_10wn5 {
40
40
  background: var(--color-static-neutral-translucent-700-inverted);
41
- } .product-cover__inverted_124ws {
41
+ } .product-cover__inverted_10wn5 {
42
42
  background: var(--color-static-neutral-translucent-700);
43
43
  }