@alfalab/core-components-confirmation 11.0.0 → 11.0.3

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-29020176.js';
+import '../../../countdown-section-ce048e0c.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_hyrwo","description":"confirmation__description_hyrwo","countdownWrap":"confirmation__countdownWrap_hyrwo","loader":"confirmation__loader_hyrwo"};
+var styles = {"header":"confirmation__header_wp83e","description":"confirmation__description_wp83e","countdownWrap":"confirmation__countdownWrap_wp83e","loader":"confirmation__loader_wp83e"};
 require('./index.css')
 
 var TempBlock = function () {

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

@@ -1,4 +1,4 @@
-/* hash: v76qx */
+/* hash: qs6qu */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_hyrwo {
+.confirmation__header_wp83e {
     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_hyrwo {
+.confirmation__description_wp83e {
     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_hyrwo {
+.confirmation__countdownWrap_wp83e {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_hyrwo {
+.confirmation__loader_wp83e {
     margin-right: var(--gap-xs);
 }

package/esm/{countdown-section-29020176.js → countdown-section-ce048e0c.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_14opt","header":"confirmation__header_14opt","phone":"confirmation__phone_14opt","inputContainer":"confirmation__inputContainer_14opt","compact":"confirmation__compact_14opt","loaderWrap":"confirmation__loaderWrap_14opt","center":"confirmation__center_14opt","codeInput":"confirmation__codeInput_14opt","smsComeLink":"confirmation__smsComeLink_14opt","countdownContainer":"confirmation__countdownContainer_14opt","getCodeButton":"confirmation__getCodeButton_14opt","countdown":"confirmation__countdown_14opt","countdownTimer":"confirmation__countdownTimer_14opt"};
+var styles = {"component":"confirmation__component_w9ibv","header":"confirmation__header_w9ibv","phone":"confirmation__phone_w9ibv","inputContainer":"confirmation__inputContainer_w9ibv","compact":"confirmation__compact_w9ibv","loaderWrap":"confirmation__loaderWrap_w9ibv","center":"confirmation__center_w9ibv","codeInput":"confirmation__codeInput_w9ibv","smsComeLink":"confirmation__smsComeLink_w9ibv","countdownContainer":"confirmation__countdownContainer_w9ibv","getCodeButton":"confirmation__getCodeButton_w9ibv","countdown":"confirmation__countdown_w9ibv","countdownTimer":"confirmation__countdownTimer_w9ibv"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: z7sq0 */
+/* hash: 1l7ca */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_509vr {
+.confirmation__component_b7nk1 {
     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_509vr {
+.confirmation__center_b7nk1 {
     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-29020176.js';
+import './countdown-section-ce048e0c.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: z7sq0 */
+/* hash: 1l7ca */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_509vr {
+.confirmation__component_b7nk1 {
     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_509vr {
+.confirmation__center_b7nk1 {
     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-f4828e9f.js');
+require('./countdown-section-1a1a5a85.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-2804aa27.js';
+import './countdown-section-84185e6f.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_509vr","center":"confirmation__center_509vr"};
+var styles = {"component":"confirmation__component_b7nk1","center":"confirmation__center_b7nk1"};
 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_19d3t"};
+var styles = {"circle":"confirmation__circle_1c2ux"};
 require('./index.css')
 
 const SIZE = 16;

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

@@ -1,4 +1,4 @@
-/* hash: x9g6h */
+/* hash: 1dj0h */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_19d3t {
+.confirmation__circle_1c2ux {
     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-2804aa27.js';
+import '../countdown-section-84185e6f.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_hgh6v","description":"confirmation__description_hgh6v"};
+var styles = {"header":"confirmation__header_trum7","description":"confirmation__description_trum7"};
 require('./index.css')
 
 const FatalError = () => {

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

@@ -1,4 +1,4 @@
-/* hash: 11bfp */
+/* hash: zovyr */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_hgh6v {
+.confirmation__header_trum7 {
     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_hgh6v {
+.confirmation__description_trum7 {
     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_n3v01","phoneHintWrap":"confirmation__phoneHintWrap_n3v01","hintWrap":"confirmation__hintWrap_n3v01","title":"confirmation__title_n3v01","text":"confirmation__text_n3v01","phonesWrap":"confirmation__phonesWrap_n3v01","phoneWrap":"confirmation__phoneWrap_n3v01","phoneLink":"confirmation__phoneLink_n3v01","phoneDescription":"confirmation__phoneDescription_n3v01","hintButton":"confirmation__hintButton_n3v01"};
+var styles = {"center":"confirmation__center_195le","phoneHintWrap":"confirmation__phoneHintWrap_195le","hintWrap":"confirmation__hintWrap_195le","title":"confirmation__title_195le","text":"confirmation__text_195le","phonesWrap":"confirmation__phonesWrap_195le","phoneWrap":"confirmation__phoneWrap_195le","phoneLink":"confirmation__phoneLink_195le","phoneDescription":"confirmation__phoneDescription_195le","hintButton":"confirmation__hintButton_195le"};
 require('./index.css')
 
 const Hint = () => {

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

@@ -1,4 +1,4 @@
-/* hash: 1nz05 */
+/* hash: 1y70q */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_n3v01 .confirmation__phoneHintWrap_n3v01 {
+.confirmation__center_195le .confirmation__phoneHintWrap_195le {
         align-items: center;
     }
-.confirmation__center_n3v01 .confirmation__hintWrap_n3v01 {
+.confirmation__center_195le .confirmation__hintWrap_195le {
         align-items: center;
     }
-.confirmation__hintWrap_n3v01 {
+.confirmation__hintWrap_195le {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_n3v01 {
+.confirmation__title_195le {
     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_n3v01 {
+.confirmation__text_195le {
     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_n3v01 {
+.confirmation__phonesWrap_195le {
     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_n3v01 {
+.confirmation__phoneWrap_195le {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_n3v01:last-child {
+.confirmation__phoneWrap_195le:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_n3v01 {
+.confirmation__phoneLink_195le {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_n3v01 > span {
+.confirmation__phoneLink_195le > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_n3v01 {
+.confirmation__phoneDescription_195le {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_n3v01 {
+.confirmation__hintButton_195le {
     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-2804aa27.js';
+import '../../countdown-section-84185e6f.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-2804aa27.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-84185e6f.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-2804aa27.js';
+export { C as CountdownSection } from '../../../countdown-section-84185e6f.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: 8tt7a */
+/* hash: 16nx2 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_14opt {
+.confirmation__component_w9ibv {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_14opt {
+.confirmation__header_w9ibv {
     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_14opt {
+.confirmation__phone_w9ibv {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_14opt {
+.confirmation__inputContainer_w9ibv {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_14opt {
+.confirmation__compact_w9ibv {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_14opt {
+.confirmation__loaderWrap_w9ibv {
     display: flex;
     align-items: center;
 }
-.confirmation__center_14opt {
+.confirmation__center_w9ibv {
     align-items: center;
     text-align: center
 }
-.confirmation__center_14opt .confirmation__codeInput_14opt,
-    .confirmation__center_14opt .confirmation__loaderWrap_14opt {
+.confirmation__center_w9ibv .confirmation__codeInput_w9ibv,
+    .confirmation__center_w9ibv .confirmation__loaderWrap_w9ibv {
         justify-content: center;
     }
-.confirmation__center_14opt input {
+.confirmation__center_w9ibv input {
         margin: 0 var(--gap-2xs);
     }
-.confirmation__smsComeLink_14opt {
+.confirmation__smsComeLink_w9ibv {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_14opt {
+.confirmation__countdownContainer_w9ibv {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_14opt {
+.confirmation__getCodeButton_w9ibv {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_14opt {
+.confirmation__countdown_w9ibv {
     display: flex;
 }
-.confirmation__countdownTimer_14opt {
+.confirmation__countdownTimer_w9ibv {
     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-2804aa27.js';
+import '../../../countdown-section-84185e6f.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_hyrwo","description":"confirmation__description_hyrwo","countdownWrap":"confirmation__countdownWrap_hyrwo","loader":"confirmation__loader_hyrwo"};
+var styles = {"header":"confirmation__header_wp83e","description":"confirmation__description_wp83e","countdownWrap":"confirmation__countdownWrap_wp83e","loader":"confirmation__loader_wp83e"};
 require('./index.css')
 
 const TempBlock = () => {

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

@@ -1,4 +1,4 @@
-/* hash: v76qx */
+/* hash: qs6qu */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_hyrwo {
+.confirmation__header_wp83e {
     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_hyrwo {
+.confirmation__description_wp83e {
     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_hyrwo {
+.confirmation__countdownWrap_wp83e {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_hyrwo {
+.confirmation__loader_wp83e {
     margin-right: var(--gap-xs);
 }

package/modern/{countdown-section-2804aa27.js → countdown-section-84185e6f.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_14opt","header":"confirmation__header_14opt","phone":"confirmation__phone_14opt","inputContainer":"confirmation__inputContainer_14opt","compact":"confirmation__compact_14opt","loaderWrap":"confirmation__loaderWrap_14opt","center":"confirmation__center_14opt","codeInput":"confirmation__codeInput_14opt","smsComeLink":"confirmation__smsComeLink_14opt","countdownContainer":"confirmation__countdownContainer_14opt","getCodeButton":"confirmation__getCodeButton_14opt","countdown":"confirmation__countdown_14opt","countdownTimer":"confirmation__countdownTimer_14opt"};
+var styles = {"component":"confirmation__component_w9ibv","header":"confirmation__header_w9ibv","phone":"confirmation__phone_w9ibv","inputContainer":"confirmation__inputContainer_w9ibv","compact":"confirmation__compact_w9ibv","loaderWrap":"confirmation__loaderWrap_w9ibv","center":"confirmation__center_w9ibv","codeInput":"confirmation__codeInput_w9ibv","smsComeLink":"confirmation__smsComeLink_w9ibv","countdownContainer":"confirmation__countdownContainer_w9ibv","getCodeButton":"confirmation__getCodeButton_w9ibv","countdown":"confirmation__countdown_w9ibv","countdownTimer":"confirmation__countdownTimer_w9ibv"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: z7sq0 */
+/* hash: 1l7ca */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_509vr {
+.confirmation__component_b7nk1 {
     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_509vr {
+.confirmation__center_b7nk1 {
     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-2804aa27.js';
+import './countdown-section-84185e6f.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.0",
+    "version": "11.0.3",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -14,10 +14,10 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^6.0.0",
-        "@alfalab/core-components-code-input": "^2.0.0",
-        "@alfalab/core-components-link": "^4.0.0",
-        "@alfalab/core-components-loader": "^3.0.0",
+        "@alfalab/core-components-button": "^6.0.1",
+        "@alfalab/core-components-code-input": "^2.0.2",
+        "@alfalab/core-components-link": "^4.1.0",
+        "@alfalab/core-components-loader": "^3.0.1",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/icons-glyph": "^2.16.0",
         "@alfalab/utils": "^1.11.0",