@alfalab/core-components-confirmation 13.1.6 → 13.1.7

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

@@ -32,12 +32,12 @@ var Hint = function (_a) {
         React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_b = {}, _b[styles__default.default.typographyTheme] = !mobile, _b)) }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
         React__default.default.createElement("div", { className: styles__default.default.phonesWrap },
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_c = {}, _c[styles__default.default.phoneContentMobile] = mobile, _c)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', underline: false, className: styles__default.default.phoneLink }, "8 800 200-00-00"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+78002000000', underline: false, className: styles__default.default.phoneLink }, "8 800 200 00 00"),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_d = {}, _d[styles__default.default.typographyTheme] = !mobile, _d)) }, mobile
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.phoneWrap, (_e = {}, _e[styles__default.default.phoneContentMobile] = mobile, _e)) },
-                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', underline: false, className: styles__default.default.phoneLink }, "+7 495 78-888-78"),
+                React__default.default.createElement(coreComponentsLink.Link, { href: 'tel:+74957888878', underline: false, className: styles__default.default.phoneLink }, "+7 495 78 888 78"),
                 React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', color: 'primary', className: cn__default.default(styles__default.default.text, (_f = {}, _f[styles__default.default.typographyTheme] = !mobile, _f)) }, mobile
                     ? 'В\u00A0Москве и\u00A0за\u00A0границей'
                     : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей'))),

package/cssm/typings-89f0cb07.d.ts

@@ -0,0 +1,93 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default m
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PrivateButtonProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap: StyleColors;
+};
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/desktop.js

@@ -18,7 +18,7 @@ require('@alfalab/core-components-code-input/mobile');
 require('@alfalab/core-components-link');
 require('@alfalab/core-components-typography');
 require('./components/header/component.js');
-require('./countdown-section-a349a8ff.js');
+require('./countdown-section-a7437221.js');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-spinner');
 require('./components/screens/hint/component.js');

package/esm/Component-89f0cb07.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/esm/component.desktop.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-a04248a9.js';
+import './countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';

package/esm/component.mobile.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-a04248a9.js';
+import './countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';
@@ -21,7 +21,7 @@ import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 
-var styles = {"container":"confirmation__container_18e25"};
+var styles = {"container":"confirmation__container_7c9vx"};
 require('./mobile.css')
 
 var ConfirmationMobile = function (_a) {

package/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import './components/header/component.js';
-import './countdown-section-a04248a9.js';
+import './countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import './components/screens/hint/component.js';

package/esm/components/base-confirmation/component.js

@@ -15,12 +15,12 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import '../header/component.js';
-import '../../countdown-section-a04248a9.js';
+import '../../countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import '../countdown-loader/component.js';
 
-var styles = {"component":"confirmation__component_15mit"};
+var styles = {"component":"confirmation__component_4nx8k"};
 require('./index.css')
 
 var confirmationScreens = {

package/esm/components/base-confirmation/index.css

@@ -1,4 +1,4 @@
-/* hash: ntfmw */
+/* hash: 9bfxt */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__component_15mit {
+} .confirmation__component_4nx8k {
     width: 100%;
     max-width: 388px;
     margin: 0 auto;

package/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '@alfalab/core-components-code-input/esm/mobile';
 import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import '../header/component.js';
-import '../../countdown-section-a04248a9.js';
+import '../../countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import '../screens/hint/component.js';

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

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

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

@@ -1,4 +1,4 @@
-/* hash: mz2z7 */
+/* hash: hfux0 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation__circle_1o3jh {
+} .confirmation__circle_12w4g {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/esm/components/header/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/esm';
 
-var styles = {"header":"confirmation__header_qeh8z","typography":"confirmation__typography_qeh8z","typographyMobile":"confirmation__typographyMobile_qeh8z"};
+var styles = {"header":"confirmation__header_13q29","typography":"confirmation__typography_13q29","typographyMobile":"confirmation__typographyMobile_13q29"};
 require('./index.css')
 
 var Header = function (_a) {

package/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wxi4 */
+/* hash: yff0a */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,24 +25,24 @@
     --confirmation-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-    --confirmation-header-mobile-font-size: 18px;
-    --confirmation-header-mobile-line-height: 22px;
-    --confirmation-header-mobile-font-weight: bold;
+    --confirmation-header-mobile-font-size: 20px;
+    --confirmation-header-mobile-line-height: 28px;
+    --confirmation-header-mobile-font-weight: 600;
     --confirmation-header-mobile-font-family: var(--font-family-system);
 
     /* text */
 
     /* header */
     --confirmation-header-font-feature-settings: normal
-} .confirmation__header_qeh8z.confirmation__header_qeh8z {
+} .confirmation__header_13q29.confirmation__header_13q29 {
     margin-bottom: var(--gap-xl);
-} .confirmation__typography_qeh8z.confirmation__typography_qeh8z.confirmation__typography_qeh8z {
+} .confirmation__typography_13q29.confirmation__typography_13q29.confirmation__typography_13q29 {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
-} .confirmation__typographyMobile_qeh8z.confirmation__typographyMobile_qeh8z.confirmation__typographyMobile_qeh8z {
+} .confirmation__typographyMobile_13q29.confirmation__typographyMobile_13q29.confirmation__typographyMobile_13q29 {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-a04248a9.js';
+import '../countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';

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

@@ -6,7 +6,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
 import '../../../utils.js';
 
-var styles = {"component":"confirmation__component_81yvr","typographyTheme":"confirmation__typographyTheme_81yvr","left":"confirmation__left_81yvr","center":"confirmation__center_81yvr","button":"confirmation__button_81yvr"};
+var styles = {"component":"confirmation__component_ldjvy","typographyTheme":"confirmation__typographyTheme_ldjvy","left":"confirmation__left_ldjvy","center":"confirmation__center_ldjvy","button":"confirmation__button_ldjvy"};
 require('./index.css')
 
 var FatalError = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1wdc2 */
+/* hash: xv8xm */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,20 +31,20 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_81yvr {
+} .confirmation__component_ldjvy {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_81yvr.confirmation__typographyTheme_81yvr {
+} .confirmation__typographyTheme_ldjvy.confirmation__typographyTheme_ldjvy {
     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__left_81yvr {
+} .confirmation__left_ldjvy {
     align-items: flex-start;
-} .confirmation__center_81yvr {
+} .confirmation__center_ldjvy {
     align-items: center;
     text-align: center;
-} .confirmation__button_81yvr {
+} .confirmation__button_ldjvy {
     margin-top: var(--gap-2xl);
 }

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

@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
 import '../../../utils.js';
 
-var styles = {"component":"confirmation__component_g2hop","center":"confirmation__center_g2hop","text":"confirmation__text_g2hop","typographyTheme":"confirmation__typographyTheme_g2hop","phonesWrap":"confirmation__phonesWrap_g2hop","phoneWrap":"confirmation__phoneWrap_g2hop","phoneLink":"confirmation__phoneLink_g2hop","hintButton":"confirmation__hintButton_g2hop","phoneContentMobile":"confirmation__phoneContentMobile_g2hop"};
+var styles = {"component":"confirmation__component_1e506","center":"confirmation__center_1e506","text":"confirmation__text_1e506","typographyTheme":"confirmation__typographyTheme_1e506","phonesWrap":"confirmation__phonesWrap_1e506","phoneWrap":"confirmation__phoneWrap_1e506","phoneLink":"confirmation__phoneLink_1e506","hintButton":"confirmation__hintButton_1e506","phoneContentMobile":"confirmation__phoneContentMobile_1e506"};
 require('./index.css')
 
 var Hint = function (_a) {
@@ -23,12 +23,12 @@ var Hint = function (_a) {
         React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_b = {}, _b[styles.typographyTheme] = !mobile, _b)) }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0438\u0437\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0437\u0432\u043E\u043D\u0438\u0442\u0435 \u043D\u0430\u043C \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432\u00A0\u043B\u044E\u0431\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430."),
         React.createElement("div", { className: styles.phonesWrap },
             React.createElement("div", { className: cn(styles.phoneWrap, (_c = {}, _c[styles.phoneContentMobile] = mobile, _c)) },
-                React.createElement(Link, { href: 'tel:+78002000000', underline: false, className: styles.phoneLink }, "8 800 200-00-00"),
+                React.createElement(Link, { href: 'tel:+78002000000', underline: false, className: styles.phoneLink }, "8 800 200 00 00"),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_d = {}, _d[styles.typographyTheme] = !mobile, _d)) }, mobile
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React.createElement("div", { className: cn(styles.phoneWrap, (_e = {}, _e[styles.phoneContentMobile] = mobile, _e)) },
-                React.createElement(Link, { href: 'tel:+74957888878', underline: false, className: styles.phoneLink }, "+7 495 78-888-78"),
+                React.createElement(Link, { href: 'tel:+74957888878', underline: false, className: styles.phoneLink }, "+7 495 78 888 78"),
                 React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, (_f = {}, _f[styles.typographyTheme] = !mobile, _f)) }, mobile
                     ? 'В\u00A0Москве и\u00A0за\u00A0границей'
                     : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей'))),

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

@@ -1,4 +1,4 @@
-/* hash: sb4ox */
+/* hash: dt4zv */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,38 +33,38 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_g2hop {
+} .confirmation__component_1e506 {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_g2hop span:last-of-type {
+} .confirmation__component_1e506 span:last-of-type {
         margin-bottom: 0;
-    } .confirmation__center_g2hop {
+    } .confirmation__center_1e506 {
     align-items: center;
     text-align: center;
-} .confirmation__text_g2hop.confirmation__text_g2hop {
+} .confirmation__text_1e506.confirmation__text_1e506 {
     margin-bottom: var(--gap-xl);
-} .confirmation__typographyTheme_g2hop.confirmation__typographyTheme_g2hop {
+} .confirmation__typographyTheme_1e506.confirmation__typographyTheme_1e506 {
     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_g2hop {
+} .confirmation__phonesWrap_1e506 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-xl);
-} .confirmation__phoneWrap_g2hop {
+} .confirmation__phoneWrap_1e506 {
     margin-bottom: var(--gap-xs)
-} .confirmation__phoneWrap_g2hop:last-child {
+} .confirmation__phoneWrap_1e506:last-child {
         margin-bottom: 0;
-    } .confirmation__phoneLink_g2hop.confirmation__phoneLink_g2hop {
+    } .confirmation__phoneLink_1e506.confirmation__phoneLink_1e506 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_g2hop {
+} .confirmation__hintButton_1e506 {
     margin-top: var(--gap-2xl);
-} .confirmation__phoneContentMobile_g2hop {
+} .confirmation__phoneContentMobile_1e506 {
     display: flex;
     flex-direction: column;
     align-items: center;

package/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-a04248a9.js';
+import '../../countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';
 import '../countdown-loader/component.js';

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

@@ -8,7 +8,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-a04248a9.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-d5c7f116.js';
 import '../../../utils.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';

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

@@ -5,4 +5,4 @@ import '@alfalab/core-components-spinner/esm';
 import '@alfalab/core-components-typography/esm';
 import '../../../context.js';
 import '../../../utils.js';
-export { C as CountdownSection } from '../../../countdown-section-a04248a9.js';
+export { C as CountdownSection } from '../../../countdown-section-d5c7f116.js';

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

@@ -1,4 +1,4 @@
-/* hash: 11son */
+/* hash: 1rc05 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e;
@@ -37,49 +37,49 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_yvw20 {
+} .confirmation__component_1wv7u {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_yvw20.confirmation__typographyTheme_yvw20 {
+} .confirmation__typographyTheme_1wv7u.confirmation__typographyTheme_1wv7u {
     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_yvw20.confirmation__phone_yvw20 {
+} .confirmation__phone_1wv7u.confirmation__phone_1wv7u {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-2xl);
-} .confirmation__compact_yvw20 {
+} .confirmation__compact_1wv7u {
     margin-bottom: var(--gap-xl);
-} .confirmation__loaderWrap_yvw20 {
+} .confirmation__loaderWrap_1wv7u {
     display: flex;
     align-items: center;
-} .confirmation__left_yvw20 {
+} .confirmation__left_1wv7u {
     align-items: flex-start;
-} .confirmation__center_yvw20 {
+} .confirmation__center_1wv7u {
     align-items: center;
     text-align: center
-} .confirmation__center_yvw20 .confirmation__loaderWrap_yvw20 {
+} .confirmation__center_1wv7u .confirmation__loaderWrap_1wv7u {
         justify-content: center;
-    } .confirmation__codeInput_yvw20 {
+    } .confirmation__codeInput_1wv7u {
     margin-bottom: var(--gap-s);
-} .confirmation__smsComeLink_yvw20.confirmation__smsComeLink_yvw20 {
+} .confirmation__smsComeLink_1wv7u.confirmation__smsComeLink_1wv7u {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_yvw20.confirmation__countdownContainer_yvw20 {
+} .confirmation__countdownContainer_1wv7u.confirmation__countdownContainer_1wv7u {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-xl);
-} .confirmation__countdownMobile_yvw20.confirmation__countdownMobile_yvw20 {
+} .confirmation__countdownMobile_1wv7u.confirmation__countdownMobile_1wv7u {
     margin-bottom: var(--gap-l);
-} .confirmation__countdownLoaderMobile_yvw20.confirmation__countdownLoaderMobile_yvw20 {
+} .confirmation__countdownLoaderMobile_1wv7u.confirmation__countdownLoaderMobile_1wv7u {
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButton_yvw20 {
+} .confirmation__getCodeButton_1wv7u {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
-} .confirmation__getCodeButtonMobile_yvw20 {
+} .confirmation__getCodeButtonMobile_1wv7u {
     margin-bottom: 0;
-} .confirmation__containerInput_yvw20 {
+} .confirmation__containerInput_1wv7u {
     min-height: 80px;
 }

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

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-a04248a9.js';
+import '../../../countdown-section-d5c7f116.js';
 import '@alfalab/core-components-button/esm';
 import '@alfalab/core-components-spinner/esm';

package/esm/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';
 
-var styles = {"component":"confirmation__component_raowx","center":"confirmation__center_raowx","typographyTheme":"confirmation__typographyTheme_raowx","description":"confirmation__description_raowx","countdownWrap":"confirmation__countdownWrap_raowx","loader":"confirmation__loader_raowx"};
+var styles = {"component":"confirmation__component_tqagl","center":"confirmation__center_tqagl","typographyTheme":"confirmation__typographyTheme_tqagl","description":"confirmation__description_tqagl","countdownWrap":"confirmation__countdownWrap_tqagl","loader":"confirmation__loader_tqagl"};
 require('./index.css')
 
 var TempBlock = function (_a) {