@alfalab/core-components-confirmation 11.0.5 → 12.1.0

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

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

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

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_ixt4j","description":"confirmation__description_ixt4j","countdownWrap":"confirmation__countdownWrap_ixt4j","loader":"confirmation__loader_ixt4j"};
+var styles = {"header":"confirmation__header_1eprw","description":"confirmation__description_1eprw","countdownWrap":"confirmation__countdownWrap_1eprw","loader":"confirmation__loader_1eprw"};
 require('./index.css')
 
 var TempBlock = function () {

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

@@ -1,4 +1,4 @@
-/* hash: smpqy */
+/* hash: nnxe2 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_ixt4j {
+.confirmation__header_1eprw {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_ixt4j {
+.confirmation__description_1eprw {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_ixt4j {
+.confirmation__countdownWrap_1eprw {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_ixt4j {
+.confirmation__loader_1eprw {
     margin-right: var(--gap-xs);
 }

package/esm/{countdown-section-b52f1af6.js → countdown-section-797b160f.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '@alfalab/core-components-loader/esm';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles = {"component":"confirmation__component_169ci","header":"confirmation__header_169ci","phone":"confirmation__phone_169ci","inputContainer":"confirmation__inputContainer_169ci","compact":"confirmation__compact_169ci","loaderWrap":"confirmation__loaderWrap_169ci","center":"confirmation__center_169ci","codeInput":"confirmation__codeInput_169ci","smsComeLink":"confirmation__smsComeLink_169ci","countdownContainer":"confirmation__countdownContainer_169ci","getCodeButton":"confirmation__getCodeButton_169ci","countdown":"confirmation__countdown_169ci","countdownTimer":"confirmation__countdownTimer_169ci"};
+var styles = {"component":"confirmation__component_1ea25","header":"confirmation__header_1ea25","phone":"confirmation__phone_1ea25","inputContainer":"confirmation__inputContainer_1ea25","compact":"confirmation__compact_1ea25","loaderWrap":"confirmation__loaderWrap_1ea25","center":"confirmation__center_1ea25","codeInput":"confirmation__codeInput_1ea25","smsComeLink":"confirmation__smsComeLink_1ea25","countdownContainer":"confirmation__countdownContainer_1ea25","getCodeButton":"confirmation__getCodeButton_1ea25","countdown":"confirmation__countdown_1ea25","countdownTimer":"confirmation__countdownTimer_1ea25"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: vrixl */
+/* hash: twguo */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1qajt {
+.confirmation__component_hdn2o {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1qajt {
+.confirmation__center_hdn2o {
     align-items: center;
     text-align: center;
 }

package/esm/index.js

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

package/index.css

@@ -1,4 +1,4 @@
-/* hash: vrixl */
+/* hash: twguo */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1qajt {
+.confirmation__component_hdn2o {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1qajt {
+.confirmation__center_hdn2o {
     align-items: center;
     text-align: center;
 }

package/index.js

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

package/modern/component.js

@@ -6,7 +6,7 @@ import { ConfirmationContext } from './context.js';
 import { defaultTexts } from './types.js';
 import '@alfalab/core-components-code-input/modern';
 import '@alfalab/core-components-link/modern';
-import './countdown-section-8aa5f2b5.js';
+import './countdown-section-1ed2e58b.js';
 import '@alfalab/core-components-loader/modern';
 import '@alfalab/core-components-button/modern';
 import { Initial } from './components/screens/initial/component.js';
@@ -15,7 +15,7 @@ import { FatalError } from './components/screens/fatal-error/component.js';
 import './components/countdown-loader/component.js';
 import { TempBlock } from './components/screens/temp-block/component.js';
 
-var styles = {"component":"confirmation__component_1qajt","center":"confirmation__center_1qajt"};
+var styles = {"component":"confirmation__component_hdn2o","center":"confirmation__center_hdn2o"};
 require('./index.css')
 
 const confirmationScreens = {

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 138s7 */
+/* hash: 1d0o8 */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_1j5hv {
+.confirmation__circle_15wve {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/modern/components/index.js

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

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 19dir */
+/* hash: 12t5b */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_x81a8 {
+.confirmation__header_1ekup {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -49,7 +49,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_x81a8 {
+.confirmation__description_1ekup {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);

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

@@ -5,7 +5,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Link } from '@alfalab/core-components-link/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"center":"confirmation__center_ww91t","phoneHintWrap":"confirmation__phoneHintWrap_ww91t","hintWrap":"confirmation__hintWrap_ww91t","title":"confirmation__title_ww91t","text":"confirmation__text_ww91t","phonesWrap":"confirmation__phonesWrap_ww91t","phoneWrap":"confirmation__phoneWrap_ww91t","phoneLink":"confirmation__phoneLink_ww91t","phoneDescription":"confirmation__phoneDescription_ww91t","hintButton":"confirmation__hintButton_ww91t"};
+var styles = {"center":"confirmation__center_6s1r5","phoneHintWrap":"confirmation__phoneHintWrap_6s1r5","hintWrap":"confirmation__hintWrap_6s1r5","title":"confirmation__title_6s1r5","text":"confirmation__text_6s1r5","phonesWrap":"confirmation__phonesWrap_6s1r5","phoneWrap":"confirmation__phoneWrap_6s1r5","phoneLink":"confirmation__phoneLink_6s1r5","phoneDescription":"confirmation__phoneDescription_6s1r5","hintButton":"confirmation__hintButton_6s1r5"};
 require('./index.css')
 
 const Hint = () => {

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

@@ -1,4 +1,4 @@
-/* hash: olq1d */
+/* hash: qgs4a */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_ww91t .confirmation__phoneHintWrap_ww91t {
+.confirmation__center_6s1r5 .confirmation__phoneHintWrap_6s1r5 {
         align-items: center;
     }
-.confirmation__center_ww91t .confirmation__hintWrap_ww91t {
+.confirmation__center_6s1r5 .confirmation__hintWrap_6s1r5 {
         align-items: center;
     }
-.confirmation__hintWrap_ww91t {
+.confirmation__hintWrap_6s1r5 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_ww91t {
+.confirmation__title_6s1r5 {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -61,7 +61,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__text_ww91t {
+.confirmation__text_6s1r5 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -70,7 +70,7 @@
 
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phonesWrap_ww91t {
+.confirmation__phonesWrap_6s1r5 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,23 +81,23 @@
     flex-direction: column;
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phoneWrap_ww91t {
+.confirmation__phoneWrap_6s1r5 {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_ww91t:last-child {
+.confirmation__phoneWrap_6s1r5:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_ww91t {
+.confirmation__phoneLink_6s1r5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_ww91t > span {
+.confirmation__phoneLink_6s1r5 > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_ww91t {
+.confirmation__phoneDescription_6s1r5 {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_ww91t {
+.confirmation__hintButton_6s1r5 {
     margin-top: var(--gap-2xl);
 }

package/modern/components/screens/index.js

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 14te2 */
+/* hash: 1vcve */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_169ci {
+.confirmation__component_1ea25 {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_169ci {
+.confirmation__header_1ea25 {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,50 +50,50 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__phone_169ci {
+.confirmation__phone_1ea25 {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_169ci {
+.confirmation__inputContainer_1ea25 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_169ci {
+.confirmation__compact_1ea25 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_169ci {
+.confirmation__loaderWrap_1ea25 {
     display: flex;
     align-items: center;
 }
-.confirmation__center_169ci {
+.confirmation__center_1ea25 {
     align-items: center;
     text-align: center
 }
-.confirmation__center_169ci .confirmation__codeInput_169ci,
-    .confirmation__center_169ci .confirmation__loaderWrap_169ci {
+.confirmation__center_1ea25 .confirmation__codeInput_1ea25,
+    .confirmation__center_1ea25 .confirmation__loaderWrap_1ea25 {
         justify-content: center;
     }
-.confirmation__center_169ci input {
+.confirmation__center_1ea25 input {
         margin: 0 var(--gap-2xs);
     }
-.confirmation__smsComeLink_169ci {
+.confirmation__smsComeLink_1ea25 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_169ci {
+.confirmation__countdownContainer_1ea25 {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_169ci {
+.confirmation__getCodeButton_1ea25 {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_169ci {
+.confirmation__countdown_1ea25 {
     display: flex;
 }
-.confirmation__countdownTimer_169ci {
+.confirmation__countdownTimer_1ea25 {
     display: flex;
     justify-content: flex-start;
     min-width: 45px;

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

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

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

@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { ConfirmationContext } from '../../../context.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 
-var styles = {"header":"confirmation__header_ixt4j","description":"confirmation__description_ixt4j","countdownWrap":"confirmation__countdownWrap_ixt4j","loader":"confirmation__loader_ixt4j"};
+var styles = {"header":"confirmation__header_1eprw","description":"confirmation__description_1eprw","countdownWrap":"confirmation__countdownWrap_1eprw","loader":"confirmation__loader_1eprw"};
 require('./index.css')
 
 const TempBlock = () => {

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

@@ -1,4 +1,4 @@
-/* hash: smpqy */
+/* hash: nnxe2 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_ixt4j {
+.confirmation__header_1eprw {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_ixt4j {
+.confirmation__description_1eprw {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
 
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__countdownWrap_ixt4j {
+.confirmation__countdownWrap_1eprw {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_ixt4j {
+.confirmation__loader_1eprw {
     margin-right: var(--gap-xs);
 }

package/modern/{countdown-section-8aa5f2b5.js → countdown-section-1ed2e58b.js}

@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
 import { Loader } from '@alfalab/core-components-loader/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-var styles = {"component":"confirmation__component_169ci","header":"confirmation__header_169ci","phone":"confirmation__phone_169ci","inputContainer":"confirmation__inputContainer_169ci","compact":"confirmation__compact_169ci","loaderWrap":"confirmation__loaderWrap_169ci","center":"confirmation__center_169ci","codeInput":"confirmation__codeInput_169ci","smsComeLink":"confirmation__smsComeLink_169ci","countdownContainer":"confirmation__countdownContainer_169ci","getCodeButton":"confirmation__getCodeButton_169ci","countdown":"confirmation__countdown_169ci","countdownTimer":"confirmation__countdownTimer_169ci"};
+var styles = {"component":"confirmation__component_1ea25","header":"confirmation__header_1ea25","phone":"confirmation__phone_1ea25","inputContainer":"confirmation__inputContainer_1ea25","compact":"confirmation__compact_1ea25","loaderWrap":"confirmation__loaderWrap_1ea25","center":"confirmation__center_1ea25","codeInput":"confirmation__codeInput_1ea25","smsComeLink":"confirmation__smsComeLink_1ea25","countdownContainer":"confirmation__countdownContainer_1ea25","getCodeButton":"confirmation__getCodeButton_1ea25","countdown":"confirmation__countdown_1ea25","countdownTimer":"confirmation__countdownTimer_1ea25"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: vrixl */
+/* hash: twguo */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_1qajt {
+.confirmation__component_hdn2o {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
     max-width: 400px;
     margin: 0 auto;
 }
-.confirmation__center_1qajt {
+.confirmation__center_hdn2o {
     align-items: center;
     text-align: center;
 }

package/modern/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "11.0.5",
+    "version": "12.1.0",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -14,9 +14,9 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^6.1.0",
-        "@alfalab/core-components-code-input": "^2.0.2",
-        "@alfalab/core-components-link": "^4.1.0",
+        "@alfalab/core-components-button": "^6.1.1",
+        "@alfalab/core-components-code-input": "^2.1.0",
+        "@alfalab/core-components-link": "^5.0.0",
         "@alfalab/core-components-loader": "^3.0.2",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/icons-glyph": "^2.16.0",