@alfalab/core-components-confirmation 12.1.1 → 12.1.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-42f3b03c.js';
+import '../../../countdown-section-3aba82dd.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_1gzkl","description":"confirmation__description_1gzkl","countdownWrap":"confirmation__countdownWrap_1gzkl","loader":"confirmation__loader_1gzkl"};
+var styles = {"header":"confirmation__header_1j0oe","description":"confirmation__description_1j0oe","countdownWrap":"confirmation__countdownWrap_1j0oe","loader":"confirmation__loader_1j0oe"};
 require('./index.css')
 
 var TempBlock = function () {

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

@@ -1,4 +1,4 @@
-/* hash: shsq9 */
+/* hash: 8p0gi */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_1gzkl {
+.confirmation__header_1j0oe {
     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_1gzkl {
+.confirmation__description_1j0oe {
     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_1gzkl {
+.confirmation__countdownWrap_1j0oe {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_1gzkl {
+.confirmation__loader_1j0oe {
     margin-right: var(--gap-xs);
 }

package/esm/{countdown-section-42f3b03c.js → countdown-section-3aba82dd.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_12cis","header":"confirmation__header_12cis","phone":"confirmation__phone_12cis","inputContainer":"confirmation__inputContainer_12cis","compact":"confirmation__compact_12cis","loaderWrap":"confirmation__loaderWrap_12cis","center":"confirmation__center_12cis","codeInput":"confirmation__codeInput_12cis","smsComeLink":"confirmation__smsComeLink_12cis","countdownContainer":"confirmation__countdownContainer_12cis","getCodeButton":"confirmation__getCodeButton_12cis","countdown":"confirmation__countdown_12cis","countdownTimer":"confirmation__countdownTimer_12cis"};
+var styles = {"component":"confirmation__component_66h8v","header":"confirmation__header_66h8v","phone":"confirmation__phone_66h8v","inputContainer":"confirmation__inputContainer_66h8v","compact":"confirmation__compact_66h8v","loaderWrap":"confirmation__loaderWrap_66h8v","center":"confirmation__center_66h8v","codeInput":"confirmation__codeInput_66h8v","smsComeLink":"confirmation__smsComeLink_66h8v","countdownContainer":"confirmation__countdownContainer_66h8v","getCodeButton":"confirmation__getCodeButton_66h8v","countdown":"confirmation__countdown_66h8v","countdownTimer":"confirmation__countdownTimer_66h8v"};
 require('./components/screens/initial/index.css')
 
 var CountdownSection = function (_a) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: v743t */
+/* hash: bzxbf */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_ns9bf {
+.confirmation__component_1sztg {
     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_ns9bf {
+.confirmation__center_1sztg {
     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-42f3b03c.js';
+import './countdown-section-3aba82dd.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: v743t */
+/* hash: bzxbf */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_ns9bf {
+.confirmation__component_1sztg {
     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_ns9bf {
+.confirmation__center_1sztg {
     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-9e95a3e1.js');
+require('./countdown-section-44184a06.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-088a79e9.js';
+import './countdown-section-7a5f6574.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_ns9bf","center":"confirmation__center_ns9bf"};
+var styles = {"component":"confirmation__component_1sztg","center":"confirmation__center_1sztg"};
 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_1u2d8"};
+var styles = {"circle":"confirmation__circle_16p6f"};
 require('./index.css')
 
 const SIZE = 16;

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

@@ -1,4 +1,4 @@
-/* hash: 1bq0z */
+/* hash: 17of9 */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_1u2d8 {
+.confirmation__circle_16p6f {
     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-088a79e9.js';
+import '../countdown-section-7a5f6574.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_vya00","description":"confirmation__description_vya00"};
+var styles = {"header":"confirmation__header_1a9y7","description":"confirmation__description_1a9y7"};
 require('./index.css')
 
 const FatalError = () => {

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

@@ -1,4 +1,4 @@
-/* hash: xz9zd */
+/* hash: 11fa7 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_vya00 {
+.confirmation__header_1a9y7 {
     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_vya00 {
+.confirmation__description_1a9y7 {
     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_dfiew","phoneHintWrap":"confirmation__phoneHintWrap_dfiew","hintWrap":"confirmation__hintWrap_dfiew","title":"confirmation__title_dfiew","text":"confirmation__text_dfiew","phonesWrap":"confirmation__phonesWrap_dfiew","phoneWrap":"confirmation__phoneWrap_dfiew","phoneLink":"confirmation__phoneLink_dfiew","phoneDescription":"confirmation__phoneDescription_dfiew","hintButton":"confirmation__hintButton_dfiew"};
+var styles = {"center":"confirmation__center_u6zfl","phoneHintWrap":"confirmation__phoneHintWrap_u6zfl","hintWrap":"confirmation__hintWrap_u6zfl","title":"confirmation__title_u6zfl","text":"confirmation__text_u6zfl","phonesWrap":"confirmation__phonesWrap_u6zfl","phoneWrap":"confirmation__phoneWrap_u6zfl","phoneLink":"confirmation__phoneLink_u6zfl","phoneDescription":"confirmation__phoneDescription_u6zfl","hintButton":"confirmation__hintButton_u6zfl"};
 require('./index.css')
 
 const Hint = () => {

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

@@ -1,4 +1,4 @@
-/* hash: p64v5 */
+/* hash: 18dbn */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_dfiew .confirmation__phoneHintWrap_dfiew {
+.confirmation__center_u6zfl .confirmation__phoneHintWrap_u6zfl {
         align-items: center;
     }
-.confirmation__center_dfiew .confirmation__hintWrap_dfiew {
+.confirmation__center_u6zfl .confirmation__hintWrap_u6zfl {
         align-items: center;
     }
-.confirmation__hintWrap_dfiew {
+.confirmation__hintWrap_u6zfl {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_dfiew {
+.confirmation__title_u6zfl {
     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_dfiew {
+.confirmation__text_u6zfl {
     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_dfiew {
+.confirmation__phonesWrap_u6zfl {
     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_dfiew {
+.confirmation__phoneWrap_u6zfl {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_dfiew:last-child {
+.confirmation__phoneWrap_u6zfl:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_dfiew {
+.confirmation__phoneLink_u6zfl {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_dfiew > span {
+.confirmation__phoneLink_u6zfl > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_dfiew {
+.confirmation__phoneDescription_u6zfl {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_dfiew {
+.confirmation__hintButton_u6zfl {
     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-088a79e9.js';
+import '../../countdown-section-7a5f6574.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-088a79e9.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7a5f6574.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-088a79e9.js';
+export { C as CountdownSection } from '../../../countdown-section-7a5f6574.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: 15mof */
+/* hash: kyey6 */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -36,11 +36,11 @@
 
     /* input */
 }
-.confirmation__component_12cis {
+.confirmation__component_66h8v {
     display: flex;
     flex-direction: column;
 }
-.confirmation__header_12cis {
+.confirmation__header_66h8v {
     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_12cis {
+.confirmation__phone_66h8v {
     margin-bottom: var(--gap-2xl);
     color: var(--color-light-text-primary);
 }
-.confirmation__inputContainer_12cis {
+.confirmation__inputContainer_66h8v {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-2xl);
 }
-.confirmation__compact_12cis {
+.confirmation__compact_66h8v {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__loaderWrap_12cis {
+.confirmation__loaderWrap_66h8v {
     display: flex;
     align-items: center;
 }
-.confirmation__center_12cis {
+.confirmation__center_66h8v {
     align-items: center;
     text-align: center
 }
-.confirmation__center_12cis .confirmation__codeInput_12cis,
-    .confirmation__center_12cis .confirmation__loaderWrap_12cis {
+.confirmation__center_66h8v .confirmation__codeInput_66h8v,
+    .confirmation__center_66h8v .confirmation__loaderWrap_66h8v {
         justify-content: center;
     }
-.confirmation__center_12cis input {
+.confirmation__center_66h8v input {
         margin: 0 var(--gap-2xs);
     }
-.confirmation__smsComeLink_12cis {
+.confirmation__smsComeLink_66h8v {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__countdownContainer_12cis {
+.confirmation__countdownContainer_66h8v {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__getCodeButton_12cis {
+.confirmation__getCodeButton_66h8v {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
 }
-.confirmation__countdown_12cis {
+.confirmation__countdown_66h8v {
     display: flex;
 }
-.confirmation__countdownTimer_12cis {
+.confirmation__countdownTimer_66h8v {
     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-088a79e9.js';
+import '../../../countdown-section-7a5f6574.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_1gzkl","description":"confirmation__description_1gzkl","countdownWrap":"confirmation__countdownWrap_1gzkl","loader":"confirmation__loader_1gzkl"};
+var styles = {"header":"confirmation__header_1j0oe","description":"confirmation__description_1j0oe","countdownWrap":"confirmation__countdownWrap_1j0oe","loader":"confirmation__loader_1j0oe"};
 require('./index.css')
 
 const TempBlock = () => {

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

@@ -1,4 +1,4 @@
-/* hash: shsq9 */
+/* hash: 8p0gi */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
 
     /* input */
 }
-.confirmation__header_1gzkl {
+.confirmation__header_1j0oe {
     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_1gzkl {
+.confirmation__description_1j0oe {
     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_1gzkl {
+.confirmation__countdownWrap_1j0oe {
     display: flex;
     align-items: center;
 }
-.confirmation__loader_1gzkl {
+.confirmation__loader_1j0oe {
     margin-right: var(--gap-xs);
 }

package/modern/{countdown-section-088a79e9.js → countdown-section-7a5f6574.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_12cis","header":"confirmation__header_12cis","phone":"confirmation__phone_12cis","inputContainer":"confirmation__inputContainer_12cis","compact":"confirmation__compact_12cis","loaderWrap":"confirmation__loaderWrap_12cis","center":"confirmation__center_12cis","codeInput":"confirmation__codeInput_12cis","smsComeLink":"confirmation__smsComeLink_12cis","countdownContainer":"confirmation__countdownContainer_12cis","getCodeButton":"confirmation__getCodeButton_12cis","countdown":"confirmation__countdown_12cis","countdownTimer":"confirmation__countdownTimer_12cis"};
+var styles = {"component":"confirmation__component_66h8v","header":"confirmation__header_66h8v","phone":"confirmation__phone_66h8v","inputContainer":"confirmation__inputContainer_66h8v","compact":"confirmation__compact_66h8v","loaderWrap":"confirmation__loaderWrap_66h8v","center":"confirmation__center_66h8v","codeInput":"confirmation__codeInput_66h8v","smsComeLink":"confirmation__smsComeLink_66h8v","countdownContainer":"confirmation__countdownContainer_66h8v","getCodeButton":"confirmation__getCodeButton_66h8v","countdown":"confirmation__countdown_66h8v","countdownTimer":"confirmation__countdownTimer_66h8v"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: v743t */
+/* hash: bzxbf */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -28,7 +28,7 @@
 
     /* input */
 }
-.confirmation__component_ns9bf {
+.confirmation__component_1sztg {
     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_ns9bf {
+.confirmation__center_1sztg {
     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-088a79e9.js';
+import './countdown-section-7a5f6574.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": "12.1.1",
+    "version": "12.1.3",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -15,12 +15,12 @@
     },
     "dependencies": {
         "@alfalab/core-components-button": "^6.1.1",
-        "@alfalab/core-components-code-input": "^2.1.0",
+        "@alfalab/core-components-code-input": "^2.1.1",
         "@alfalab/core-components-link": "^5.0.0",
         "@alfalab/core-components-loader": "^3.0.2",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/icons-glyph": "^2.64.0",
-        "@alfalab/utils": "^1.11.0",
+        "@alfalab/utils": "^1.13.2",
         "classnames": "^2.3.1"
     },
     "peerDependencies": {