@alfalab/core-components 48.23.0-beta.0 → 48.23.0

package/picker-button/modern/Component-c44170fe.d.ts

@@ -1,38 +1,7 @@
 /// <reference types="react" />
-import React from "react";
-import { RefObject, ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+import React from 'react';
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
-declare function usePreventViewportScrollOnFocus<T extends HTMLInputElement | HTMLTextAreaElement>(): RefObject<T>;
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-declare function findScrollableParent(element: Element | null): Element;
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-declare function isInput(element: Element | null): element is HTMLInputElement | HTMLTextAreaElement;
-declare function useVirtualKeyboard(): {
-    keyboardIsOpen: boolean;
-    keyboardHeight: number;
-};
-declare function isScrollable(element: Element): boolean;
 type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
     /**
      * Значение поля ввода
@@ -313,5 +282,5 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { usePreventViewportScrollOnFocus, findScrollableParent, isInput, useVirtualKeyboard, isScrollable, BaseInputProps, BaseInput };
 export * from "./Component-ebda875c";
+export { BaseInputProps, BaseInput };

package/picker-button/moderncssm/Component-c44170fe.d.ts

@@ -1,38 +1,7 @@
 /// <reference types="react" />
-import React from "react";
-import { RefObject, ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+import React from 'react';
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
-declare function usePreventViewportScrollOnFocus<T extends HTMLInputElement | HTMLTextAreaElement>(): RefObject<T>;
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-declare function findScrollableParent(element: Element | null): Element;
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-declare function isInput(element: Element | null): element is HTMLInputElement | HTMLTextAreaElement;
-declare function useVirtualKeyboard(): {
-    keyboardIsOpen: boolean;
-    keyboardHeight: number;
-};
-declare function isScrollable(element: Element): boolean;
 type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
     /**
      * Значение поля ввода
@@ -313,5 +282,5 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { usePreventViewportScrollOnFocus, findScrollableParent, isInput, useVirtualKeyboard, isScrollable, BaseInputProps, BaseInput };
 export * from "./Component-ebda875c";
+export { BaseInputProps, BaseInput };

package/product-cover/components/image-card/Component.d.ts

@@ -24,9 +24,14 @@ type ImageCardProps = {
      */
     height?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
 };
 declare const ImageCard: FC<ImageCardProps>;
 export { ImageCardProps, ImageCard };

package/product-cover/components/image-card/Component.js

@@ -11,7 +11,7 @@ var styles = {"cardMack":"product-cover__cardMack_m95nv","cardImage":"product-co
 require('./index.css');
 
 var ImageCard = function (_a) {
-    var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
+    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;
     var imagePatternId = hooks.useId();
     var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
     var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -33,7 +33,7 @@ var ImageCard = function (_a) {
         }
         return null;
     };
-    return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
+    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
 };
 
 exports.ImageCard = ImageCard;

package/product-cover/components/text/Component.d.ts

@@ -27,9 +27,14 @@ type TextProps = {
      */
     cardNumber?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Управление ориентацией стопки карт компонента
      */

package/product-cover/components/text/Component.js

@@ -19,20 +19,20 @@ var styles = {"component":"product-cover__component_bewva","cardholderName":"pro
 require('./index.css');
 
 var Text = function (_a) {
-    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;
+    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;
     var maxSize = size === 164;
-    var visibleNumberOfСards = utils_index["showNumberOfСards"](size, numberOfСards, align);
+    var visibleNumberOfCards = utils_index.showNumberOfCards(size, numberOfCards, align);
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component), "data-test-id": dataTestId },
         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,
-        cardNumber && !visibleNumberOfСards ? (React__default.default.createElement("div", { className: styles.cardNumber },
+        cardNumber && !visibleNumberOfCards ? (React__default.default.createElement("div", { className: styles.cardNumber },
             React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-light' },
                 [164, 128].includes(size) && '··\u2009',
                 String(cardNumber).slice(-4)),
             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' },
                 React__default.default.createElement(EyeMIcon.EyeMIcon, null))))) : null,
-        visibleNumberOfСards && (React__default.default.createElement("div", { className: styles.cardNumber },
-            React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfСards, "\u00A0"),
-                utils.pluralize(numberOfСards || 0, 'карта', 'карты', 'карт'))))));
+        visibleNumberOfCards && (React__default.default.createElement("div", { className: styles.cardNumber },
+            React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfCards, "\u00A0"),
+                utils.pluralize(numberOfCards || 0, 'карта', 'карты', 'карт'))))));
 };
 
 exports.Text = Text;

package/product-cover/cssm/components/image-card/Component.d.ts

@@ -24,9 +24,14 @@ type ImageCardProps = {
      */
     height?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
 };
 declare const ImageCard: FC<ImageCardProps>;
 export { ImageCardProps, ImageCard };

package/product-cover/cssm/components/image-card/Component.js

@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ImageCard = function (_a) {
-    var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
+    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;
     var imagePatternId = hooks.useId();
     var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
     var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -32,7 +32,7 @@ var ImageCard = function (_a) {
         }
         return null;
     };
-    return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
+    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
 };
 
 exports.ImageCard = ImageCard;

package/product-cover/cssm/components/text/Component.d.ts

@@ -27,9 +27,14 @@ type TextProps = {
      */
     cardNumber?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Управление ориентацией стопки карт компонента
      */

package/product-cover/cssm/components/text/Component.js

@@ -18,20 +18,20 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Text = function (_a) {
-    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;
+    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;
     var maxSize = size === 164;
-    var visibleNumberOfСards = utils_index["showNumberOfСards"](size, numberOfСards, align);
+    var visibleNumberOfCards = utils_index.showNumberOfCards(size, numberOfCards, align);
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component), "data-test-id": dataTestId },
         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,
-        cardNumber && !visibleNumberOfСards ? (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
+        cardNumber && !visibleNumberOfCards ? (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
             React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-light' },
                 [164, 128].includes(size) && '··\u2009',
                 String(cardNumber).slice(-4)),
             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' },
                 React__default.default.createElement(EyeMIcon.EyeMIcon, null))))) : null,
-        visibleNumberOfСards && (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
-            React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfСards, "\u00A0"),
-                utils.pluralize(numberOfСards || 0, 'карта', 'карты', 'карт'))))));
+        visibleNumberOfCards && (React__default.default.createElement("div", { className: styles__default.default.cardNumber },
+            React__default.default.createElement(coreComponentsTypography.Text, { view: consts.TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfCards, "\u00A0"),
+                utils.pluralize(numberOfCards || 0, 'карта', 'карты', 'карт'))))));
 };
 
 exports.Text = Text;

package/product-cover/cssm/single/Component.js

@@ -17,8 +17,8 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Single = function (_a) {
-    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;
-    var hasContent = Boolean(cardNumber || cardholderName || numberOfСards);
+    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;
+    var hasContent = Boolean(cardNumber || cardholderName || numberOfCards);
     var showContent = hasContent && size !== 16 && !contentAddons;
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default["size-".concat(size)], className), style: {
             width: consts.WIDTH_TO_SIZE[size],
@@ -29,8 +29,8 @@ var Single = function (_a) {
         Icon && React__default.default.createElement(Icon, { color: iconColor, className: styles__default.default.icon }),
         React__default.default.createElement(components_overlay_Component.Overlay, { colors: overlayProps.colors, visible: overlayProps.visible }),
         borderColor && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.border), style: { boxShadow: "inset 0 0 0 1px ".concat(borderColor) } })),
-        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 }),
-        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') })),
+        React__default.default.createElement(components_imageCard_Component.ImageCard, { width: consts.WIDTH_TO_SIZE[size], height: size, cardId: cardId, layers: layers, baseUrl: baseUrl, numberOfCards: numberOfCards }),
+        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') })),
         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))));
 };
 

package/product-cover/cssm/stack/Component.js

@@ -16,7 +16,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Stack = function (_a) {
     var _b;
-    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;
+    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;
     var sizeClassNames = "size-".concat(size);
     var secondCardSize = utils_index.getSizeSecondCard(size, align);
     var commonClassName = (_b = {},
@@ -26,7 +26,7 @@ var Stack = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapper, styles__default.default.componentStack, commonClassName, className), "data-test-id": dataTestId },
         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') })),
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.wrapperSecondCard, commonClassName) },
-            React__default.default.createElement(single_Component.Single, tslib.__assign({}, secondCard, { size: secondCardSize, align: align, "numberOf\u0421ards": numberOfСards, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'second-card') })))));
+            React__default.default.createElement(single_Component.Single, tslib.__assign({}, secondCard, { size: secondCardSize, align: align, numberOfCards: numberOfCards, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'second-card') })))));
 };
 
 exports.Stack = Stack;

package/product-cover/cssm/typings.d.ts

@@ -75,9 +75,14 @@ type SingleCommonProps = {
      */
     cardNumber?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Управление ориентацией стопки карт компонента
      */
@@ -99,8 +104,8 @@ type SingleCommonProps = {
      */
     dataTestId?: string;
 };
-type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'align'>;
-type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'className' | 'dataTestId' | 'align'>;
+type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'numberOfCards' | 'align'>;
+type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'numberOfCards' | 'className' | 'dataTestId' | 'align'>;
 type SizeStack = Exclude<Size, 48 | 96 | 164>;
 type ConditionalProps = {
     /**
@@ -133,9 +138,14 @@ type StackProps = ConditionalProps & {
      */
     secondCard?: BankCardImageProps;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/product-cover/cssm/utils/index.d.ts

@@ -10,6 +10,6 @@ declare function getProductCoverStackTestIds(dataTestId: string): {
     userInfoFirstCard: string;
     userInfoSecondCard: string;
 };
-declare const showNumberOfСards: (sizeCard: number, numberOfСards?: number, align?: string) => boolean;
+declare const showNumberOfCards: (sizeCard: number, numberOfCards?: number, align?: string) => boolean;
 declare const getSizeSecondCard: (size: number, align: string) => number;
-export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfСards, getSizeSecondCard };
+export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfCards, getSizeSecondCard };

package/product-cover/cssm/utils/index.js

@@ -19,9 +19,9 @@ function getProductCoverStackTestIds(dataTestId) {
         userInfoSecondCard: coreComponentsShared.getDataTestId(dataTestId, 'second-card-user-info'),
     };
 }
-var showNumberOfСards = function (sizeCard, numberOfСards, align) {
-    if (numberOfСards) {
-        return numberOfСards >= 2 && numberOfСards < 10 && sizeCard === 40 && align === 'default';
+var showNumberOfCards = function (sizeCard, numberOfCards, align) {
+    if (numberOfCards) {
+        return numberOfCards >= 2 && numberOfCards < 10 && sizeCard === 40 && align === 'default';
     }
     return false;
 };
@@ -34,4 +34,4 @@ var getSizeSecondCard = function (size, align) {
 exports.getProductCoverSingleTestIds = getProductCoverSingleTestIds;
 exports.getProductCoverStackTestIds = getProductCoverStackTestIds;
 exports.getSizeSecondCard = getSizeSecondCard;
-exports["showNumberOfСards"] = showNumberOfСards;
+exports.showNumberOfCards = showNumberOfCards;

package/product-cover/esm/components/image-card/Component.d.ts

@@ -24,9 +24,14 @@ type ImageCardProps = {
      */
     height?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
 };
 declare const ImageCard: FC<ImageCardProps>;
 export { ImageCardProps, ImageCard };

package/product-cover/esm/components/image-card/Component.js

@@ -5,7 +5,7 @@ var styles = {"cardMack":"product-cover__cardMack_m95nv","cardImage":"product-co
 require('./index.css');
 
 var ImageCard = function (_a) {
-    var baseUrl = _a.baseUrl, cardId = _a.cardId, layers = _a.layers, width = _a.width, height = _a.height, numberOfСards = _a.numberOfСards;
+    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;
     var imagePatternId = useId();
     var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
     var cardImageUrl2x = width && "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
@@ -27,7 +27,7 @@ var ImageCard = function (_a) {
         }
         return null;
     };
-    return height === 16 && numberOfСards ? renderCardMack() : renderImageCard();
+    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();
 };
 
 export { ImageCard };

package/product-cover/esm/components/text/Component.d.ts

@@ -27,9 +27,14 @@ type TextProps = {
      */
     cardNumber?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Управление ориентацией стопки карт компонента
      */

package/product-cover/esm/components/text/Component.js

@@ -6,26 +6,26 @@ import { Text as Text$1 } from '../../../../typography/esm';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { pluralize } from '@alfalab/utils';
 import { TYPOGRAPHY_VIEW_FOR_SIZE } from '../../consts.js';
-import { showNumberOfСards } from '../../utils/index.js';
+import { showNumberOfCards } from '../../utils/index.js';
 
 var styles = {"component":"product-cover__component_bewva","cardholderName":"product-cover__cardholderName_bewva","cardNumber":"product-cover__cardNumber_bewva","buttonEye":"product-cover__buttonEye_bewva"};
 require('./index.css');
 
 var Text = function (_a) {
-    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;
+    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;
     var maxSize = size === 164;
-    var visibleNumberOfСards = showNumberOfСards(size, numberOfСards, align);
+    var visibleNumberOfCards = showNumberOfCards(size, numberOfCards, align);
     return (React.createElement("div", { className: cn(styles.component), "data-test-id": dataTestId },
         maxSize && cardholderName ? (React.createElement(Text$1, { 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,
-        cardNumber && !visibleNumberOfСards ? (React.createElement("div", { className: styles.cardNumber },
+        cardNumber && !visibleNumberOfCards ? (React.createElement("div", { className: styles.cardNumber },
             React.createElement(Text$1, { view: TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-light' },
                 [164, 128].includes(size) && '··\u2009',
                 String(cardNumber).slice(-4)),
             eyeButton && maxSize && (React.createElement(ButtonDesktop, { view: 'text', className: cn(styles.buttonEye), dataTestId: getDataTestId(dataTestId, 'eye-btn'), onClick: onEyeIconClick, colors: 'inverted' },
                 React.createElement(EyeMIcon, null))))) : null,
-        visibleNumberOfСards && (React.createElement("div", { className: styles.cardNumber },
-            React.createElement(Text$1, { view: TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfСards, "\u00A0"),
-                pluralize(numberOfСards || 0, 'карта', 'карты', 'карт'))))));
+        visibleNumberOfCards && (React.createElement("div", { className: styles.cardNumber },
+            React.createElement(Text$1, { view: TYPOGRAPHY_VIEW_FOR_SIZE[size], weight: 'medium', color: 'static-primary-dark' }, "+".concat(numberOfCards, "\u00A0"),
+                pluralize(numberOfCards || 0, 'карта', 'карты', 'карт'))))));
 };
 
 export { Text };

package/product-cover/esm/single/Component.js

@@ -17,8 +17,8 @@ var styles = {"component":"product-cover__component_1lqux","size-164":"product-c
 require('./index.css');
 
 var Single = function (_a) {
-    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;
-    var hasContent = Boolean(cardNumber || cardholderName || numberOfСards);
+    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;
+    var hasContent = Boolean(cardNumber || cardholderName || numberOfCards);
     var showContent = hasContent && size !== 16 && !contentAddons;
     return (React.createElement("div", { className: cn(styles.component, styles["size-".concat(size)], className), style: {
             width: WIDTH_TO_SIZE[size],
@@ -29,8 +29,8 @@ var Single = function (_a) {
         Icon && React.createElement(Icon, { color: iconColor, className: styles.icon }),
         React.createElement(Overlay, { colors: overlayProps.colors, visible: overlayProps.visible }),
         borderColor && (React.createElement("div", { className: cn(styles.border), style: { boxShadow: "inset 0 0 0 1px ".concat(borderColor) } })),
-        React.createElement(ImageCard, { width: WIDTH_TO_SIZE[size], height: size, cardId: cardId, layers: layers, baseUrl: baseUrl, "numberOf\u0421ards": numberOfСards }),
-        showContent && (React.createElement(Text, { cardNumber: cardNumber, eyeButton: eyeButton, cardholderNameUppercase: cardholderNameUppercase, cardholderName: cardholderName, "numberOf\u0421ards": numberOfСards, align: align, size: size, onEyeIconClick: onEyeIconClick, dataTestId: getDataTestId(dataTestId, 'user-info') })),
+        React.createElement(ImageCard, { width: WIDTH_TO_SIZE[size], height: size, cardId: cardId, layers: layers, baseUrl: baseUrl, numberOfCards: numberOfCards }),
+        showContent && (React.createElement(Text, { cardNumber: cardNumber, eyeButton: eyeButton, cardholderNameUppercase: cardholderNameUppercase, cardholderName: cardholderName, numberOfCards: numberOfCards, align: align, size: size, onEyeIconClick: onEyeIconClick, dataTestId: getDataTestId(dataTestId, 'user-info') })),
         contentAddons && (React.createElement("div", __assign({}, contentAddonsProps, { className: cn(styles.contentAddons, contentAddonsProps === null || contentAddonsProps === void 0 ? void 0 : contentAddonsProps.className) }), contentAddons))));
 };
 

package/product-cover/esm/stack/Component.js

@@ -19,7 +19,7 @@ require('./index.css');
 
 var Stack = function (_a) {
     var _b;
-    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;
+    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;
     var sizeClassNames = "size-".concat(size);
     var secondCardSize = getSizeSecondCard(size, align);
     var commonClassName = (_b = {},
@@ -29,7 +29,7 @@ var Stack = function (_a) {
     return (React.createElement("div", { className: cn(styles.wrapper, styles.componentStack, commonClassName, className), "data-test-id": dataTestId },
         React.createElement(Single, __assign({}, firstCard, { className: cn(styles.firstCard, commonClassName), size: size, dataTestId: getDataTestId(dataTestId, 'first-card') })),
         React.createElement("div", { className: cn(styles.wrapperSecondCard, commonClassName) },
-            React.createElement(Single, __assign({}, secondCard, { size: secondCardSize, align: align, "numberOf\u0421ards": numberOfСards, dataTestId: getDataTestId(dataTestId, 'second-card') })))));
+            React.createElement(Single, __assign({}, secondCard, { size: secondCardSize, align: align, numberOfCards: numberOfCards, dataTestId: getDataTestId(dataTestId, 'second-card') })))));
 };
 
 export { Stack };

package/product-cover/esm/typings.d.ts

@@ -75,9 +75,14 @@ type SingleCommonProps = {
      */
     cardNumber?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Управление ориентацией стопки карт компонента
      */
@@ -99,8 +104,8 @@ type SingleCommonProps = {
      */
     dataTestId?: string;
 };
-type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'align'>;
-type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'className' | 'dataTestId' | 'align'>;
+type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'numberOfCards' | 'align'>;
+type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'numberOfCards' | 'className' | 'dataTestId' | 'align'>;
 type SizeStack = Exclude<Size, 48 | 96 | 164>;
 type ConditionalProps = {
     /**
@@ -133,9 +138,14 @@ type StackProps = ConditionalProps & {
      */
     secondCard?: BankCardImageProps;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/product-cover/esm/utils/index.d.ts

@@ -10,6 +10,6 @@ declare function getProductCoverStackTestIds(dataTestId: string): {
     userInfoFirstCard: string;
     userInfoSecondCard: string;
 };
-declare const showNumberOfСards: (sizeCard: number, numberOfСards?: number, align?: string) => boolean;
+declare const showNumberOfCards: (sizeCard: number, numberOfCards?: number, align?: string) => boolean;
 declare const getSizeSecondCard: (size: number, align: string) => number;
-export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfСards, getSizeSecondCard };
+export { getProductCoverSingleTestIds, getProductCoverStackTestIds, showNumberOfCards, getSizeSecondCard };

package/product-cover/esm/utils/index.js

@@ -17,9 +17,9 @@ function getProductCoverStackTestIds(dataTestId) {
         userInfoSecondCard: getDataTestId(dataTestId, 'second-card-user-info'),
     };
 }
-var showNumberOfСards = function (sizeCard, numberOfСards, align) {
-    if (numberOfСards) {
-        return numberOfСards >= 2 && numberOfСards < 10 && sizeCard === 40 && align === 'default';
+var showNumberOfCards = function (sizeCard, numberOfCards, align) {
+    if (numberOfCards) {
+        return numberOfCards >= 2 && numberOfCards < 10 && sizeCard === 40 && align === 'default';
     }
     return false;
 };
@@ -29,4 +29,4 @@ var getSizeSecondCard = function (size, align) {
     return SECOND_CARD_SIZE[size];
 };
 
-export { getProductCoverSingleTestIds, getProductCoverStackTestIds, getSizeSecondCard, showNumberOfСards };
+export { getProductCoverSingleTestIds, getProductCoverStackTestIds, getSizeSecondCard, showNumberOfCards };

package/product-cover/modern/components/image-card/Component.d.ts

@@ -24,9 +24,14 @@ type ImageCardProps = {
      */
     height?: number;
     /**
-     * Количество карт
+     * (Устаревший) Количество карт
+     * @deprecated Используйте 'numberOfCards'
      */
     numberOfСards?: number;
+    /**
+     * Количество карт
+     */
+    numberOfCards?: number;
 };
 declare const ImageCard: FC<ImageCardProps>;
 export { ImageCardProps, ImageCard };