@alfalab/core-components 42.0.0-beta.0 → 42.0.0-beta.2

package/confirmation/modern/desktop.js

@@ -1,20 +1,22 @@
 export { ConfirmationDesktop } from './component.desktop.js';
+export { useConfirmation, useCountdown } from './utils.js';
 import 'react';
 import './components/base-confirmation/component.js';
 import 'classnames';
 import '@alfalab/hooks';
 import './context.js';
-import '../../button/modern';
-import '../../code-input/modern';
+import '../../button/modern/mobile';
+import '../../code-input/modern/desktop';
+import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-46915d2d.js';
+import './countdown-section-957c51a2.js';
+import '../../button/modern';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 import './types.js';
-import './utils.js';
 import './components/screens/initial/component.js';

package/confirmation/modern/index.d.ts

@@ -1,6 +1,2 @@
-export { ConfirmationDesktop as Confirmation } from "./desktop";
-export * from "./responsive";
-export * from "./components/index";
-export * from "./context";
-export * from "./types";
-export * from "./utils";
+export { ConfirmationResponsive as Confirmation, ResponsiveConfirmationProps as ConfirmationProps } from "./component.responsive";
+export { useConfirmation, useCountdown } from "./utils";

package/confirmation/modern/index.js

@@ -1,22 +1,25 @@
-export { ConfirmationDesktop as Confirmation } from './component.desktop.js';
-export { ConfirmationResponsive } from './component.responsive.js';
-export { Initial } from './components/screens/initial/component.js';
-export { Hint } from './components/screens/hint/component.js';
-export { FatalError } from './components/screens/fatal-error/component.js';
-export { TempBlock } from './components/screens/temp-block/component.js';
-export { CountdownLoader } from './components/countdown-loader/component.js';
-export { ConfirmationContext } from './context.js';
-export { defaultTexts } from './types.js';
-export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, useConfirmation, useCountdown } from './utils.js';
+export { ConfirmationResponsive as Confirmation } from './component.responsive.js';
+export { useConfirmation, useCountdown } from './utils.js';
 import 'react';
+import '../../mq/modern';
 import './components/base-confirmation/component.js';
 import 'classnames';
 import '@alfalab/hooks';
-import './component.mobile.js';
-import '../../button/modern';
-import '../../code-input/modern';
+import './context.js';
+import '../../button/modern/mobile';
+import '../../code-input/modern/desktop';
+import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-46915d2d.js';
+import './countdown-section-957c51a2.js';
+import '../../button/modern';
 import '../../loader/modern';
+import './components/screens/hint/component.js';
+import './components/screens/fatal-error/component.js';
+import './components/screens/temp-block/component.js';
+import './components/countdown-loader/component.js';
+import './component.mobile.js';
+import './component.desktop.js';
+import './types.js';
+import './components/screens/initial/component.js';

package/confirmation/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: qixm5 */
-.confirmation__container_35bjg {
+/* hash: 14qkz */
+.confirmation__container_xjise {
     max-width: 288px;
 }

package/confirmation/modern/mobile.d.ts

@@ -1,2 +1,2 @@
 export * from "./component.mobile";
-export {};
+export { useConfirmation, useCountdown } from "./utils";

package/confirmation/modern/mobile.js

@@ -1,20 +1,22 @@
 export { ConfirmationMobile } from './component.mobile.js';
+export { useConfirmation, useCountdown } from './utils.js';
 import 'react';
 import 'classnames';
 import './components/base-confirmation/component.js';
 import '@alfalab/hooks';
 import './context.js';
-import '../../button/modern';
-import '../../code-input/modern';
+import '../../button/modern/mobile';
+import '../../code-input/modern/desktop';
+import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-46915d2d.js';
+import './countdown-section-957c51a2.js';
+import '../../button/modern';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 import './types.js';
-import './utils.js';
 import './components/screens/initial/component.js';

package/confirmation/modern/shared.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/index";
+export * from "./context";
+export * from "./types";
+export { formatMsAsMinutes, ONE_MINUTE, ONE_DAY } from "./utils";

package/confirmation/modern/shared.js

@@ -0,0 +1,20 @@
+export { Initial } from './components/screens/initial/component.js';
+export { Hint } from './components/screens/hint/component.js';
+export { FatalError } from './components/screens/fatal-error/component.js';
+export { TempBlock } from './components/screens/temp-block/component.js';
+export { CountdownLoader } from './components/countdown-loader/component.js';
+export { ConfirmationContext } from './context.js';
+export { defaultTexts } from './types.js';
+export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes } from './utils.js';
+import 'react';
+import 'classnames';
+import '../../button/modern/mobile';
+import '../../code-input/modern/desktop';
+import '../../code-input/modern/mobile';
+import '../../link/modern';
+import '../../typography/modern';
+import '@alfalab/hooks';
+import './components/header/component.js';
+import './countdown-section-957c51a2.js';
+import '../../button/modern';
+import '../../loader/modern';

package/confirmation/modern/types.d.ts

@@ -89,9 +89,20 @@ type ConfirmationProps = {
      * @default false
      */
     hideCountdownSection?: boolean;
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
 };
 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;
+} & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
 };
 type ConfirmationTexts = {
     /**

package/confirmation/shared.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/index";
+export * from "./context";
+export * from "./types";
+export { formatMsAsMinutes, ONE_MINUTE, ONE_DAY } from "./utils";

package/confirmation/shared.js

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_screens_initial_component = require('./components/screens/initial/component.js');
+var components_screens_hint_component = require('./components/screens/hint/component.js');
+var components_screens_fatalError_component = require('./components/screens/fatal-error/component.js');
+var components_screens_tempBlock_component = require('./components/screens/temp-block/component.js');
+var components_countdownLoader_component = require('./components/countdown-loader/component.js');
+var context = require('./context.js');
+var types = require('./types.js');
+var utils = require('./utils.js');
+require('react');
+require('classnames');
+require('../button/mobile');
+require('../code-input/desktop');
+require('../code-input/mobile');
+require('../link');
+require('../typography');
+require('@alfalab/hooks');
+require('./components/header/component.js');
+require('./countdown-section-184183a5.js');
+require('../button');
+require('../loader');
+
+
+
+exports.Initial = components_screens_initial_component.Initial;
+exports.Hint = components_screens_hint_component.Hint;
+exports.FatalError = components_screens_fatalError_component.FatalError;
+exports.TempBlock = components_screens_tempBlock_component.TempBlock;
+exports.CountdownLoader = components_countdownLoader_component.CountdownLoader;
+exports.ConfirmationContext = context.ConfirmationContext;
+exports.defaultTexts = types.defaultTexts;
+exports.ONE_DAY = utils.ONE_DAY;
+exports.ONE_MINUTE = utils.ONE_MINUTE;
+exports.formatMsAsMinutes = utils.formatMsAsMinutes;

package/confirmation/types.d.ts

@@ -89,9 +89,20 @@ type ConfirmationProps = {
      * @default false
      */
     hideCountdownSection?: boolean;
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
 };
 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;
+} & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
 };
 type ConfirmationTexts = {
     /**

package/confirmation-v1/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsButton = require('../button');
+var desktop = require('../button/desktop');
 var coreComponentsLink = require('../link');
 require('@alfalab/hooks');
 require('@alfalab/utils');
@@ -21,7 +21,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_19oty","error":"confirmation-v1__error_19oty","errorHeader":"confirmation-v1__errorHeader_19oty","errorText":"confirmation-v1__errorText_19oty","phoneHintWrap":"confirmation-v1__phoneHintWrap_19oty","phoneHintText":"confirmation-v1__phoneHintText_19oty","phonesWrap":"confirmation-v1__phonesWrap_19oty","phoneWrap":"confirmation-v1__phoneWrap_19oty","phoneDescription":"confirmation-v1__phoneDescription_19oty","center":"confirmation-v1__center_19oty"};
+var styles = {"component":"confirmation-v1__component_i0qzr","error":"confirmation-v1__error_i0qzr","errorHeader":"confirmation-v1__errorHeader_i0qzr","errorText":"confirmation-v1__errorText_i0qzr","phoneHintWrap":"confirmation-v1__phoneHintWrap_i0qzr","phoneHintText":"confirmation-v1__phoneHintText_i0qzr","phonesWrap":"confirmation-v1__phonesWrap_i0qzr","phoneWrap":"confirmation-v1__phoneWrap_i0qzr","phoneDescription":"confirmation-v1__phoneDescription_i0qzr","center":"confirmation-v1__center_i0qzr"};
 require('./index.css');
 
 /**
@@ -85,7 +85,7 @@ var ConfirmationV1 = React.forwardRef(function (_a, ref) {
         shouldShowFatalError && (React__default.default.createElement("div", { className: styles.error, role: 'alert' },
             React__default.default.createElement("span", { className: styles.errorHeader }, errorTitle),
             React__default.default.createElement("span", { className: styles.errorText }, errorText),
-            React__default.default.createElement(coreComponentsButton.Button, { size: 'xs', view: 'secondary', onClick: handleErrorSmsRetryClick }, buttonErrorText))),
+            React__default.default.createElement(desktop.ButtonDesktop, { size: 'xs', view: 'secondary', onClick: handleErrorSmsRetryClick }, buttonErrorText))),
         shouldShowHint && (React__default.default.createElement("div", { className: styles.phoneHintWrap },
             React__default.default.createElement("span", { className: styles.errorHeader }, "\u041D\u0435\u00A0\u043F\u0440\u0438\u0445\u043E\u0434\u0438\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435?"),
             React__default.default.createElement("span", { className: styles.phoneHintText }, "\u0415\u0441\u043B\u0438 \u0443\u00A0\u0432\u0430\u0441 \u0441\u043C\u0435\u043D\u0438\u043B\u0441\u044F \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \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."),
@@ -100,7 +100,7 @@ var ConfirmationV1 = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("span", { className: styles.phoneDescription },
                         ' ',
                         "\u2014\u00A0\u0432\u00A0\u041C\u043E\u0441\u043A\u0432\u0435 \u0438\u00A0\u0437\u0430\u00A0\u0433\u0440\u0430\u043D\u0438\u0446\u0435\u0439"))),
-            React__default.default.createElement(coreComponentsButton.Button, { className: styles.repeatButton, size: 'xs', view: 'secondary', onClick: handleSmsRetryFromHintClick }, buttonReturnText)))));
+            React__default.default.createElement(desktop.ButtonDesktop, { className: styles.repeatButton, size: 'xs', view: 'secondary', onClick: handleSmsRetryFromHintClick }, buttonReturnText)))));
 });
 /**
  * Для отображения в сторибуке

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

@@ -11,7 +11,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_dzg4n","input":"confirmation-v1__input_dzg4n","hasError":"confirmation-v1__hasError_dzg4n","center":"confirmation-v1__center_dzg4n","disabled":"confirmation-v1__disabled_dzg4n","compact":"confirmation-v1__compact_dzg4n","shake":"confirmation-v1__shake_dzg4n"};
+var styles = {"component":"confirmation-v1__component_1lch8","input":"confirmation-v1__input_1lch8","hasError":"confirmation-v1__hasError_1lch8","center":"confirmation-v1__center_1lch8","disabled":"confirmation-v1__disabled_1lch8","compact":"confirmation-v1__compact_1lch8","shake":"confirmation-v1__shake_1lch8"};
 require('./index.css');
 
 var Input = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 7k9d1 */
+/* hash: uoy30 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-negative-muted: #fbe8e7;
@@ -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_dzg4n {
+} .confirmation-v1__component_1lch8 {
     display: flex;
-} .confirmation-v1__input_dzg4n {
+} .confirmation-v1__input_1lch8 {
     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_dzg4n.confirmation-v1__hasError_dzg4n {
+} .confirmation-v1__input_1lch8.confirmation-v1__hasError_1lch8 {
         color: var(--confirmation-error-color);
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
-    } .confirmation-v1__input_dzg4n.confirmation-v1__center_dzg4n {
+    } .confirmation-v1__input_1lch8.confirmation-v1__center_1lch8 {
         margin: 0 var(--gap-2xs);
-    } .confirmation-v1__input_dzg4n.confirmation-v1__disabled_dzg4n {
+    } .confirmation-v1__input_1lch8.confirmation-v1__disabled_1lch8 {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .confirmation-v1__compact_dzg4n .confirmation-v1__input_dzg4n {
+    } .confirmation-v1__compact_1lch8 .confirmation-v1__input_1lch8 {
     width: 28px;
     height: 40px;
-} @keyframes confirmation-v1__shake_dzg4n {
+} @keyframes confirmation-v1__shake_1lch8 {
     0% {
         transform: translateX(0);
     }
@@ -85,6 +85,6 @@
     100% {
         transform: translateX(0);
     }
-} .confirmation-v1__shake_dzg4n {
-    animation: confirmation-v1__shake_dzg4n 0.15s linear 0s 3;
+} .confirmation-v1__shake_1lch8 {
+    animation: confirmation-v1__shake_1lch8 0.15s linear 0s 3;
 }

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsButton = require('../../../button');
+var desktop = require('../../../button/desktop');
 var hooks = require('@alfalab/hooks');
 var utils = require('@alfalab/utils');
 var components_countdownLoader_component = require('../countdown-loader/component.js');
@@ -12,7 +12,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_1l48n","hasError":"confirmation-v1__hasError_1l48n","getCodeButton":"confirmation-v1__getCodeButton_1l48n","info":"confirmation-v1__info_1l48n","customContent":"confirmation-v1__customContent_1l48n","loaderWrap":"confirmation-v1__loaderWrap_1l48n","loader":"confirmation-v1__loader_1l48n","center":"confirmation-v1__center_1l48n","timePassed":"confirmation-v1__timePassed_1l48n","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_1l48n"};
+var styles = {"component":"confirmation-v1__component_dr7jl","hasError":"confirmation-v1__hasError_dr7jl","getCodeButton":"confirmation-v1__getCodeButton_dr7jl","info":"confirmation-v1__info_dr7jl","customContent":"confirmation-v1__customContent_dr7jl","loaderWrap":"confirmation-v1__loaderWrap_dr7jl","loader":"confirmation-v1__loader_dr7jl","center":"confirmation-v1__center_dr7jl","timePassed":"confirmation-v1__timePassed_dr7jl","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_dr7jl"};
 require('./index.css');
 
 /**
@@ -93,7 +93,7 @@ var Countdown = function (_a) {
     }, [noAttemptsLeftMessage, noAttemptsLeftMessagePrev, stopTimer]);
     var progress = timePassed / duration;
     var formattedPhone = utils.phoneNumber.format(phone);
-    var retryButton = (React__default.default.createElement(coreComponentsButton.Button, { size: 'xs', view: 'secondary', onClick: handleRepeatSmsButtonClick, className: styles.getCodeButton }, buttonRetryText));
+    var retryButton = (React__default.default.createElement(desktop.ButtonDesktop, { size: 'xs', view: 'secondary', onClick: handleRepeatSmsButtonClick, className: styles.getCodeButton }, buttonRetryText));
     if (content) {
         return (React__default.default.createElement(Container, { alignContent: alignContent, hasError: hasError },
             React__default.default.createElement("div", { className: styles.customContent }, content),

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

@@ -1,4 +1,4 @@
-/* hash: u42v9 */
+/* hash: 1yxg7 */
 :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 */
@@ -34,7 +34,7 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_1l48n {
+} .confirmation-v1__component_dr7jl {
     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_1l48n .confirmation-v1__getCodeButton_1l48n {
+} .confirmation-v1__hasError_dr7jl .confirmation-v1__getCodeButton_dr7jl {
         margin-top: 0;
-    } .confirmation-v1__hasError_1l48n .confirmation-v1__info_1l48n {
+    } .confirmation-v1__hasError_dr7jl .confirmation-v1__info_dr7jl {
         margin-top: 0;
-    } .confirmation-v1__hasError_1l48n .confirmation-v1__customContent_1l48n {
+    } .confirmation-v1__hasError_dr7jl .confirmation-v1__customContent_dr7jl {
         margin-bottom: var(--gap-2xl);
-    } .confirmation-v1__info_1l48n {
+    } .confirmation-v1__info_dr7jl {
     margin: var(--gap-2xs) 0;
-} .confirmation-v1__loaderWrap_1l48n {
+} .confirmation-v1__loaderWrap_dr7jl {
     display: flex;
     align-items: center;
     margin-bottom: var(--gap-xs);
-} .confirmation-v1__loader_1l48n {
+} .confirmation-v1__loader_dr7jl {
     margin-right: var(--gap-xs);
-} .confirmation-v1__center_1l48n {
+} .confirmation-v1__center_dr7jl {
     align-items: center
-} .confirmation-v1__center_1l48n .confirmation-v1__loaderWrap_1l48n {
+} .confirmation-v1__center_dr7jl .confirmation-v1__loaderWrap_dr7jl {
         justify-content: center;
-    } .confirmation-v1__timePassed_1l48n {
+    } .confirmation-v1__timePassed_dr7jl {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_1l48n {
+} .confirmation-v1__getCodeButton_dr7jl {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__noAttemptsLeftMessage_1l48n {
+} .confirmation-v1__noAttemptsLeftMessage_dr7jl {
     margin: var(--gap-2xs) 0 var(--gap-xs);
 }

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_countdown_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../../button');
+require('../../../button/desktop');
 require('@alfalab/hooks');
 require('@alfalab/utils');
 require('../countdown-loader/component.js');

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 1wb1b */
+/* hash: 4pm51 */
 :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-v1__circle_1gurk {
+} .confirmation-v1__circle_p6om1 {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/confirmation-v1/components/index.js

@@ -6,7 +6,7 @@ var components_countdownLoader_component = require('./countdown-loader/component
 var components_overlimit_component = require('./overlimit/component.js');
 require('react');
 require('classnames');
-require('../../button');
+require('../../button/desktop');
 require('@alfalab/hooks');
 require('@alfalab/utils');
 require('../../link');

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var coreComponentsButton = require('../../../button');
+var desktop = require('../../../button/desktop');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var components_countdown_component = require('../countdown/component.js');
 var components_countdownLoader_component = require('../countdown-loader/component.js');
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"confirmation-v1__component_cuqo3","title":"confirmation-v1__title_cuqo3","description":"confirmation-v1__description_cuqo3","countdown":"confirmation-v1__countdown_cuqo3","loader":"confirmation-v1__loader_cuqo3","timePassed":"confirmation-v1__timePassed_cuqo3","getCodeButton":"confirmation-v1__getCodeButton_cuqo3","alertIcon":"confirmation-v1__alertIcon_cuqo3"};
+var styles = {"component":"confirmation-v1__component_14itm","title":"confirmation-v1__title_14itm","description":"confirmation-v1__description_14itm","countdown":"confirmation-v1__countdown_14itm","loader":"confirmation-v1__loader_14itm","timePassed":"confirmation-v1__timePassed_14itm","getCodeButton":"confirmation-v1__getCodeButton_14itm","alertIcon":"confirmation-v1__alertIcon_14itm"};
 require('./index.css');
 
 var Overlimit = function (_a) {
@@ -63,7 +63,7 @@ var Overlimit = function (_a) {
         React__default.default.createElement("span", { className: styles.title }, title),
         React__default.default.createElement("div", { className: styles.description },
             React__default.default.createElement("div", null, text),
-            isBlockingOver ? (React__default.default.createElement(coreComponentsButton.Button, { size: 'xs', view: 'secondary', onClick: handleRepeatSmsButtonClick, className: styles.getCodeButton }, buttonRetryText)) : (React__default.default.createElement("div", { className: styles.countdown },
+            isBlockingOver ? (React__default.default.createElement(desktop.ButtonDesktop, { size: 'xs', view: 'secondary', onClick: handleRepeatSmsButtonClick, className: styles.getCodeButton }, buttonRetryText)) : (React__default.default.createElement("div", { className: styles.countdown },
                 React__default.default.createElement(components_countdownLoader_component.CountdownLoader, { progress: progress, className: styles.loader }),
                 React__default.default.createElement("div", { className: styles.timePassed }, components_countdown_component.formatMsAsMinutes(duration - timePassed)))))));
 };

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

@@ -1,4 +1,4 @@
-/* hash: 4qpda */
+/* hash: otsiq */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e;
@@ -43,11 +43,11 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_cuqo3 {
+} .confirmation-v1__component_14itm {
     display: flex;
     flex-direction: column;
     align-items: center;
-} .confirmation-v1__title_cuqo3 {
+} .confirmation-v1__title_14itm {
     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_cuqo3 {
+} .confirmation-v1__description_14itm {
     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_cuqo3 {
+} .confirmation-v1__countdown_14itm {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: var(--gap-2xs);
-} .confirmation-v1__loader_cuqo3 {
+} .confirmation-v1__loader_14itm {
     margin-right: var(--gap-xs);
-} .confirmation-v1__timePassed_cuqo3 {
+} .confirmation-v1__timePassed_14itm {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_cuqo3 {
+} .confirmation-v1__getCodeButton_14itm {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__alertIcon_cuqo3 {
+} .confirmation-v1__alertIcon_14itm {
     text-align: center;
     margin-bottom: var(--gap-xl);
     color: var(--color-static-status-red);

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_overlimit_component = require('./component.js');
 require('react');
-require('../../../button');
+require('../../../button/desktop');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
 require('../countdown/component.js');
 require('classnames');

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

@@ -9,7 +9,7 @@ var components_countdown_component = require('../countdown/component.js');
 require('tslib');
 require('@alfalab/hooks');
 require('../code-input/utils.js');
-require('../../../button');
+require('../../../button/desktop');
 require('@alfalab/utils');
 require('../countdown-loader/component.js');
 
@@ -18,7 +18,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_3beix","countdown":"confirmation-v1__countdown_3beix","hidden":"confirmation-v1__hidden_3beix","header":"confirmation-v1__header_3beix","inputContainer":"confirmation-v1__inputContainer_3beix","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_3beix","smsComeLink":"confirmation-v1__smsComeLink_3beix","error":"confirmation-v1__error_3beix","loaderWrap":"confirmation-v1__loaderWrap_3beix","loaderText":"confirmation-v1__loaderText_3beix","center":"confirmation-v1__center_3beix","codeInput":"confirmation-v1__codeInput_3beix"};
+var styles = {"component":"confirmation-v1__component_uzhha","countdown":"confirmation-v1__countdown_uzhha","hidden":"confirmation-v1__hidden_uzhha","header":"confirmation-v1__header_uzhha","inputContainer":"confirmation-v1__inputContainer_uzhha","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_uzhha","smsComeLink":"confirmation-v1__smsComeLink_uzhha","error":"confirmation-v1__error_uzhha","loaderWrap":"confirmation-v1__loaderWrap_uzhha","loaderText":"confirmation-v1__loaderText_uzhha","center":"confirmation-v1__center_uzhha","codeInput":"confirmation-v1__codeInput_uzhha"};
 require('./index.css');
 
 var SignConfirmation = function (_a) {