@alfalab/core-components 48.25.0-beta.0 → 48.25.1-beta.0

package/confirmation-v1/modern/components/countdown/component.js

@@ -5,7 +5,7 @@ import { usePrevious } from '@alfalab/hooks';
 import { phoneNumber } from '@alfalab/utils';
 import { CountdownLoader } from '../countdown-loader/component.js';
 
-const styles = {"component":"confirmation-v1__component_haxsr","hasError":"confirmation-v1__hasError_haxsr","getCodeButton":"confirmation-v1__getCodeButton_haxsr","info":"confirmation-v1__info_haxsr","customContent":"confirmation-v1__customContent_haxsr","loaderWrap":"confirmation-v1__loaderWrap_haxsr","loader":"confirmation-v1__loader_haxsr","center":"confirmation-v1__center_haxsr","timePassed":"confirmation-v1__timePassed_haxsr","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_haxsr"};
+const styles = {"component":"confirmation-v1__component_ruvow","hasError":"confirmation-v1__hasError_ruvow","getCodeButton":"confirmation-v1__getCodeButton_ruvow","info":"confirmation-v1__info_ruvow","customContent":"confirmation-v1__customContent_ruvow","loaderWrap":"confirmation-v1__loaderWrap_ruvow","loader":"confirmation-v1__loader_ruvow","center":"confirmation-v1__center_ruvow","timePassed":"confirmation-v1__timePassed_ruvow","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_ruvow"};
 require('./index.css');
 
 /**
@@ -89,11 +89,11 @@ const Countdown = ({ duration = 5000, phone = '', hasPhoneMask = true, buttonRet
     }
     return (React.createElement(Container, { alignContent: alignContent, hasError: hasError },
         phone && !hasError && (React.createElement("div", null,
-            "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430",
+            "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u043B\u0438 \u043D\u0430",
             ' ',
             hasPhoneMask ? phoneNumber.mask(formattedPhone) : formattedPhone)),
         noAttemptsLeftMessage ? (React.createElement("div", { className: styles.noAttemptsLeftMessage }, noAttemptsLeftMessage)) : repeatSmsButtonShow ? (retryButton) : (React.createElement("div", null,
-            React.createElement("div", { className: styles.info }, "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437"),
+            React.createElement("div", { className: styles.info }, "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437"),
             React.createElement("div", { className: styles.loaderWrap },
                 React.createElement(CountdownLoader, { progress: progress, className: styles.loader }),
                 React.createElement("div", { className: styles.timePassed }, formatMsAsMinutes(duration - timePassed)))))));

package/confirmation-v1/modern/components/countdown/index.css

@@ -46,7 +46,7 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_haxsr {
+} .confirmation-v1__component_ruvow {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -58,29 +58,29 @@
     align-items: flex-start;
     margin-top: var(--gap-40);
     color: var(--confirmation-text-color);
-} .confirmation-v1__hasError_haxsr .confirmation-v1__getCodeButton_haxsr {
+} .confirmation-v1__hasError_ruvow .confirmation-v1__getCodeButton_ruvow {
         margin-top: var(--gap-0);
-    } .confirmation-v1__hasError_haxsr .confirmation-v1__info_haxsr {
+    } .confirmation-v1__hasError_ruvow .confirmation-v1__info_ruvow {
         margin-top: var(--gap-0);
-    } .confirmation-v1__hasError_haxsr .confirmation-v1__customContent_haxsr {
+    } .confirmation-v1__hasError_ruvow .confirmation-v1__customContent_ruvow {
         margin-bottom: var(--gap-32);
-    } .confirmation-v1__info_haxsr {
+    } .confirmation-v1__info_ruvow {
     margin: var(--gap-4) var(--gap-0);
-} .confirmation-v1__loaderWrap_haxsr {
+} .confirmation-v1__loaderWrap_ruvow {
     display: flex;
     align-items: center;
     margin-bottom: var(--gap-8);
-} .confirmation-v1__loader_haxsr {
+} .confirmation-v1__loader_ruvow {
     margin-right: var(--gap-8);
-} .confirmation-v1__center_haxsr {
+} .confirmation-v1__center_ruvow {
     align-items: center
-} .confirmation-v1__center_haxsr .confirmation-v1__loaderWrap_haxsr {
+} .confirmation-v1__center_ruvow .confirmation-v1__loaderWrap_ruvow {
         justify-content: center;
-    } .confirmation-v1__timePassed_haxsr {
+    } .confirmation-v1__timePassed_ruvow {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_haxsr {
+} .confirmation-v1__getCodeButton_ruvow {
     margin-top: var(--gap-32);
-} .confirmation-v1__noAttemptsLeftMessage_haxsr {
+} .confirmation-v1__noAttemptsLeftMessage_ruvow {
     margin: var(--gap-4) var(--gap-0) var(--gap-8);
 }

package/confirmation-v1/modern/components/countdown-loader/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const styles = {"circle":"confirmation-v1__circle_gvpf2"};
+const styles = {"circle":"confirmation-v1__circle_rfnb7"};
 require('./index.css');
 
 const SIZE = 16;

package/confirmation-v1/modern/components/countdown-loader/index.css

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .confirmation-v1__circle_gvpf2 {
+} /* сбрасывает синюю подсветку при нажатии */ .confirmation-v1__circle_rfnb7 {
     fill: transparent;
     stroke: var(--color-light-neutral-500);
     stroke-width: 2px;

package/confirmation-v1/modern/components/overlimit/component.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '@alfalab/hooks';
 import '@alfalab/utils';
 
-const styles = {"component":"confirmation-v1__component_13ujm","title":"confirmation-v1__title_13ujm","description":"confirmation-v1__description_13ujm","countdown":"confirmation-v1__countdown_13ujm","loader":"confirmation-v1__loader_13ujm","timePassed":"confirmation-v1__timePassed_13ujm","getCodeButton":"confirmation-v1__getCodeButton_13ujm","alertIcon":"confirmation-v1__alertIcon_13ujm"};
+const styles = {"component":"confirmation-v1__component_1eehi","title":"confirmation-v1__title_1eehi","description":"confirmation-v1__description_1eehi","countdown":"confirmation-v1__countdown_1eehi","loader":"confirmation-v1__loader_1eehi","timePassed":"confirmation-v1__timePassed_1eehi","getCodeButton":"confirmation-v1__getCodeButton_1eehi","alertIcon":"confirmation-v1__alertIcon_1eehi"};
 require('./index.css');
 
 const Overlimit = ({ duration = 60000, buttonRetryText, hasFatalError, onOverlimitRepeatSms, onOverlimitCountdownFinished, text, title, }) => {

package/confirmation-v1/modern/components/overlimit/index.css

@@ -55,11 +55,11 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_13ujm {
+} .confirmation-v1__component_1eehi {
     display: flex;
     flex-direction: column;
     align-items: center;
-} .confirmation-v1__title_13ujm {
+} .confirmation-v1__title_1eehi {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -68,25 +68,25 @@
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 
     margin-bottom: var(--gap-40);
-} .confirmation-v1__description_13ujm {
+} .confirmation-v1__description_1eehi {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation-v1__countdown_13ujm {
+} .confirmation-v1__countdown_1eehi {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: var(--gap-4);
-} .confirmation-v1__loader_13ujm {
+} .confirmation-v1__loader_1eehi {
     margin-right: var(--gap-8);
-} .confirmation-v1__timePassed_13ujm {
+} .confirmation-v1__timePassed_1eehi {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_13ujm {
+} .confirmation-v1__getCodeButton_1eehi {
     margin-top: var(--gap-32);
-} .confirmation-v1__alertIcon_13ujm {
+} .confirmation-v1__alertIcon_1eehi {
     text-align: center;
     margin-bottom: var(--gap-24);
     color: var(--color-static-status-red);

package/confirmation-v1/modern/components/sign-confirmation/component.js

@@ -10,7 +10,7 @@ import '../../../../button/modern/desktop';
 import '@alfalab/utils';
 import '../countdown-loader/component.js';
 
-const styles = {"component":"confirmation-v1__component_1kn9s","countdown":"confirmation-v1__countdown_1kn9s","hidden":"confirmation-v1__hidden_1kn9s","header":"confirmation-v1__header_1kn9s","inputContainer":"confirmation-v1__inputContainer_1kn9s","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_1kn9s","smsComeLink":"confirmation-v1__smsComeLink_1kn9s","error":"confirmation-v1__error_1kn9s","loaderWrap":"confirmation-v1__loaderWrap_1kn9s","loaderText":"confirmation-v1__loaderText_1kn9s","center":"confirmation-v1__center_1kn9s","codeInput":"confirmation-v1__codeInput_1kn9s"};
+const styles = {"component":"confirmation-v1__component_nnyd9","countdown":"confirmation-v1__countdown_nnyd9","hidden":"confirmation-v1__hidden_nnyd9","header":"confirmation-v1__header_nnyd9","inputContainer":"confirmation-v1__inputContainer_nnyd9","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_nnyd9","smsComeLink":"confirmation-v1__smsComeLink_nnyd9","error":"confirmation-v1__error_nnyd9","loaderWrap":"confirmation-v1__loaderWrap_nnyd9","loaderText":"confirmation-v1__loaderText_nnyd9","center":"confirmation-v1__center_nnyd9","codeInput":"confirmation-v1__codeInput_nnyd9"};
 require('./index.css');
 
 const SignConfirmation = ({ codeChecking, codeSending, smsHintVisible, requiredCharAmount, countdownDuration, additionalContent, hasPhoneMask, phone, code: inputValue, error, errorText, title, hasSmsCountdown, inputRef, codeCheckingText, codeSendingText, alignContent, noAttemptsLeftMessage, buttonRetryText, countdownContent, onInputFinished, onInputChange, onSmsRetryClick, onCountdownFinished, onSmsHintLinkClick, }) => {
@@ -44,7 +44,7 @@ const SignConfirmation = ({ codeChecking, codeSending, smsHintVisible, requiredC
         hasSmsCountdown && (React.createElement("div", { className: cn('countdown', styles.countdown, { [styles.hidden]: processing }) },
             React.createElement(Countdown, { duration: countdownDuration, phone: phone, hasPhoneMask: hasPhoneMask, alignContent: alignContent, noAttemptsLeftMessage: noAttemptsLeftMessage, hasError: Boolean(displayedError), buttonRetryText: buttonRetryText, content: countdownContent, onRepeatSms: onSmsRetryClick, onCountdownFinished: onCountdownFinished }))),
         smsHintVisible && (React.createElement("div", { className: styles.smsComeLinkWrap },
-            React.createElement(Link, { onClick: onSmsHintLinkClick, className: styles.smsComeLink, view: 'secondary', pseudo: true }, "\u041D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"))),
+            React.createElement(Link, { onClick: onSmsHintLinkClick, className: styles.smsComeLink, view: 'secondary', pseudo: true }, "\u041D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u043A\u043E\u0434?"))),
         React.createElement("div", null, additionalContent)));
 };
 

package/confirmation-v1/modern/components/sign-confirmation/index.css

@@ -55,17 +55,17 @@
     --confirmation-error-color: var(--color-light-text-negative);
 
     /* input */
-} .confirmation-v1__component_1kn9s {
+} .confirmation-v1__component_nnyd9 {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__countdown_1kn9s {
+} .confirmation-v1__countdown_nnyd9 {
     max-height: 300px;
     overflow: hidden;
     transition: max-height 0.15s ease;
-} .confirmation-v1__hidden_1kn9s {
+} .confirmation-v1__hidden_nnyd9 {
     opacity: 0;
     max-height: 0;
-} .confirmation-v1__header_1kn9s {
+} .confirmation-v1__header_nnyd9 {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -75,27 +75,27 @@
 
     margin-bottom: var(--gap-40);
     color: var(--confirmation-title-color);
-} .confirmation-v1__inputContainer_1kn9s {
+} .confirmation-v1__inputContainer_nnyd9 {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__smsComeLinkWrap_1kn9s {
+} .confirmation-v1__smsComeLinkWrap_nnyd9 {
     margin-top: var(--gap-20);
-} .confirmation-v1__smsComeLink_1kn9s {
+} .confirmation-v1__smsComeLink_nnyd9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .confirmation-v1__error_1kn9s {
+} .confirmation-v1__error_nnyd9 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-8);
     color: var(--confirmation-error-color);
-} .confirmation-v1__loaderWrap_1kn9s {
+} .confirmation-v1__loaderWrap_nnyd9 {
     display: flex;
     align-items: center;
     margin: var(--gap-40) var(--gap-0) var(--gap-8);
-} .confirmation-v1__loaderText_1kn9s {
+} .confirmation-v1__loaderText_nnyd9 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -104,7 +104,7 @@
 
     margin-left: var(--gap-12);
     color: var(--confirmation-text-color);
-} .confirmation-v1__center_1kn9s .confirmation-v1__codeInput_1kn9s,
-    .confirmation-v1__center_1kn9s .confirmation-v1__loaderWrap_1kn9s {
+} .confirmation-v1__center_nnyd9 .confirmation-v1__codeInput_nnyd9,
+    .confirmation-v1__center_nnyd9 .confirmation-v1__loaderWrap_nnyd9 {
         justify-content: center;
     }

package/confirmation-v1/modern/index.css

@@ -53,16 +53,16 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_wa4ug {
+} .confirmation-v1__component_lq6yb {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-text-font-family);
-} .confirmation-v1__error_wa4ug {
+} .confirmation-v1__error_lq6yb {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__errorHeader_wa4ug {
+} .confirmation-v1__errorHeader_lq6yb {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -72,7 +72,7 @@
 
     margin-bottom: var(--gap-32);
     color: var(--confirmation-title-color);
-} .confirmation-v1__errorText_wa4ug {
+} .confirmation-v1__errorText_lq6yb {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,11 +81,11 @@
 
     margin-bottom: var(--gap-32);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phoneHintWrap_wa4ug {
+} .confirmation-v1__phoneHintWrap_lq6yb {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__phoneHintText_wa4ug {
+} .confirmation-v1__phoneHintText_lq6yb {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -94,7 +94,7 @@
 
     margin-bottom: var(--gap-24);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phonesWrap_wa4ug {
+} .confirmation-v1__phonesWrap_lq6yb {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -104,16 +104,16 @@
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-48);
-} .confirmation-v1__phoneWrap_wa4ug {
+} .confirmation-v1__phoneWrap_lq6yb {
     margin-bottom: var(--gap-8)
-} .confirmation-v1__phoneWrap_wa4ug:last-child {
+} .confirmation-v1__phoneWrap_lq6yb:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation-v1__phoneDescription_wa4ug {
+    } .confirmation-v1__phoneDescription_lq6yb {
     color: var(--confirmation-text-color);
-} .confirmation-v1__component_wa4ug.confirmation-v1__center_wa4ug {
+} .confirmation-v1__component_lq6yb.confirmation-v1__center_lq6yb {
     text-align: center;
-} .confirmation-v1__center_wa4ug .confirmation-v1__phoneHintWrap_wa4ug {
+} .confirmation-v1__center_lq6yb .confirmation-v1__phoneHintWrap_lq6yb {
         align-items: center;
-    } .confirmation-v1__center_wa4ug .confirmation-v1__error_wa4ug {
+    } .confirmation-v1__center_lq6yb .confirmation-v1__error_lq6yb {
         align-items: center;
     }

package/confirmation-v1/moderncssm/component.js

@@ -23,7 +23,7 @@ import './components/overlimit/index.module.css';
  * @deprecated
  * use Confirmation instead
  */
-const ConfirmationV1 = forwardRef(({ additionalContent, className, countdownDuration = 60000, dataTestId, errorIsFatal, errorTitle = 'Превышено количество попыток ввода кода', error = false, errorOverlimit = false, errorOverlimitIsFatal = false, errorText, hasPhoneMask = true, hasSmsCountdown = true, phone, requiredCharAmount = 5, signTitle = 'Введите код из\xa0сообщения', overlimitTitle = 'Превышено количество\n попыток ввода кода', overlimitText = 'Повторное подтверждение кодом из SMS\n будет возможно через', overlimitCountdownDuration, code, codeSending = false, codeChecking = false, codeCheckingText = 'Проверка кода', codeSendingText = 'Отправляем код', buttonErrorText = 'Понятно', buttonReturnText = 'Вернуться назад', buttonRetryText = 'Запросить новый код', alignContent = 'left', noAttemptsLeftMessage, countdownContent, onInputFinished, onSmsRetryClick, onOverlimitSmsRetryClick, onActionWithFatalError, onCountdownFinished, onOverlimitCountdownFinished, onInputChange, onSmsHintLinkClick, }, ref) => {
+const ConfirmationV1 = forwardRef(({ additionalContent, className, countdownDuration = 60000, dataTestId, errorIsFatal, errorTitle = 'Превышено количество попыток ввода кода', error = false, errorOverlimit = false, errorOverlimitIsFatal = false, errorText, hasPhoneMask = true, hasSmsCountdown = true, phone, requiredCharAmount = 5, signTitle = 'Введите код из\xa0уведомления', overlimitTitle = 'Превышено количество\n попыток ввода кода', overlimitText = 'Повторное подтверждение кодом из SMS\n будет возможно через', overlimitCountdownDuration, code, codeSending = false, codeChecking = false, codeCheckingText = 'Проверка кода', codeSendingText = 'Отправляем код', buttonErrorText = 'Понятно', buttonReturnText = 'Вернуться назад', buttonRetryText = 'Запросить новый код', alignContent = 'left', noAttemptsLeftMessage, countdownContent, onInputFinished, onSmsRetryClick, onOverlimitSmsRetryClick, onActionWithFatalError, onCountdownFinished, onOverlimitCountdownFinished, onInputChange, onSmsHintLinkClick, }, ref) => {
     const [showHint, setShowHint] = useState(false);
     const shouldShowFatalError = errorIsFatal && Boolean(errorText);
     const shouldShowOverlimitError = !errorIsFatal && !showHint && errorOverlimit;

package/confirmation-v1/moderncssm/components/countdown/component.js

@@ -88,11 +88,11 @@ const Countdown = ({ duration = 5000, phone = '', hasPhoneMask = true, buttonRet
     }
     return (React.createElement(Container, { alignContent: alignContent, hasError: hasError },
         phone && !hasError && (React.createElement("div", null,
-            "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430",
+            "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u043B\u0438 \u043D\u0430",
             ' ',
             hasPhoneMask ? phoneNumber.mask(formattedPhone) : formattedPhone)),
         noAttemptsLeftMessage ? (React.createElement("div", { className: styles.noAttemptsLeftMessage }, noAttemptsLeftMessage)) : repeatSmsButtonShow ? (retryButton) : (React.createElement("div", null,
-            React.createElement("div", { className: styles.info }, "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437"),
+            React.createElement("div", { className: styles.info }, "\u0417\u0430\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437"),
             React.createElement("div", { className: styles.loaderWrap },
                 React.createElement(CountdownLoader, { progress: progress, className: styles.loader }),
                 React.createElement("div", { className: styles.timePassed }, formatMsAsMinutes(duration - timePassed)))))));

package/confirmation-v1/moderncssm/components/sign-confirmation/component.js

@@ -45,7 +45,7 @@ const SignConfirmation = ({ codeChecking, codeSending, smsHintVisible, requiredC
         hasSmsCountdown && (React.createElement("div", { className: cn('countdown', styles.countdown, { [styles.hidden]: processing }) },
             React.createElement(Countdown, { duration: countdownDuration, phone: phone, hasPhoneMask: hasPhoneMask, alignContent: alignContent, noAttemptsLeftMessage: noAttemptsLeftMessage, hasError: Boolean(displayedError), buttonRetryText: buttonRetryText, content: countdownContent, onRepeatSms: onSmsRetryClick, onCountdownFinished: onCountdownFinished }))),
         smsHintVisible && (React.createElement("div", { className: styles.smsComeLinkWrap },
-            React.createElement(Link, { onClick: onSmsHintLinkClick, className: styles.smsComeLink, view: 'secondary', pseudo: true }, "\u041D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"))),
+            React.createElement(Link, { onClick: onSmsHintLinkClick, className: styles.smsComeLink, view: 'secondary', pseudo: true }, "\u041D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u043A\u043E\u0434?"))),
         React.createElement("div", null, additionalContent)));
 };
 

package/custom-button/components/base-custom-button/base-custom-button.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"customButton":"custom-button__customButton_10g1n","border":"custom-button__border_10g1n","white":"custom-button__white_10g1n","black":"custom-button__black_10g1n","static-white":"custom-button__static-white_10g1n","static-black":"custom-button__static-black_10g1n","darkening":"custom-button__darkening_10g1n","lightening":"custom-button__lightening_10g1n","static-darkening":"custom-button__static-darkening_10g1n","static-lightening":"custom-button__static-lightening_10g1n","disableType-default":"custom-button__disableType-default_10g1n","disableType-static":"custom-button__disableType-static_10g1n","disableType-inverted":"custom-button__disableType-inverted_10g1n","disableType-static-inverted":"custom-button__disableType-static-inverted_10g1n"};
+var styles = {"customButton":"custom-button__customButton_1a0vd","border":"custom-button__border_1a0vd","white":"custom-button__white_1a0vd","black":"custom-button__black_1a0vd","static-white":"custom-button__static-white_1a0vd","static-black":"custom-button__static-black_1a0vd","darkening":"custom-button__darkening_1a0vd","lightening":"custom-button__lightening_1a0vd","static-darkening":"custom-button__static-darkening_1a0vd","static-lightening":"custom-button__static-lightening_1a0vd","disableType-default":"custom-button__disableType-default_1a0vd","disableType-static":"custom-button__disableType-static_1a0vd","disableType-inverted":"custom-button__disableType-inverted_1a0vd","disableType-static-inverted":"custom-button__disableType-static-inverted_1a0vd"};
 require('./index.css');
 
 var BaseCustomButton = React.forwardRef(function (_a, ref) {

package/custom-button/components/base-custom-button/index.css

@@ -38,23 +38,23 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_10g1n {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_1a0vd {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_10g1n.custom-button__border_10g1n {
+} .custom-button__customButton_1a0vd.custom-button__border_1a0vd {
         border: 1px solid transparent;
-    } .custom-button__customButton_10g1n.custom-button__white_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__white_1a0vd * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_10g1n.custom-button__black_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__black_1a0vd * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_10g1n.custom-button__static-white_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__static-white_1a0vd * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_10g1n.custom-button__static-black_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__static-black_1a0vd * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_10g1n span {
+    } .custom-button__customButton_1a0vd span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_10g1n:before {
+    } .custom-button__customButton_1a0vd:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -65,36 +65,36 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_10g1n.custom-button__darkening_10g1n:hover:before {
+    } .custom-button__customButton_1a0vd.custom-button__darkening_1a0vd:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
-        } .custom-button__customButton_10g1n.custom-button__darkening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__darkening_1a0vd:active:before {
             background-color: var(--color-light-neutral-translucent-400);
-        } .custom-button__customButton_10g1n.custom-button__lightening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__lightening_1a0vd:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
-        } .custom-button__customButton_10g1n.custom-button__lightening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__lightening_1a0vd:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
-        } .custom-button__customButton_10g1n.custom-button__static-darkening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-darkening_1a0vd:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_10g1n.custom-button__static-darkening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-darkening_1a0vd:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_10g1n.custom-button__static-lightening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-lightening_1a0vd:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_10g1n.custom-button__static-lightening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-lightening_1a0vd:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_10g1n:disabled.custom-button__disableType-default_10g1n {
+        } /* Disabled */ .custom-button__customButton_1a0vd:disabled.custom-button__disableType-default_1a0vd {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-default_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-default_1a0vd span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static_1a0vd {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static_1a0vd span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-inverted_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-inverted_1a0vd {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-inverted_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-inverted_1a0vd span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static-inverted_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static-inverted_1a0vd {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static-inverted_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static-inverted_1a0vd span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-button/esm/components/base-custom-button/base-custom-button.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { DEFAULT_BUTTON_COLOR, DEFAULT_CONTENT_COLOR } from '../../constants/default-colors.js';
 
-var styles = {"customButton":"custom-button__customButton_10g1n","border":"custom-button__border_10g1n","white":"custom-button__white_10g1n","black":"custom-button__black_10g1n","static-white":"custom-button__static-white_10g1n","static-black":"custom-button__static-black_10g1n","darkening":"custom-button__darkening_10g1n","lightening":"custom-button__lightening_10g1n","static-darkening":"custom-button__static-darkening_10g1n","static-lightening":"custom-button__static-lightening_10g1n","disableType-default":"custom-button__disableType-default_10g1n","disableType-static":"custom-button__disableType-static_10g1n","disableType-inverted":"custom-button__disableType-inverted_10g1n","disableType-static-inverted":"custom-button__disableType-static-inverted_10g1n"};
+var styles = {"customButton":"custom-button__customButton_1a0vd","border":"custom-button__border_1a0vd","white":"custom-button__white_1a0vd","black":"custom-button__black_1a0vd","static-white":"custom-button__static-white_1a0vd","static-black":"custom-button__static-black_1a0vd","darkening":"custom-button__darkening_1a0vd","lightening":"custom-button__lightening_1a0vd","static-darkening":"custom-button__static-darkening_1a0vd","static-lightening":"custom-button__static-lightening_1a0vd","disableType-default":"custom-button__disableType-default_1a0vd","disableType-static":"custom-button__disableType-static_1a0vd","disableType-inverted":"custom-button__disableType-inverted_1a0vd","disableType-static-inverted":"custom-button__disableType-static-inverted_1a0vd"};
 require('./index.css');
 
 var BaseCustomButton = forwardRef(function (_a, ref) {

package/custom-button/esm/components/base-custom-button/index.css

@@ -38,23 +38,23 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_10g1n {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_1a0vd {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_10g1n.custom-button__border_10g1n {
+} .custom-button__customButton_1a0vd.custom-button__border_1a0vd {
         border: 1px solid transparent;
-    } .custom-button__customButton_10g1n.custom-button__white_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__white_1a0vd * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_10g1n.custom-button__black_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__black_1a0vd * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_10g1n.custom-button__static-white_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__static-white_1a0vd * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_10g1n.custom-button__static-black_10g1n * {
+    } .custom-button__customButton_1a0vd.custom-button__static-black_1a0vd * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_10g1n span {
+    } .custom-button__customButton_1a0vd span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_10g1n:before {
+    } .custom-button__customButton_1a0vd:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -65,36 +65,36 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_10g1n.custom-button__darkening_10g1n:hover:before {
+    } .custom-button__customButton_1a0vd.custom-button__darkening_1a0vd:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
-        } .custom-button__customButton_10g1n.custom-button__darkening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__darkening_1a0vd:active:before {
             background-color: var(--color-light-neutral-translucent-400);
-        } .custom-button__customButton_10g1n.custom-button__lightening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__lightening_1a0vd:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
-        } .custom-button__customButton_10g1n.custom-button__lightening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__lightening_1a0vd:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
-        } .custom-button__customButton_10g1n.custom-button__static-darkening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-darkening_1a0vd:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_10g1n.custom-button__static-darkening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-darkening_1a0vd:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_10g1n.custom-button__static-lightening_10g1n:hover:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-lightening_1a0vd:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_10g1n.custom-button__static-lightening_10g1n:active:before {
+        } .custom-button__customButton_1a0vd.custom-button__static-lightening_1a0vd:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_10g1n:disabled.custom-button__disableType-default_10g1n {
+        } /* Disabled */ .custom-button__customButton_1a0vd:disabled.custom-button__disableType-default_1a0vd {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-default_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-default_1a0vd span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static_1a0vd {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static_1a0vd span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-inverted_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-inverted_1a0vd {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-inverted_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-inverted_1a0vd span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static-inverted_10g1n {
+        } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static-inverted_1a0vd {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_10g1n:disabled.custom-button__disableType-static-inverted_10g1n span {
+    } .custom-button__customButton_1a0vd:disabled.custom-button__disableType-static-inverted_1a0vd span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-button/modern/components/base-custom-button/base-custom-button.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { DEFAULT_BUTTON_COLOR, DEFAULT_CONTENT_COLOR } from '../../constants/default-colors.js';
 
-const styles = {"customButton":"custom-button__customButton_10g1n","border":"custom-button__border_10g1n","white":"custom-button__white_10g1n","black":"custom-button__black_10g1n","static-white":"custom-button__static-white_10g1n","static-black":"custom-button__static-black_10g1n","darkening":"custom-button__darkening_10g1n","lightening":"custom-button__lightening_10g1n","static-darkening":"custom-button__static-darkening_10g1n","static-lightening":"custom-button__static-lightening_10g1n","disableType-default":"custom-button__disableType-default_10g1n","disableType-static":"custom-button__disableType-static_10g1n","disableType-inverted":"custom-button__disableType-inverted_10g1n","disableType-static-inverted":"custom-button__disableType-static-inverted_10g1n"};
+const styles = {"customButton":"custom-button__customButton_1a0vd","border":"custom-button__border_1a0vd","white":"custom-button__white_1a0vd","black":"custom-button__black_1a0vd","static-white":"custom-button__static-white_1a0vd","static-black":"custom-button__static-black_1a0vd","darkening":"custom-button__darkening_1a0vd","lightening":"custom-button__lightening_1a0vd","static-darkening":"custom-button__static-darkening_1a0vd","static-lightening":"custom-button__static-lightening_1a0vd","disableType-default":"custom-button__disableType-default_1a0vd","disableType-static":"custom-button__disableType-static_1a0vd","disableType-inverted":"custom-button__disableType-inverted_1a0vd","disableType-static-inverted":"custom-button__disableType-static-inverted_1a0vd"};
 require('./index.css');
 
 const BaseCustomButton = forwardRef(({ children, className, loading, backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, stateType = 'darkening', disableType = 'default', componentButton: ComponentButton, ...restProps }, ref) => (React.createElement(ComponentButton, { style: { ...(!restProps.disabled && { background: backgroundColor }) }, ...restProps, view: 'primary', ref: ref, className: cn(styles.customButton, styles.border, className, styles[contentColor], styles[stateType], styles[`disableType-${disableType}`], {