@alfalab/core-components-confirmation 10.3.2 → 10.4.1

package/esm/components/screens/initial/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vsab */
+/* hash: 1kft5 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_pbvkr {
+.confirmation__component_teoq4 {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_pbvkr {
+.confirmation__header_teoq4 {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,47 +50,50 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__phone_pbvkr {
+.confirmation__phone_teoq4 {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_pbvkr {
+.confirmation__inputContainer_teoq4 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_pbvkr {
+.confirmation__compact_teoq4 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_pbvkr {
+.confirmation__loaderWrap_teoq4 {
     display: flex;
     align-items: center;
 }
-.confirmation__center_pbvkr {
+.confirmation__center_teoq4 {
     align-items: center;
     text-align: center
 }
-.confirmation__center_pbvkr .confirmation__codeInput_pbvkr,
-    .confirmation__center_pbvkr .confirmation__loaderWrap_pbvkr {
+.confirmation__center_teoq4 .confirmation__codeInput_teoq4,
+    .confirmation__center_teoq4 .confirmation__loaderWrap_teoq4 {
         justify-content: center;
     }
-.confirmation__smsComeLink_pbvkr {
+.confirmation__center_teoq4 input {
+        margin: 0 var(--gap-2xs);
+    }
+.confirmation__smsComeLink_teoq4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_pbvkr {
+.confirmation__countdownContainer_teoq4 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_pbvkr {
+.confirmation__getCodeButton_teoq4 {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_pbvkr {
+.confirmation__countdown_teoq4 {
     display: flex;
 }
-.confirmation__countdownTimer_pbvkr {
+.confirmation__countdownTimer_teoq4 {
     display: flex;
     justify-content: flex-start;
     min-width: 45px;

package/esm/components/screens/initial/index.js

@@ -5,7 +5,7 @@ import '../../../utils.js';
 import '../../../context.js';
 import '@alfalab/core-components-code-input/esm';
 import '@alfalab/core-components-link/esm';
-import '../../../countdown-section-7654b5d7.js';
+import '../../../countdown-section-2ca2671a.js';
 import '@alfalab/core-components-loader/esm';
 import '@alfalab/core-components-button/esm';
 export { Initial } from './component.js';

package/esm/components/screens/temp-block/component.js

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_1wggp","description":"confirmation__description_1wggp","countdownWrap":"confirmation__countdownWrap_1wggp","loader":"confirmation__loader_1wggp"};
+var styles = {"header":"confirmation__header_t8t0b","description":"confirmation__description_t8t0b","countdownWrap":"confirmation__countdownWrap_t8t0b","loader":"confirmation__loader_t8t0b"};
 require('./index.css')
 
 var TempBlock = function () {

package/esm/components/screens/temp-block/index.css

@@ -1,4 +1,4 @@
-/* hash: ww95m */
+/* hash: 1imau */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_1wggp {
+.confirmation__header_t8t0b {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_1wggp {
+.confirmation__description_t8t0b {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_1wggp {
+.confirmation__countdownWrap_t8t0b {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_1wggp {
+.confirmation__loader_t8t0b {
     margin-right: var(--gap-xs);
 }

package/esm/{countdown-section-7654b5d7.js → countdown-section-2ca2671a.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '@alfalab/core-components-loader/esm';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles = {"component":"confirmation__component_pbvkr","header":"confirmation__header_pbvkr","phone":"confirmation__phone_pbvkr","inputContainer":"confirmation__inputContainer_pbvkr","compact":"confirmation__compact_pbvkr","loaderWrap":"confirmation__loaderWrap_pbvkr","center":"confirmation__center_pbvkr","codeInput":"confirmation__codeInput_pbvkr","smsComeLink":"confirmation__smsComeLink_pbvkr","countdownContainer":"confirmation__countdownContainer_pbvkr","getCodeButton":"confirmation__getCodeButton_pbvkr","countdown":"confirmation__countdown_pbvkr","countdownTimer":"confirmation__countdownTimer_pbvkr"};
+var styles = {"component":"confirmation__component_teoq4","header":"confirmation__header_teoq4","phone":"confirmation__phone_teoq4","inputContainer":"confirmation__inputContainer_teoq4","compact":"confirmation__compact_teoq4","loaderWrap":"confirmation__loaderWrap_teoq4","center":"confirmation__center_teoq4","codeInput":"confirmation__codeInput_teoq4","smsComeLink":"confirmation__smsComeLink_teoq4","countdownContainer":"confirmation__countdownContainer_teoq4","getCodeButton":"confirmation__getCodeButton_teoq4","countdown":"confirmation__countdown_teoq4","countdownTimer":"confirmation__countdownTimer_teoq4"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 10760 */
+/* hash: 3czbs */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_mfri0 {
+.confirmation__component_1j50c {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_mfri0 {
+.confirmation__center_1j50c {
     align-items: center;
     text-align: center;
 }

package/esm/index.js

@@ -7,7 +7,7 @@ export { ConfirmationContext } from './context.js';
 export { defaultTexts } from './types.js';
 import '@alfalab/core-components-code-input/esm';
 import '@alfalab/core-components-link/esm';
-import './countdown-section-7654b5d7.js';
+import './countdown-section-2ca2671a.js';
 import '@alfalab/core-components-loader/esm';
 import '@alfalab/core-components-button/esm';
 export { Initial } from './components/screens/initial/component.js';

package/esm/types.d.ts

@@ -72,6 +72,10 @@ type ConfirmationProps = {
      * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
      */
     getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished'> & {
     timeLeft: number;

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 10760 */
+/* hash: 3czbs */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_mfri0 {
+.confirmation__component_1j50c {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_mfri0 {
+.confirmation__center_1j50c {
     align-items: center;
     text-align: center;
 }

package/index.js

@@ -11,7 +11,7 @@ var context = require('./context.js');
 var types = require('./types.js');
 require('@alfalab/core-components-code-input');
 require('@alfalab/core-components-link');
-require('./countdown-section-4e90accd.js');
+require('./countdown-section-b821f607.js');
 require('@alfalab/core-components-loader');
 require('@alfalab/core-components-button');
 var components_screens_initial_component = require('./components/screens/initial/component.js');

package/modern/component.js

@@ -6,7 +6,7 @@ import { ConfirmationContext } from './context.js';
 import { defaultTexts } from './types.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import './countdown-section-15346730.js';
+import './countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 import { Initial } from './components/screens/initial/component.js';
@@ -15,7 +15,7 @@ import { FatalError } from './components/screens/fatal-error/component.js';
 import './components/countdown-loader/component.js';
 import { TempBlock } from './components/screens/temp-block/component.js';
 
-var styles = {"component":"confirmation__component_mfri0","center":"confirmation__center_mfri0"};
+var styles = {"component":"confirmation__component_1j50c","center":"confirmation__center_1j50c"};
 require('./index.css')
 
 const confirmationScreens = {

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 1vvnz */
+/* hash: 1la5r */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_17hd9 {
+.confirmation__circle_83y75 {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/modern/components/index.js

@@ -5,7 +5,7 @@ import '../utils.js';
 import '../context.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import '../countdown-section-15346730.js';
+import '../countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 export { Initial } from './screens/initial/component.js';

package/modern/components/screens/fatal-error/component.js

@@ -3,7 +3,7 @@ import '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"header":"confirmation__header_ywk3d","description":"confirmation__description_ywk3d"};
+var styles = {"header":"confirmation__header_1i41c","description":"confirmation__description_1i41c"};
 require('./index.css')
 
 const FatalError = () => {

package/modern/components/screens/fatal-error/index.css

@@ -1,4 +1,4 @@
-/* hash: d81it */
+/* hash: 1wknl */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_ywk3d {
+.confirmation__header_1i41c {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -49,7 +49,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_ywk3d {
+.confirmation__description_1i41c {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);

package/modern/components/screens/hint/component.js

@@ -5,7 +5,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Link } from '@alfalab/core-components-link/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"center":"confirmation__center_cy71u","phoneHintWrap":"confirmation__phoneHintWrap_cy71u","hintWrap":"confirmation__hintWrap_cy71u","title":"confirmation__title_cy71u","text":"confirmation__text_cy71u","phonesWrap":"confirmation__phonesWrap_cy71u","phoneWrap":"confirmation__phoneWrap_cy71u","phoneLink":"confirmation__phoneLink_cy71u","phoneDescription":"confirmation__phoneDescription_cy71u","hintButton":"confirmation__hintButton_cy71u"};
+var styles = {"center":"confirmation__center_1808l","phoneHintWrap":"confirmation__phoneHintWrap_1808l","hintWrap":"confirmation__hintWrap_1808l","title":"confirmation__title_1808l","text":"confirmation__text_1808l","phonesWrap":"confirmation__phonesWrap_1808l","phoneWrap":"confirmation__phoneWrap_1808l","phoneLink":"confirmation__phoneLink_1808l","phoneDescription":"confirmation__phoneDescription_1808l","hintButton":"confirmation__hintButton_1808l"};
 require('./index.css')
 
 const Hint = () => {

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

@@ -1,4 +1,4 @@
-/* hash: k62yg */
+/* hash: kspi1 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_cy71u .confirmation__phoneHintWrap_cy71u {
+.confirmation__center_1808l .confirmation__phoneHintWrap_1808l {
         align-items: center;
     }
-.confirmation__center_cy71u .confirmation__hintWrap_cy71u {
+.confirmation__center_1808l .confirmation__hintWrap_1808l {
         align-items: center;
     }
-.confirmation__hintWrap_cy71u {
+.confirmation__hintWrap_1808l {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_cy71u {
+.confirmation__title_1808l {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -61,7 +61,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__text_cy71u {
+.confirmation__text_1808l {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -70,7 +70,7 @@
 
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phonesWrap_cy71u {
+.confirmation__phonesWrap_1808l {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,23 +81,23 @@
     flex-direction: column;
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phoneWrap_cy71u {
+.confirmation__phoneWrap_1808l {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_cy71u:last-child {
+.confirmation__phoneWrap_1808l:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_cy71u {
+.confirmation__phoneLink_1808l {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_cy71u > span {
+.confirmation__phoneLink_1808l > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_cy71u {
+.confirmation__phoneDescription_1808l {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_cy71u {
+.confirmation__hintButton_1808l {
     margin-top: var(--gap-2xl);
 }

package/modern/components/screens/index.js

@@ -5,7 +5,7 @@ import '../../utils.js';
 import '../../context.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import '../../countdown-section-15346730.js';
+import '../../countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 export { Initial } from './initial/component.js';

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

@@ -5,7 +5,7 @@ import '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CodeInput } from '@alfalab/core-components-code-input/modern';
 import { Link } from '@alfalab/core-components-link/modern';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-15346730.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 

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

@@ -2,6 +2,6 @@ import 'react';
 import 'classnames';
 import '../../../utils.js';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-15346730.js';
+export { C as CountdownSection } from '../../../countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';

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

@@ -1,4 +1,4 @@
-/* hash: 1vsab */
+/* hash: 1kft5 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_pbvkr {
+.confirmation__component_teoq4 {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_pbvkr {
+.confirmation__header_teoq4 {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,47 +50,50 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__phone_pbvkr {
+.confirmation__phone_teoq4 {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_pbvkr {
+.confirmation__inputContainer_teoq4 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_pbvkr {
+.confirmation__compact_teoq4 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_pbvkr {
+.confirmation__loaderWrap_teoq4 {
     display: flex;
     align-items: center;
 }
-.confirmation__center_pbvkr {
+.confirmation__center_teoq4 {
     align-items: center;
     text-align: center
 }
-.confirmation__center_pbvkr .confirmation__codeInput_pbvkr,
-    .confirmation__center_pbvkr .confirmation__loaderWrap_pbvkr {
+.confirmation__center_teoq4 .confirmation__codeInput_teoq4,
+    .confirmation__center_teoq4 .confirmation__loaderWrap_teoq4 {
         justify-content: center;
     }
-.confirmation__smsComeLink_pbvkr {
+.confirmation__center_teoq4 input {
+        margin: 0 var(--gap-2xs);
+    }
+.confirmation__smsComeLink_teoq4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_pbvkr {
+.confirmation__countdownContainer_teoq4 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_pbvkr {
+.confirmation__getCodeButton_teoq4 {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_pbvkr {
+.confirmation__countdown_teoq4 {
     display: flex;
 }
-.confirmation__countdownTimer_pbvkr {
+.confirmation__countdownTimer_teoq4 {
     display: flex;
     justify-content: flex-start;
     min-width: 45px;

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

@@ -5,7 +5,7 @@ import '../../../utils.js';
 import '../../../context.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import '../../../countdown-section-15346730.js';
+import '../../../countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 export { Initial } from './component.js';

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

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_1wggp","description":"confirmation__description_1wggp","countdownWrap":"confirmation__countdownWrap_1wggp","loader":"confirmation__loader_1wggp"};
+var styles = {"header":"confirmation__header_t8t0b","description":"confirmation__description_t8t0b","countdownWrap":"confirmation__countdownWrap_t8t0b","loader":"confirmation__loader_t8t0b"};
 require('./index.css')
 
 const TempBlock = () => {

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

@@ -1,4 +1,4 @@
-/* hash: ww95m */
+/* hash: 1imau */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_1wggp {
+.confirmation__header_t8t0b {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_1wggp {
+.confirmation__description_t8t0b {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_1wggp {
+.confirmation__countdownWrap_t8t0b {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_1wggp {
+.confirmation__loader_t8t0b {
     margin-right: var(--gap-xs);
 }

package/modern/{countdown-section-15346730.js → countdown-section-6a6308b3.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '@alfalab/core-components-loader/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"component":"confirmation__component_pbvkr","header":"confirmation__header_pbvkr","phone":"confirmation__phone_pbvkr","inputContainer":"confirmation__inputContainer_pbvkr","compact":"confirmation__compact_pbvkr","loaderWrap":"confirmation__loaderWrap_pbvkr","center":"confirmation__center_pbvkr","codeInput":"confirmation__codeInput_pbvkr","smsComeLink":"confirmation__smsComeLink_pbvkr","countdownContainer":"confirmation__countdownContainer_pbvkr","getCodeButton":"confirmation__getCodeButton_pbvkr","countdown":"confirmation__countdown_pbvkr","countdownTimer":"confirmation__countdownTimer_pbvkr"};
+var styles = {"component":"confirmation__component_teoq4","header":"confirmation__header_teoq4","phone":"confirmation__phone_teoq4","inputContainer":"confirmation__inputContainer_teoq4","compact":"confirmation__compact_teoq4","loaderWrap":"confirmation__loaderWrap_teoq4","center":"confirmation__center_teoq4","codeInput":"confirmation__codeInput_teoq4","smsComeLink":"confirmation__smsComeLink_teoq4","countdownContainer":"confirmation__countdownContainer_teoq4","getCodeButton":"confirmation__getCodeButton_teoq4","countdown":"confirmation__countdown_teoq4","countdownTimer":"confirmation__countdownTimer_teoq4"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 10760 */
+/* hash: 3czbs */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_mfri0 {
+.confirmation__component_1j50c {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_mfri0 {
+.confirmation__center_1j50c {
     align-items: center;
     text-align: center;
 }

package/modern/index.js

@@ -6,7 +6,7 @@ export { ConfirmationContext } from './context.js';
 export { defaultTexts } from './types.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import './countdown-section-15346730.js';
+import './countdown-section-6a6308b3.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 export { Initial } from './components/screens/initial/component.js';

package/modern/types.d.ts

@@ -72,6 +72,10 @@ type ConfirmationProps = {
      * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
      */
     getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
 };
 type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished'> & {
     timeLeft: number;