@alfalab/core-components 39.1.0 → 39.1.1

package/confirmation/modern/components/screens/hint/index.css

@@ -1,4 +1,4 @@
-/* hash: 12d22 */
+/* hash: ll0t5 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -33,38 +33,38 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_19d1i {
+} .confirmation__component_1962e {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_19d1i span:last-of-type {
+} .confirmation__component_1962e span:last-of-type {
         margin-bottom: 0;
-    } .confirmation__center_19d1i {
+    } .confirmation__center_1962e {
     align-items: center;
     text-align: center;
-} .confirmation__text_19d1i.confirmation__text_19d1i {
+} .confirmation__text_1962e.confirmation__text_1962e {
     margin-bottom: var(--gap-xl);
-} .confirmation__typographyTheme_19d1i.confirmation__typographyTheme_19d1i {
+} .confirmation__typographyTheme_1962e.confirmation__typographyTheme_1962e {
     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__phonesWrap_19d1i {
+} .confirmation__phonesWrap_1962e {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-xl);
-} .confirmation__phoneWrap_19d1i {
+} .confirmation__phoneWrap_1962e {
     margin-bottom: var(--gap-xs)
-} .confirmation__phoneWrap_19d1i:last-child {
+} .confirmation__phoneWrap_1962e:last-child {
         margin-bottom: 0;
-    } .confirmation__phoneLink_19d1i.confirmation__phoneLink_19d1i {
+    } .confirmation__phoneLink_1962e.confirmation__phoneLink_1962e {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_19d1i {
+} .confirmation__hintButton_1962e {
     margin-top: var(--gap-2xl);
-} .confirmation__phoneContentMobile_19d1i {
+} .confirmation__phoneContentMobile_1962e {
     display: flex;
     flex-direction: column;
     align-items: center;

package/confirmation/modern/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-55d78e2b.js';
+import '../../countdown-section-caba9c9c.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -7,13 +7,13 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-55d78e2b.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-caba9c9c.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';
 
 const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 const Initial = ({ mobile }) => {
-    const { state, alignContent, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
+    const { state, alignContent, texts, requiredCharAmount, timeLeft, phone, clearCodeOnError, hideCountdownSection, onChangeState, onInputFinished, onChangeScreen, onSmsRetryClick, } = useContext(ConfirmationContext);
     const prevState = usePrevious(state);
     const inputRef = useRef(null);
     const [codeSendHintVisible, setCodeSendHintVisible] = useState(false);
@@ -85,7 +85,7 @@ const Initial = ({ mobile }) => {
             "\u041A\u043E\u0434 \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D \u043D\u0430 ",
             phone),
         React.createElement(CodeInput, { disabled: processing, error: getCodeInputError(), ref: inputRef, fields: requiredCharAmount, className: cn(styles.containerInput, styles.codeInput), onComplete: handleInputComplete, onChange: handleInputChange, clearCodeOnError: clearCodeOnError, onErrorAnimationEnd: handleErrorAnimationEnd }),
-        React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile }),
+        !hideCountdownSection && (React.createElement(CountdownSection, { processing: processing, timePassed: timePassed, codeSendHintVisible: codeSendHintVisible, handleSmsRetryClick: handleSmsRetryClick, mobile: mobile })),
         mobile ? (React.createElement(Button, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint)) : (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint))));
 };
 

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../loader/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-55d78e2b.js';
+export { C as CountdownSection } from '../../../countdown-section-caba9c9c.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.css

@@ -1,4 +1,4 @@
-/* hash: 1501g */
+/* hash: nmwcx */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -38,51 +38,51 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_ifjbp {
+} .confirmation__component_1fjrc {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_ifjbp.confirmation__typographyTheme_ifjbp {
+} .confirmation__typographyTheme_1fjrc.confirmation__typographyTheme_1fjrc {
     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__phone_ifjbp.confirmation__phone_ifjbp {
+} .confirmation__phone_1fjrc.confirmation__phone_1fjrc {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-2xl);
-} .confirmation__compact_ifjbp {
+} .confirmation__compact_1fjrc {
     margin-bottom: var(--gap-xl);
-} .confirmation__loaderWrap_ifjbp {
+} .confirmation__loaderWrap_1fjrc {
     display: flex;
     align-items: center;
-} .confirmation__left_ifjbp {
+} .confirmation__left_1fjrc {
     align-items: flex-start;
-} .confirmation__center_ifjbp {
+} .confirmation__center_1fjrc {
     align-items: center;
     text-align: center
-} .confirmation__center_ifjbp .confirmation__loaderWrap_ifjbp {
+} .confirmation__center_1fjrc .confirmation__loaderWrap_1fjrc {
         justify-content: center;
-    } .confirmation__center_ifjbp input {
+    } .confirmation__center_1fjrc input {
         margin: 0 var(--gap-2xs);
-    } .confirmation__codeInput_ifjbp {
+    } .confirmation__codeInput_1fjrc {
     margin-bottom: var(--gap-s);
-} .confirmation__smsComeLink_ifjbp.confirmation__smsComeLink_ifjbp {
+} .confirmation__smsComeLink_1fjrc.confirmation__smsComeLink_1fjrc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_ifjbp.confirmation__countdownContainer_ifjbp {
+} .confirmation__countdownContainer_1fjrc.confirmation__countdownContainer_1fjrc {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-xl);
-} .confirmation__countdownMobile_ifjbp.confirmation__countdownMobile_ifjbp {
+} .confirmation__countdownMobile_1fjrc.confirmation__countdownMobile_1fjrc {
     margin-bottom: var(--gap-l);
-} .confirmation__countdownLoaderMobile_ifjbp.confirmation__countdownLoaderMobile_ifjbp {
+} .confirmation__countdownLoaderMobile_1fjrc.confirmation__countdownLoaderMobile_1fjrc {
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButton_ifjbp {
+} .confirmation__getCodeButton_1fjrc {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButtonMobile_ifjbp {
+} .confirmation__getCodeButtonMobile_1fjrc {
     margin-bottom: 0;
-} .confirmation__containerInput_ifjbp {
+} .confirmation__containerInput_1fjrc {
     min-height: 80px;
 }

package/confirmation/modern/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-55d78e2b.js';
+import '../../../countdown-section-caba9c9c.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

package/confirmation/modern/components/screens/temp-block/component.js

@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 import { Header } from '../../header/component.js';
 
-const styles = {"component":"confirmation__component_rw03s","center":"confirmation__center_rw03s","typographyTheme":"confirmation__typographyTheme_rw03s","description":"confirmation__description_rw03s","countdownWrap":"confirmation__countdownWrap_rw03s","loader":"confirmation__loader_rw03s"};
+const styles = {"component":"confirmation__component_1p084","center":"confirmation__center_1p084","typographyTheme":"confirmation__typographyTheme_1p084","description":"confirmation__description_1p084","countdownWrap":"confirmation__countdownWrap_1p084","loader":"confirmation__loader_1p084"};
 require('./index.css');
 
 const TempBlock = ({ mobile }) => {

package/confirmation/modern/components/screens/temp-block/index.css

@@ -1,4 +1,4 @@
-/* hash: zk7c2 */
+/* hash: 1ag2i */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -31,23 +31,23 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_rw03s {
+} .confirmation__component_1p084 {
     display: flex;
     flex-direction: column;
-} .confirmation__center_rw03s {
+} .confirmation__center_1p084 {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_rw03s.confirmation__typographyTheme_rw03s {
+} .confirmation__typographyTheme_1p084.confirmation__typographyTheme_1p084 {
     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__description_rw03s.confirmation__description_rw03s {
+} .confirmation__description_1p084.confirmation__description_1p084 {
     margin-bottom: var(--gap-xs);
-} .confirmation__countdownWrap_rw03s {
+} .confirmation__countdownWrap_1p084 {
     display: flex;
     align-items: center;
-} .confirmation__loader_rw03s {
+} .confirmation__loader_1p084 {
     margin-right: var(--gap-xs);
 }

package/confirmation/modern/context.js

@@ -12,6 +12,7 @@ const ConfirmationContext = createContext({
     timeLeft: ONE_MINUTE,
     tempBlockDuration: ONE_DAY,
     phone: '',
+    hideCountdownSection: false,
     onTempBlockFinished: mockFn,
     onInputFinished: mockFn,
     onChangeState: mockFn,

package/confirmation/modern/{countdown-section-55d78e2b.js → countdown-section-caba9c9c.js}

@@ -6,7 +6,7 @@ import { Typography } from '../../typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_ifjbp","typographyTheme":"confirmation__typographyTheme_ifjbp","phone":"confirmation__phone_ifjbp","compact":"confirmation__compact_ifjbp","loaderWrap":"confirmation__loaderWrap_ifjbp","left":"confirmation__left_ifjbp","center":"confirmation__center_ifjbp","codeInput":"confirmation__codeInput_ifjbp","smsComeLink":"confirmation__smsComeLink_ifjbp","countdownContainer":"confirmation__countdownContainer_ifjbp","countdownMobile":"confirmation__countdownMobile_ifjbp","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ifjbp","getCodeButton":"confirmation__getCodeButton_ifjbp","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ifjbp","containerInput":"confirmation__containerInput_ifjbp"};
+const styles = {"component":"confirmation__component_1fjrc","typographyTheme":"confirmation__typographyTheme_1fjrc","phone":"confirmation__phone_1fjrc","compact":"confirmation__compact_1fjrc","loaderWrap":"confirmation__loaderWrap_1fjrc","left":"confirmation__left_1fjrc","center":"confirmation__center_1fjrc","codeInput":"confirmation__codeInput_1fjrc","smsComeLink":"confirmation__smsComeLink_1fjrc","countdownContainer":"confirmation__countdownContainer_1fjrc","countdownMobile":"confirmation__countdownMobile_1fjrc","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1fjrc","getCodeButton":"confirmation__getCodeButton_1fjrc","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1fjrc","containerInput":"confirmation__containerInput_1fjrc"};
 require('./components/screens/initial/index.css');
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/confirmation/modern/desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-55d78e2b.js';
+import './countdown-section-caba9c9c.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/index.js

@@ -17,6 +17,6 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-55d78e2b.js';
+import './countdown-section-caba9c9c.js';
 import '../../loader/modern';
 import './component.mobile.js';

package/confirmation/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 7mflq */
-.confirmation__container_1m1oa {
+/* hash: ynq7a */
+.confirmation__container_k4s9n {
     max-width: 288px;
 }

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-55d78e2b.js';
+import './countdown-section-caba9c9c.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-55d78e2b.js';
+import './countdown-section-caba9c9c.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/types.d.ts

@@ -84,8 +84,13 @@ type ConfirmationProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Скрыть секцию с повторной отправкой кода
+     * @default false
+     */
+    hideCountdownSection?: boolean;
 };
-type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
+type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
     timeLeft: number;
 };
 type ConfirmationTexts = {

package/confirmation/responsive.js

@@ -14,7 +14,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-5babd6c6.js');
+require('./countdown-section-f2b92c2a.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/types.d.ts

@@ -84,8 +84,13 @@ type ConfirmationProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Скрыть секцию с повторной отправкой кода
+     * @default false
+     */
+    hideCountdownSection?: boolean;
 };
-type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
+type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration' | 'hideCountdownSection'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished' | 'clearCodeOnError'> & {
     timeLeft: number;
 };
 type ConfirmationTexts = {

package/confirmation-v1/component.js

@@ -19,7 +19,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":"confirmation-v1__component_meb3d","error":"confirmation-v1__error_meb3d","errorHeader":"confirmation-v1__errorHeader_meb3d","errorText":"confirmation-v1__errorText_meb3d","phoneHintWrap":"confirmation-v1__phoneHintWrap_meb3d","phoneHintText":"confirmation-v1__phoneHintText_meb3d","phonesWrap":"confirmation-v1__phonesWrap_meb3d","phoneWrap":"confirmation-v1__phoneWrap_meb3d","phoneDescription":"confirmation-v1__phoneDescription_meb3d","center":"confirmation-v1__center_meb3d"};
+var styles = {"component":"confirmation-v1__component_1q2nx","error":"confirmation-v1__error_1q2nx","errorHeader":"confirmation-v1__errorHeader_1q2nx","errorText":"confirmation-v1__errorText_1q2nx","phoneHintWrap":"confirmation-v1__phoneHintWrap_1q2nx","phoneHintText":"confirmation-v1__phoneHintText_1q2nx","phonesWrap":"confirmation-v1__phonesWrap_1q2nx","phoneWrap":"confirmation-v1__phoneWrap_1q2nx","phoneDescription":"confirmation-v1__phoneDescription_1q2nx","center":"confirmation-v1__center_1q2nx"};
 require('./index.css');
 
 /**

package/confirmation-v1/components/code-input/component.js

@@ -9,7 +9,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":"confirmation-v1__component_1aum6","input":"confirmation-v1__input_1aum6","hasError":"confirmation-v1__hasError_1aum6","center":"confirmation-v1__center_1aum6","disabled":"confirmation-v1__disabled_1aum6","compact":"confirmation-v1__compact_1aum6","shake":"confirmation-v1__shake_1aum6"};
+var styles = {"component":"confirmation-v1__component_1ybxt","input":"confirmation-v1__input_1ybxt","hasError":"confirmation-v1__hasError_1ybxt","center":"confirmation-v1__center_1ybxt","disabled":"confirmation-v1__disabled_1ybxt","compact":"confirmation-v1__compact_1ybxt","shake":"confirmation-v1__shake_1ybxt"};
 require('./index.css');
 
 var Input = function (_a) {

package/confirmation-v1/components/code-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1m8ee */
+/* hash: 107n9 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-negative-muted: #feebea;
@@ -39,9 +39,9 @@
     --confirmation-input-text-color: var(--color-light-text-primary);
     --confirmation-input-bg-color: var(--color-light-bg-secondary);
     --confirmation-input-error-bg-color: var(--color-light-bg-negative-muted);
-} .confirmation-v1__component_1aum6 {
+} .confirmation-v1__component_1ybxt {
     display: flex;
-} .confirmation-v1__input_1aum6 {
+} .confirmation-v1__input_1ybxt {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -57,19 +57,19 @@
     font-size: var(--confirmation-input-font-size);
     font-weight: var(--confirmation-input-font-weight);
     font-family: var(--confirmation-input-font-family)
-} .confirmation-v1__input_1aum6.confirmation-v1__hasError_1aum6 {
+} .confirmation-v1__input_1ybxt.confirmation-v1__hasError_1ybxt {
         color: var(--confirmation-error-color);
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
-    } .confirmation-v1__input_1aum6.confirmation-v1__center_1aum6 {
+    } .confirmation-v1__input_1ybxt.confirmation-v1__center_1ybxt {
         margin: 0 var(--gap-2xs);
-    } .confirmation-v1__input_1aum6.confirmation-v1__disabled_1aum6 {
+    } .confirmation-v1__input_1ybxt.confirmation-v1__disabled_1ybxt {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .confirmation-v1__compact_1aum6 .confirmation-v1__input_1aum6 {
+    } .confirmation-v1__compact_1ybxt .confirmation-v1__input_1ybxt {
     width: 28px;
     height: 40px;
-} @keyframes confirmation-v1__shake_1aum6 {
+} @keyframes confirmation-v1__shake_1ybxt {
     0% {
         transform: translateX(0);
     }
@@ -85,6 +85,6 @@
     100% {
         transform: translateX(0);
     }
-} .confirmation-v1__shake_1aum6 {
-    animation: confirmation-v1__shake_1aum6 0.15s linear 0s 3;
+} .confirmation-v1__shake_1ybxt {
+    animation: confirmation-v1__shake_1ybxt 0.15s linear 0s 3;
 }

package/confirmation-v1/components/countdown/component.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 = {"component":"confirmation-v1__component_12azv","hasError":"confirmation-v1__hasError_12azv","getCodeButton":"confirmation-v1__getCodeButton_12azv","info":"confirmation-v1__info_12azv","customContent":"confirmation-v1__customContent_12azv","loaderWrap":"confirmation-v1__loaderWrap_12azv","loader":"confirmation-v1__loader_12azv","center":"confirmation-v1__center_12azv","timePassed":"confirmation-v1__timePassed_12azv","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_12azv"};
+var styles = {"component":"confirmation-v1__component_11p8y","hasError":"confirmation-v1__hasError_11p8y","getCodeButton":"confirmation-v1__getCodeButton_11p8y","info":"confirmation-v1__info_11p8y","customContent":"confirmation-v1__customContent_11p8y","loaderWrap":"confirmation-v1__loaderWrap_11p8y","loader":"confirmation-v1__loader_11p8y","center":"confirmation-v1__center_11p8y","timePassed":"confirmation-v1__timePassed_11p8y","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_11p8y"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: t2k4b */
+/* hash: hhf9r */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -34,7 +34,7 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_12azv {
+} .confirmation-v1__component_11p8y {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -46,29 +46,29 @@
     align-items: flex-start;
     margin-top: var(--gap-3xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__hasError_12azv .confirmation-v1__getCodeButton_12azv {
+} .confirmation-v1__hasError_11p8y .confirmation-v1__getCodeButton_11p8y {
         margin-top: 0;
-    } .confirmation-v1__hasError_12azv .confirmation-v1__info_12azv {
+    } .confirmation-v1__hasError_11p8y .confirmation-v1__info_11p8y {
         margin-top: 0;
-    } .confirmation-v1__hasError_12azv .confirmation-v1__customContent_12azv {
+    } .confirmation-v1__hasError_11p8y .confirmation-v1__customContent_11p8y {
         margin-bottom: var(--gap-2xl);
-    } .confirmation-v1__info_12azv {
+    } .confirmation-v1__info_11p8y {
     margin: var(--gap-2xs) 0;
-} .confirmation-v1__loaderWrap_12azv {
+} .confirmation-v1__loaderWrap_11p8y {
     display: flex;
     align-items: center;
     margin-bottom: var(--gap-xs);
-} .confirmation-v1__loader_12azv {
+} .confirmation-v1__loader_11p8y {
     margin-right: var(--gap-xs);
-} .confirmation-v1__center_12azv {
+} .confirmation-v1__center_11p8y {
     align-items: center
-} .confirmation-v1__center_12azv .confirmation-v1__loaderWrap_12azv {
+} .confirmation-v1__center_11p8y .confirmation-v1__loaderWrap_11p8y {
         justify-content: center;
-    } .confirmation-v1__timePassed_12azv {
+    } .confirmation-v1__timePassed_11p8y {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_12azv {
+} .confirmation-v1__getCodeButton_11p8y {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__noAttemptsLeftMessage_12azv {
+} .confirmation-v1__noAttemptsLeftMessage_11p8y {
     margin: var(--gap-2xs) 0 var(--gap-xs);
 }

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

@@ -4,7 +4,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"circle":"confirmation-v1__circle_qj6kf"};
+var styles = {"circle":"confirmation-v1__circle_1lvxs"};
 require('./index.css');
 
 var SIZE = 16;

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

@@ -1,4 +1,4 @@
-/* hash: c317o */
+/* hash: 1at4f */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #b6bcc3;
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation-v1__circle_qj6kf {
+} .confirmation-v1__circle_1lvxs {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

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

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"confirmation-v1__component_1wdfo","title":"confirmation-v1__title_1wdfo","description":"confirmation-v1__description_1wdfo","countdown":"confirmation-v1__countdown_1wdfo","loader":"confirmation-v1__loader_1wdfo","timePassed":"confirmation-v1__timePassed_1wdfo","getCodeButton":"confirmation-v1__getCodeButton_1wdfo","alertIcon":"confirmation-v1__alertIcon_1wdfo"};
+var styles = {"component":"confirmation-v1__component_1fknk","title":"confirmation-v1__title_1fknk","description":"confirmation-v1__description_1fknk","countdown":"confirmation-v1__countdown_1fknk","loader":"confirmation-v1__loader_1fknk","timePassed":"confirmation-v1__timePassed_1fknk","getCodeButton":"confirmation-v1__getCodeButton_1fknk","alertIcon":"confirmation-v1__alertIcon_1fknk"};
 require('./index.css');
 
 var Overlimit = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: rqgmx */
+/* hash: sunv5 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -43,11 +43,11 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_1wdfo {
+} .confirmation-v1__component_1fknk {
     display: flex;
     flex-direction: column;
     align-items: center;
-} .confirmation-v1__title_1wdfo {
+} .confirmation-v1__title_1fknk {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -56,25 +56,25 @@
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 
     margin-bottom: var(--gap-3xl);
-} .confirmation-v1__description_1wdfo {
+} .confirmation-v1__description_1fknk {
     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_1wdfo {
+} .confirmation-v1__countdown_1fknk {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: var(--gap-2xs);
-} .confirmation-v1__loader_1wdfo {
+} .confirmation-v1__loader_1fknk {
     margin-right: var(--gap-xs);
-} .confirmation-v1__timePassed_1wdfo {
+} .confirmation-v1__timePassed_1fknk {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_1wdfo {
+} .confirmation-v1__getCodeButton_1fknk {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__alertIcon_1wdfo {
+} .confirmation-v1__alertIcon_1fknk {
     text-align: center;
     margin-bottom: var(--gap-xl);
     color: var(--color-static-status-red);

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

@@ -16,7 +16,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":"confirmation-v1__component_n3c8i","countdown":"confirmation-v1__countdown_n3c8i","hidden":"confirmation-v1__hidden_n3c8i","header":"confirmation-v1__header_n3c8i","inputContainer":"confirmation-v1__inputContainer_n3c8i","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_n3c8i","smsComeLink":"confirmation-v1__smsComeLink_n3c8i","error":"confirmation-v1__error_n3c8i","loaderWrap":"confirmation-v1__loaderWrap_n3c8i","loaderText":"confirmation-v1__loaderText_n3c8i","center":"confirmation-v1__center_n3c8i","codeInput":"confirmation-v1__codeInput_n3c8i"};
+var styles = {"component":"confirmation-v1__component_skqx0","countdown":"confirmation-v1__countdown_skqx0","hidden":"confirmation-v1__hidden_skqx0","header":"confirmation-v1__header_skqx0","inputContainer":"confirmation-v1__inputContainer_skqx0","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_skqx0","smsComeLink":"confirmation-v1__smsComeLink_skqx0","error":"confirmation-v1__error_skqx0","loaderWrap":"confirmation-v1__loaderWrap_skqx0","loaderText":"confirmation-v1__loaderText_skqx0","center":"confirmation-v1__center_skqx0","codeInput":"confirmation-v1__codeInput_skqx0"};
 require('./index.css');
 
 var SignConfirmation = function (_a) {