@alfalab/core-components 45.8.0 → 45.9.0

package/badge/index.css

@@ -37,25 +37,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-neutral-1500-inverted);
-} .badge__wrapper_bf383 {
+} .badge__wrapper_13jfy {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_bf383.badge__s_bf383 {
+} .badge__wrapper_13jfy.badge__s_13jfy {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_bf383.badge__m_bf383 {
+    } .badge__wrapper_13jfy.badge__m_13jfy {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_bf383.badge__xl_bf383 {
+    } .badge__wrapper_13jfy.badge__xl_13jfy {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_bf383 {
+    } .badge__component_13jfy {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -65,93 +65,93 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_bf383.badge__background-accent_bf383 {
+} .badge__component_13jfy.badge__background-accent_13jfy {
         background-color: var(--color-light-accent-primary);
         color: var(--color-static-text-primary-inverted);
-    } .badge__component_bf383.badge__background-specialbg-secondary-transparent_bf383 {
+    } .badge__component_13jfy.badge__background-specialbg-secondary-transparent_13jfy {
         background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_bf383.badge__background-primary_bf383 {
+    } .badge__component_13jfy.badge__background-primary_13jfy {
         background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__countWrapper_bf383 {
+    } .badge__countWrapper_13jfy {
     display: inline-flex;
     border-radius: var(--border-radius-pill);
-} .badge__count_bf383 {
+} .badge__count_13jfy {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-} .badge__outlineCount_bf383 {
+} .badge__outlineCount_13jfy {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_bf383 {
+} .badge__s_13jfy {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_bf383 {
+} .badge__m_13jfy {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_bf383 {
+} .badge__l_13jfy {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_bf383 {
+} .badge__heightS_13jfy {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_bf383 {
+} .badge__heightM_13jfy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_bf383 {
+} .badge__heightL_13jfy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_bf383 {
+} .badge__heightXL_13jfy {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_bf383 {
+} .badge__heightXXL_13jfy {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_bf383.badge__outlineCount_bf383 {
+} .badge__heightS_13jfy.badge__outlineCount_13jfy {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_bf383 {
+} .badge__icon_13jfy {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-status-positive)
-} .badge__icon_bf383.badge__positive_bf383 {
+} .badge__icon_13jfy.badge__positive_13jfy {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_bf383.badge__attention_bf383 {
+    } .badge__icon_13jfy.badge__attention_13jfy {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_bf383.badge__negative_bf383 {
+    } .badge__icon_13jfy.badge__negative_13jfy {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_bf383.badge__link_bf383 {
+    } .badge__icon_13jfy.badge__link_13jfy {
         color: var(--color-light-status-info);
         background-color: var(--color-light-status-info);
-    } .badge__icon_bf383.badge__tertiary_bf383 {
+    } .badge__icon_13jfy.badge__tertiary_13jfy {
         color: var(--color-light-neutral-500);
         background-color: var(--color-light-neutral-500);
-    } .badge__icon_bf383.badge__secondary_bf383 {
+    } .badge__icon_13jfy.badge__secondary_13jfy {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_bf383.badge__primary_bf383 {
+    } .badge__icon_13jfy.badge__primary_13jfy {
         color: var(--color-light-neutral-1500);
         background-color: var(--color-light-neutral-1500);
-    } .badge__icon_bf383.badge__s_bf383 {
+    } .badge__icon_13jfy.badge__s_13jfy {
     width: 16px;
     height: 16px;
-} .badge__icon_bf383:before {
+} .badge__icon_13jfy:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -160,45 +160,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_bf383.badge__icon_bf383:before {
+} .badge__graphic-static-light_13jfy.badge__icon_13jfy:before {
     background-color: var(--color-static-neutral-1500-inverted);
-} .badge__graphic-primary_bf383.badge__icon_bf383:before {
+} .badge__graphic-primary_13jfy.badge__icon_13jfy:before {
     background-color: var(--color-light-neutral-1500);
-} .badge__outline_bf383 {
+} .badge__outline_13jfy {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_bf383 {
+} .badge__outlineColor_13jfy {
     background-color: var(--color-light-accent-primary)
-} .badge__outlineColor_bf383.badge__attention_bf383 {
+} .badge__outlineColor_13jfy.badge__attention_13jfy {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_bf383.badge__positive_bf383 {
+    } .badge__outlineColor_13jfy.badge__positive_13jfy {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_bf383.badge__negative_bf383 {
+    } .badge__outlineColor_13jfy.badge__negative_13jfy {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_bf383.badge__link_bf383 {
+    } .badge__outlineColor_13jfy.badge__link_13jfy {
         background-color: var(--color-light-status-info);
-    } .badge__outlineColor_bf383.badge__tertiary_bf383 {
+    } .badge__outlineColor_13jfy.badge__tertiary_13jfy {
         background-color: var(--color-light-neutral-500);
-    } .badge__outlineColor_bf383.badge__secondary_bf383 {
+    } .badge__outlineColor_13jfy.badge__secondary_13jfy {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_bf383.badge__primary_bf383 {
+    } .badge__outlineColor_13jfy.badge__primary_13jfy {
         background-color: var(--color-light-neutral-1500);
-    } .badge__dot_bf383 {
+    } .badge__dot_13jfy {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_bf383.badge__outlineCount_bf383 {
+} .badge__dot_13jfy.badge__outlineCount_13jfy {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_bf383 {
+} .badge__isHidden_13jfy {
     display: none;
-} .badge__icon_bf383 svg {
+} .badge__icon_13jfy svg {
     position: relative;
-} .badge__m_bf383 svg {
+} .badge__m_13jfy svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_bf383 svg {
+} .badge__xl_13jfy svg {
     width: 30px;
     height: 30px;
 }

package/badge/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"wrapper":"badge__wrapper_bf383","s":"badge__s_bf383","m":"badge__m_bf383","xl":"badge__xl_bf383","component":"badge__component_bf383","background-accent":"badge__background-accent_bf383","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_bf383","background-primary":"badge__background-primary_bf383","countWrapper":"badge__countWrapper_bf383","count":"badge__count_bf383","outlineCount":"badge__outlineCount_bf383","l":"badge__l_bf383","heightS":"badge__heightS_bf383","heightM":"badge__heightM_bf383","heightL":"badge__heightL_bf383","heightXL":"badge__heightXL_bf383","heightXXL":"badge__heightXXL_bf383","icon":"badge__icon_bf383","positive":"badge__positive_bf383","attention":"badge__attention_bf383","negative":"badge__negative_bf383","link":"badge__link_bf383","tertiary":"badge__tertiary_bf383","secondary":"badge__secondary_bf383","primary":"badge__primary_bf383","graphic-static-light":"badge__graphic-static-light_bf383","graphic-primary":"badge__graphic-primary_bf383","outline":"badge__outline_bf383","outlineColor":"badge__outlineColor_bf383","dot":"badge__dot_bf383","isHidden":"badge__isHidden_bf383"};
+const styles = {"wrapper":"badge__wrapper_13jfy","s":"badge__s_13jfy","m":"badge__m_13jfy","xl":"badge__xl_13jfy","component":"badge__component_13jfy","background-accent":"badge__background-accent_13jfy","background-specialbg-secondary-transparent":"badge__background-specialbg-secondary-transparent_13jfy","background-primary":"badge__background-primary_13jfy","countWrapper":"badge__countWrapper_13jfy","count":"badge__count_13jfy","outlineCount":"badge__outlineCount_13jfy","l":"badge__l_13jfy","heightS":"badge__heightS_13jfy","heightM":"badge__heightM_13jfy","heightL":"badge__heightL_13jfy","heightXL":"badge__heightXL_13jfy","heightXXL":"badge__heightXXL_13jfy","icon":"badge__icon_13jfy","positive":"badge__positive_13jfy","attention":"badge__attention_13jfy","negative":"badge__negative_13jfy","link":"badge__link_13jfy","tertiary":"badge__tertiary_13jfy","secondary":"badge__secondary_13jfy","primary":"badge__primary_13jfy","graphic-static-light":"badge__graphic-static-light_13jfy","graphic-primary":"badge__graphic-primary_13jfy","outline":"badge__outline_13jfy","outlineColor":"badge__outlineColor_13jfy","dot":"badge__dot_13jfy","isHidden":"badge__isHidden_13jfy"};
 require('./index.css');
 
 function getSize(height) {

package/badge/modern/index.css

@@ -37,25 +37,25 @@
 } :root {
 } :root {
     --badge-icon-bg-color: var(--color-light-neutral-1500-inverted);
-} .badge__wrapper_bf383 {
+} .badge__wrapper_13jfy {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--border-radius-circle);
     box-sizing: border-box
-} .badge__wrapper_bf383.badge__s_bf383 {
+} .badge__wrapper_13jfy.badge__s_13jfy {
         padding: var(--gap-3xs);
         width: 20px;
         height: 20px;
-    } .badge__wrapper_bf383.badge__m_bf383 {
+    } .badge__wrapper_13jfy.badge__m_13jfy {
         padding: var(--gap-3xs);
         width: 24px;
         height: 24px;
-    } .badge__wrapper_bf383.badge__xl_bf383 {
+    } .badge__wrapper_13jfy.badge__xl_13jfy {
         padding: 5px;
         width: 40px;
         height: 40px;
-    } .badge__component_bf383 {
+    } .badge__component_13jfy {
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
@@ -65,93 +65,93 @@
     box-sizing: border-box;
     border-radius: var(--border-radius-pill);
     overflow: hidden
-} .badge__component_bf383.badge__background-accent_bf383 {
+} .badge__component_13jfy.badge__background-accent_13jfy {
         background-color: var(--color-light-accent-primary);
         color: var(--color-static-text-primary-inverted);
-    } .badge__component_bf383.badge__background-specialbg-secondary-transparent_bf383 {
+    } .badge__component_13jfy.badge__background-specialbg-secondary-transparent_13jfy {
         background-color: var(--color-light-neutral-translucent-200);
         color: var(--color-light-text-primary);
-    } .badge__component_bf383.badge__background-primary_bf383 {
+    } .badge__component_13jfy.badge__background-primary_13jfy {
         background-color: var(--color-light-neutral-0);
         color: var(--color-light-text-primary);
-    } .badge__countWrapper_bf383 {
+    } .badge__countWrapper_13jfy {
     display: inline-flex;
     border-radius: var(--border-radius-pill);
-} .badge__count_bf383 {
+} .badge__count_13jfy {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-} .badge__outlineCount_bf383 {
+} .badge__outlineCount_13jfy {
     border: 2px solid var(--badge-icon-bg-color);
-} .badge__s_bf383 {
+} .badge__s_13jfy {
     height: 16px;
     min-width: 16px;
     padding: 0 var(--gap-2xs);
-} .badge__m_bf383 {
+} .badge__m_13jfy {
     height: 20px;
     min-width: 20px;
     padding: 0 6px;
-} .badge__l_bf383 {
+} .badge__l_13jfy {
     height: 24px;
     min-width: 24px;
     padding: 0 6px;
-} .badge__heightS_bf383 {
+} .badge__heightS_13jfy {
     font-size: 11px;
     line-height: 16px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightM_bf383 {
+} .badge__heightM_13jfy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-2xs);
-} .badge__heightL_bf383 {
+} .badge__heightL_13jfy {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
     padding: 0 var(--gap-xs);
-} .badge__heightXL_bf383 {
+} .badge__heightXL_13jfy {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-s);
-} .badge__heightXXL_bf383 {
+} .badge__heightXXL_13jfy {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     padding: 0 var(--gap-m);
-} .badge__heightS_bf383.badge__outlineCount_bf383 {
+} .badge__heightS_13jfy.badge__outlineCount_13jfy {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__icon_bf383 {
+} .badge__icon_13jfy {
     max-height: 30px;
     min-width: 0;
     padding: 0;
     color: var(--color-light-status-positive)
-} .badge__icon_bf383.badge__positive_bf383 {
+} .badge__icon_13jfy.badge__positive_13jfy {
         color: var(--color-light-status-positive);
         background-color: var(--color-light-status-positive);
-    } .badge__icon_bf383.badge__attention_bf383 {
+    } .badge__icon_13jfy.badge__attention_13jfy {
         color: var(--color-light-status-attention);
         background-color: var(--color-light-status-attention);
-    } .badge__icon_bf383.badge__negative_bf383 {
+    } .badge__icon_13jfy.badge__negative_13jfy {
         color: var(--color-light-status-negative);
         background-color: var(--color-light-status-negative);
-    } .badge__icon_bf383.badge__link_bf383 {
+    } .badge__icon_13jfy.badge__link_13jfy {
         color: var(--color-light-status-info);
         background-color: var(--color-light-status-info);
-    } .badge__icon_bf383.badge__tertiary_bf383 {
+    } .badge__icon_13jfy.badge__tertiary_13jfy {
         color: var(--color-light-neutral-500);
         background-color: var(--color-light-neutral-500);
-    } .badge__icon_bf383.badge__secondary_bf383 {
+    } .badge__icon_13jfy.badge__secondary_13jfy {
         color: var(--color-light-neutral-700);
         background-color: var(--color-light-neutral-700);
-    } .badge__icon_bf383.badge__primary_bf383 {
+    } .badge__icon_13jfy.badge__primary_13jfy {
         color: var(--color-light-neutral-1500);
         background-color: var(--color-light-neutral-1500);
-    } .badge__icon_bf383.badge__s_bf383 {
+    } .badge__icon_13jfy.badge__s_13jfy {
     width: 16px;
     height: 16px;
-} .badge__icon_bf383:before {
+} .badge__icon_13jfy:before {
     position: absolute;
     z-index: -1;
     left: 18%;
@@ -160,45 +160,45 @@
     bottom: 18%;
     border-radius: var(--border-radius-pill);
     content: '';
-} .badge__graphic-static-light_bf383.badge__icon_bf383:before {
+} .badge__graphic-static-light_13jfy.badge__icon_13jfy:before {
     background-color: var(--color-static-neutral-1500-inverted);
-} .badge__graphic-primary_bf383.badge__icon_bf383:before {
+} .badge__graphic-primary_13jfy.badge__icon_13jfy:before {
     background-color: var(--color-light-neutral-1500);
-} .badge__outline_bf383 {
+} .badge__outline_13jfy {
     background-color: var(--badge-icon-bg-color);
-} .badge__outlineColor_bf383 {
+} .badge__outlineColor_13jfy {
     background-color: var(--color-light-accent-primary)
-} .badge__outlineColor_bf383.badge__attention_bf383 {
+} .badge__outlineColor_13jfy.badge__attention_13jfy {
         background-color: var(--color-light-status-attention);
-    } .badge__outlineColor_bf383.badge__positive_bf383 {
+    } .badge__outlineColor_13jfy.badge__positive_13jfy {
         background-color: var(--color-light-status-positive);
-    } .badge__outlineColor_bf383.badge__negative_bf383 {
+    } .badge__outlineColor_13jfy.badge__negative_13jfy {
         background-color: var(--color-light-status-negative);
-    } .badge__outlineColor_bf383.badge__link_bf383 {
+    } .badge__outlineColor_13jfy.badge__link_13jfy {
         background-color: var(--color-light-status-info);
-    } .badge__outlineColor_bf383.badge__tertiary_bf383 {
+    } .badge__outlineColor_13jfy.badge__tertiary_13jfy {
         background-color: var(--color-light-neutral-500);
-    } .badge__outlineColor_bf383.badge__secondary_bf383 {
+    } .badge__outlineColor_13jfy.badge__secondary_13jfy {
         background-color: var(--color-light-neutral-700);
-    } .badge__outlineColor_bf383.badge__primary_bf383 {
+    } .badge__outlineColor_13jfy.badge__primary_13jfy {
         background-color: var(--color-light-neutral-1500);
-    } .badge__dot_bf383 {
+    } .badge__dot_13jfy {
     width: 8px;
     height: 8px;
     min-width: 0;
     padding: 0;
-} .badge__dot_bf383.badge__outlineCount_bf383 {
+} .badge__dot_13jfy.badge__outlineCount_13jfy {
     border: 1px solid var(--badge-icon-bg-color);
-} .badge__isHidden_bf383 {
+} .badge__isHidden_13jfy {
     display: none;
-} .badge__icon_bf383 svg {
+} .badge__icon_13jfy svg {
     position: relative;
-} .badge__m_bf383 svg {
+} .badge__m_13jfy svg {
     top: -2px;
     left: -2px;
     width: 24px;
     height: 24px;
-} .badge__xl_bf383 svg {
+} .badge__xl_13jfy svg {
     width: 30px;
     height: 30px;
 }

package/bank-card/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/Component.js

@@ -8,6 +8,8 @@ var AlfaBankLIcon = require('@alfalab/icons-logotype/AlfaBankLIcon');
 var MastercardLIcon = require('@alfalab/icons-logotype/MastercardLIcon');
 var MirXxlIcon = require('@alfalab/icons-logotype/MirXxlIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');
+var helpers_getDefaultInputLabel = require('./helpers/getDefaultInputLabel.js');
+var enums = require('./enums.js');
 var utils = require('./utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"bank-card__component_1bsc3","aspectRatioContainer":"bank-card__aspectRatioContainer_1bsc3","content":"bank-card__content_1bsc3","label":"bank-card__label_1bsc3","focused":"bank-card__focused_1bsc3","filled":"bank-card__filled_1bsc3","input":"bank-card__input_1bsc3","bankLogo":"bank-card__bankLogo_1bsc3","brandLogo":"bank-card__brandLogo_1bsc3","usePhoto":"bank-card__usePhoto_1bsc3"};
+var styles = {"component":"bank-card__component_k6v85","aspectRatioContainer":"bank-card__aspectRatioContainer_k6v85","content":"bank-card__content_k6v85","label":"bank-card__label_k6v85","focused":"bank-card__focused_k6v85","filled":"bank-card__filled_k6v85","input":"bank-card__input_k6v85","bankLogo":"bank-card__bankLogo_k6v85","brandLogo":"bank-card__brandLogo_k6v85","usePhoto":"bank-card__usePhoto_k6v85"};
 require('./index.css');
 
 // prettier-ignore
@@ -38,12 +40,20 @@ var getBrandIcon = function (value) {
     return null;
 };
 var BankCard = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Номер карты или счёта' : _d, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId, _d = _a.maskType, maskType = _d === void 0 ? enums.MaskTypeEnum.Default : _d, _e = _a.inputLabel, inputLabel = _e === void 0 ? helpers_getDefaultInputLabel.getDefaultInputLabel(maskType) : _e;
     var uncontrolled = value === undefined;
-    var _e = React.useState(getBrandIcon(value)), brandIcon = _e[0], setBrandIcon = _e[1];
+    var _f = React.useState(getBrandIcon(value)), brandIcon = _f[0], setBrandIcon = _f[1];
     var getMask = React.useCallback(function (newValue) {
-        return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
-    }, []);
+        switch (maskType) {
+            case enums.MaskTypeEnum.Card:
+                return cardMask;
+            case enums.MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case enums.MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     var handleInputChange = React.useCallback(function (event, payload) {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -64,10 +74,5 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 exports.BankCard = BankCard;

package/bank-card/cssm/Component.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, MouseEvent, ReactNode } from "react";
+import { MaskType } from "./types";
 type BankCardProps = {
     /**
      * Дополнительный класс
@@ -36,6 +37,11 @@ type BankCardProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Тип вводимой маски. Позволяет устанавливать необходимый тип номера (номер карты или номер счёта)
+     * Если параметр не передавать - работает с обоими типами номеров
+     */
+    maskType?: MaskType;
 };
 declare const BankCard: React.ForwardRefExoticComponent<BankCardProps & React.RefAttributes<HTMLInputElement>>;
 export { BankCardProps, BankCard };

package/bank-card/cssm/Component.js

@@ -8,6 +8,8 @@ var AlfaBankLIcon = require('@alfalab/icons-logotype/AlfaBankLIcon');
 var MastercardLIcon = require('@alfalab/icons-logotype/MastercardLIcon');
 var MirXxlIcon = require('@alfalab/icons-logotype/MirXxlIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');
+var helpers_getDefaultInputLabel = require('./helpers/getDefaultInputLabel.js');
+var enums = require('./enums.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
 
@@ -37,12 +39,20 @@ var getBrandIcon = function (value) {
     return null;
 };
 var BankCard = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Номер карты или счёта' : _d, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId;
+    var _b = _a.bankLogo, bankLogo = _b === void 0 ? React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null) : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? '#EF3124' : _c, value = _a.value, className = _a.className, onUsePhoto = _a.onUsePhoto, onChange = _a.onChange, dataTestId = _a.dataTestId, _d = _a.maskType, maskType = _d === void 0 ? enums.MaskTypeEnum.Default : _d, _e = _a.inputLabel, inputLabel = _e === void 0 ? helpers_getDefaultInputLabel.getDefaultInputLabel(maskType) : _e;
     var uncontrolled = value === undefined;
-    var _e = React.useState(getBrandIcon(value)), brandIcon = _e[0], setBrandIcon = _e[1];
+    var _f = React.useState(getBrandIcon(value)), brandIcon = _f[0], setBrandIcon = _f[1];
     var getMask = React.useCallback(function (newValue) {
-        return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
-    }, []);
+        switch (maskType) {
+            case enums.MaskTypeEnum.Card:
+                return cardMask;
+            case enums.MaskTypeEnum.AccountNumber:
+                return accountNumberMask;
+            case enums.MaskTypeEnum.Default:
+            default:
+                return newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        }
+    }, [maskType]);
     var handleInputChange = React.useCallback(function (event, payload) {
         if (uncontrolled) {
             setBrandIcon(getBrandIcon(event.target.value));
@@ -63,10 +73,5 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles__default.default.input, labelClassName: styles__default.default.label, filledClassName: styles__default.default.filled, focusedClassName: styles__default.default.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles__default.default.brandLogo }, brandIcon)))));
 });
-BankCard.defaultProps = {
-    bankLogo: React__default.default.createElement(AlfaBankLIcon.AlfaBankLIcon, null),
-    backgroundColor: '#EF3124',
-    inputLabel: 'Номер карты или счёта',
-};
 
 exports.BankCard = BankCard;

package/bank-card/cssm/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/cssm/enums.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.MaskTypeEnum = void 0;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(exports.MaskTypeEnum || (exports.MaskTypeEnum = {}));

package/bank-card/cssm/helpers/getDefaultInputLabel.d.ts

@@ -0,0 +1,3 @@
+import { MaskType } from "../types";
+declare const getDefaultInputLabel: (maskType: MaskType) => "Номер карты" | "Номер счёта" | "Номер карты или счёта";
+export { getDefaultInputLabel };

package/bank-card/cssm/helpers/getDefaultInputLabel.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums = require('../enums.js');
+
+var getDefaultInputLabel = function (maskType) {
+    switch (maskType) {
+        case enums.MaskTypeEnum.Card:
+            return 'Номер карты';
+        case enums.MaskTypeEnum.AccountNumber:
+            return 'Номер счёта';
+        case enums.MaskTypeEnum.Default:
+        default:
+            return 'Номер карты или счёта';
+    }
+};
+
+exports.getDefaultInputLabel = getDefaultInputLabel;

package/bank-card/cssm/types.d.ts

@@ -0,0 +1,2 @@
+type MaskType = 'default' | 'card' | 'account-number';
+export { MaskType };

package/bank-card/cssm/types.js

@@ -0,0 +1 @@
+

package/bank-card/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum MaskTypeEnum {
+    Card = "card",
+    AccountNumber = "account-number",
+    Default = "default"
+}
+export { MaskTypeEnum };

package/bank-card/enums.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+exports.MaskTypeEnum = void 0;
+(function (MaskTypeEnum) {
+    MaskTypeEnum["Card"] = "card";
+    MaskTypeEnum["AccountNumber"] = "account-number";
+    MaskTypeEnum["Default"] = "default";
+})(exports.MaskTypeEnum || (exports.MaskTypeEnum = {}));