@alfalab/core-components-confirmation 13.1.6 → 13.1.7

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

@@ -1,4 +1,4 @@
-/* hash: lzohn */
+/* hash: 7xfg2 */
 :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,23 +31,23 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_raowx {
+} .confirmation__component_tqagl {
     display: flex;
     flex-direction: column;
-} .confirmation__center_raowx {
+} .confirmation__center_tqagl {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_raowx.confirmation__typographyTheme_raowx {
+} .confirmation__typographyTheme_tqagl.confirmation__typographyTheme_tqagl {
     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_raowx.confirmation__description_raowx {
+} .confirmation__description_tqagl.confirmation__description_tqagl {
     margin-bottom: var(--gap-xs);
-} .confirmation__countdownWrap_raowx {
+} .confirmation__countdownWrap_tqagl {
     display: flex;
     align-items: center;
-} .confirmation__loader_raowx {
+} .confirmation__loader_tqagl {
     margin-right: var(--gap-xs);
 }

package/esm/{countdown-section-a04248a9.js → countdown-section-d5c7f116.js}

@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-var styles = {"component":"confirmation__component_yvw20","typographyTheme":"confirmation__typographyTheme_yvw20","phone":"confirmation__phone_yvw20","compact":"confirmation__compact_yvw20","loaderWrap":"confirmation__loaderWrap_yvw20","left":"confirmation__left_yvw20","center":"confirmation__center_yvw20","codeInput":"confirmation__codeInput_yvw20","smsComeLink":"confirmation__smsComeLink_yvw20","countdownContainer":"confirmation__countdownContainer_yvw20","countdownMobile":"confirmation__countdownMobile_yvw20","countdownLoaderMobile":"confirmation__countdownLoaderMobile_yvw20","getCodeButton":"confirmation__getCodeButton_yvw20","getCodeButtonMobile":"confirmation__getCodeButtonMobile_yvw20","containerInput":"confirmation__containerInput_yvw20"};
+var styles = {"component":"confirmation__component_1wv7u","typographyTheme":"confirmation__typographyTheme_1wv7u","phone":"confirmation__phone_1wv7u","compact":"confirmation__compact_1wv7u","loaderWrap":"confirmation__loaderWrap_1wv7u","left":"confirmation__left_1wv7u","center":"confirmation__center_1wv7u","codeInput":"confirmation__codeInput_1wv7u","smsComeLink":"confirmation__smsComeLink_1wv7u","countdownContainer":"confirmation__countdownContainer_1wv7u","countdownMobile":"confirmation__countdownMobile_1wv7u","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1wv7u","getCodeButton":"confirmation__getCodeButton_1wv7u","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1wv7u","containerInput":"confirmation__containerInput_1wv7u"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

package/esm/desktop.js

@@ -14,7 +14,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/index.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/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1emgt */
-.confirmation__container_18e25 {
+/* hash: 54o9q */
+.confirmation__container_7c9vx {
     max-width: 288px;
 }

package/esm/mobile.js

@@ -14,7 +14,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/shared.js

@@ -15,6 +15,6 @@ import '@alfalab/core-components-link/esm';
 import '@alfalab/core-components-typography/esm';
 import '@alfalab/hooks';
 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';

package/esm/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/index.js

@@ -20,7 +20,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/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1emgt */
-.confirmation__container_18e25 {
+/* hash: 54o9q */
+.confirmation__container_7c9vx {
     max-width: 288px;
 }

package/mobile.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/modern/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/modern/component.desktop.js

@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/modern/mobile';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
 import './components/header/component.js';
-import './countdown-section-f9d36879.js';
+import './countdown-section-ffce9cdb.js';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-spinner/modern';
 import './components/screens/hint/component.js';

package/modern/component.mobile.js

@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/modern/mobile';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
 import './components/header/component.js';
-import './countdown-section-f9d36879.js';
+import './countdown-section-ffce9cdb.js';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-spinner/modern';
 import './components/screens/hint/component.js';
@@ -20,7 +20,7 @@ import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 
-const styles = {"container":"confirmation__container_18e25"};
+const styles = {"container":"confirmation__container_7c9vx"};
 require('./mobile.css')
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/modern/component.responsive.js

@@ -15,7 +15,7 @@ import '@alfalab/core-components-code-input/modern/mobile';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
 import './components/header/component.js';
-import './countdown-section-f9d36879.js';
+import './countdown-section-ffce9cdb.js';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-spinner/modern';
 import './components/screens/hint/component.js';

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

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

package/modern/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/modern/components/base-confirmation/index.js

@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/modern/mobile';
 import '@alfalab/core-components-link/modern';
 import '@alfalab/core-components-typography/modern';
 import '../header/component.js';
-import '../../countdown-section-f9d36879.js';
+import '../../countdown-section-ffce9cdb.js';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-spinner/modern';
 import '../screens/hint/component.js';

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

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

package/modern/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/modern/components/header/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-const styles = {"header":"confirmation__header_qeh8z","typography":"confirmation__typography_qeh8z","typographyMobile":"confirmation__typographyMobile_qeh8z"};
+const styles = {"header":"confirmation__header_13q29","typography":"confirmation__typography_13q29","typographyMobile":"confirmation__typographyMobile_13q29"};
 require('./index.css')
 
 const Header = ({ mobile, children }) => (React.createElement(Typography.Title, { className: cn(styles.header, styles.typography, { [styles.typographyMobile]: mobile }), tag: 'h3', color: 'primary' }, children));

package/modern/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/modern/components/index.js

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

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

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

package/modern/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/modern/components/screens/hint/component.js

@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
 import '../../../utils.js';
 
-const 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"};
+const 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')
 
 const Hint = ({ mobile }) => {
@@ -21,12 +21,12 @@ const Hint = ({ mobile }) => {
         React.createElement(Typography.Text, { view: 'primary-medium', color: 'primary', className: cn(styles.text, { [styles.typographyTheme]: !mobile }) }, "\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, { [styles.phoneContentMobile]: mobile }) },
-                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, { [styles.typographyTheme]: !mobile }) }, mobile
                     ? 'Для\u00A0звонков по\u00A0России'
                     : ' \u2014\u00A0для звонков по\u00A0России')),
             React.createElement("div", { className: cn(styles.phoneWrap, { [styles.phoneContentMobile]: mobile }) },
-                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, { [styles.typographyTheme]: !mobile }) }, mobile
                     ? 'В\u00A0Москве и\u00A0за\u00A0границей'
                     : ' \u2014\u00A0в\u00A0Москве и\u00A0за\u00A0границей'))),

package/modern/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/modern/components/screens/index.js

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

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

@@ -8,7 +8,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
 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-f9d36879.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-ffce9cdb.js';
 import '../../../utils.js';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-spinner/modern';

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

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