@alfalab/core-components-confirmation 13.9.10 → 13.9.11

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

@@ -5,7 +5,7 @@ import { Text } from '@alfalab/core-components-typography/modern';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
 
-const styles = {"component":"confirmation__component_1ui2x","typographyTheme":"confirmation__typographyTheme_1ui2x","typographyThemeMobile":"confirmation__typographyThemeMobile_1ui2x","left":"confirmation__left_1ui2x","center":"confirmation__center_1ui2x","button":"confirmation__button_1ui2x"};
+const styles = {"component":"confirmation__component_1ay2v","typographyTheme":"confirmation__typographyTheme_1ay2v","typographyThemeMobile":"confirmation__typographyThemeMobile_1ay2v","left":"confirmation__left_1ay2v","center":"confirmation__center_1ay2v","button":"confirmation__button_1ay2v"};
 require('./index.css')
 
 const FatalError = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: t9z58 */
+/* hash: 1od99 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
@@ -40,22 +40,22 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_1ui2x {
+} .confirmation__component_1ay2v {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_1ui2x.confirmation__typographyTheme_1ui2x {
+} .confirmation__typographyTheme_1ay2v.confirmation__typographyTheme_1ay2v {
     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__typographyThemeMobile_1ui2x.confirmation__typographyThemeMobile_1ui2x {
+} .confirmation__typographyThemeMobile_1ay2v.confirmation__typographyThemeMobile_1ay2v {
     color: var(--color-light-text-secondary);
-} .confirmation__left_1ui2x {
+} .confirmation__left_1ay2v {
     align-items: flex-start;
-} .confirmation__center_1ui2x {
+} .confirmation__center_1ay2v {
     align-items: center;
     text-align: center;
-} .confirmation__button_1ui2x.confirmation__button_1ui2x {
+} .confirmation__button_1ay2v.confirmation__button_1ay2v {
     margin-top: var(--gap-32);
 }

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

@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { getPhoneHref } from '../../../utils.js';
 import { Header } from '../../header/component.js';
 
-const styles = {"component":"confirmation__component_13zlp","center":"confirmation__center_13zlp","text":"confirmation__text_13zlp","typographyTheme":"confirmation__typographyTheme_13zlp","typographyThemeMobile":"confirmation__typographyThemeMobile_13zlp","phonesWrap":"confirmation__phonesWrap_13zlp","phoneWrap":"confirmation__phoneWrap_13zlp","phoneLink":"confirmation__phoneLink_13zlp","hintButton":"confirmation__hintButton_13zlp","phoneContentMobile":"confirmation__phoneContentMobile_13zlp"};
+const styles = {"component":"confirmation__component_eepdd","center":"confirmation__center_eepdd","text":"confirmation__text_eepdd","typographyTheme":"confirmation__typographyTheme_eepdd","typographyThemeMobile":"confirmation__typographyThemeMobile_eepdd","phonesWrap":"confirmation__phonesWrap_eepdd","phoneWrap":"confirmation__phoneWrap_eepdd","phoneLink":"confirmation__phoneLink_eepdd","hintButton":"confirmation__hintButton_eepdd","phoneContentMobile":"confirmation__phoneContentMobile_eepdd"};
 require('./index.css')
 
 const Hint = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1o8vt */
+/* hash: zzsp6 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
@@ -45,40 +45,40 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_13zlp {
+} .confirmation__component_eepdd {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_13zlp span:last-of-type {
+} .confirmation__component_eepdd span:last-of-type {
         margin-bottom: var(--gap-0);
-    } .confirmation__center_13zlp {
+    } .confirmation__center_eepdd {
     align-items: center;
     text-align: center;
-} .confirmation__text_13zlp.confirmation__text_13zlp {
+} .confirmation__text_eepdd.confirmation__text_eepdd {
     margin-bottom: var(--gap-24);
-} .confirmation__typographyTheme_13zlp.confirmation__typographyTheme_13zlp {
+} .confirmation__typographyTheme_eepdd.confirmation__typographyTheme_eepdd {
     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__typographyThemeMobile_13zlp.confirmation__typographyThemeMobile_13zlp {
+} .confirmation__typographyThemeMobile_eepdd.confirmation__typographyThemeMobile_eepdd {
     color: var(--color-light-text-secondary);
-} .confirmation__phonesWrap_13zlp {
+} .confirmation__phonesWrap_eepdd {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
-} .confirmation__phoneWrap_13zlp {
+} .confirmation__phoneWrap_eepdd {
     margin-bottom: var(--gap-8)
-} .confirmation__phoneWrap_13zlp:last-child {
+} .confirmation__phoneWrap_eepdd:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation__phoneLink_13zlp.confirmation__phoneLink_13zlp {
+    } .confirmation__phoneLink_eepdd.confirmation__phoneLink_eepdd {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_13zlp {
+} .confirmation__hintButton_eepdd {
     margin-top: var(--gap-32);
-} .confirmation__phoneContentMobile_13zlp {
+} .confirmation__phoneContentMobile_eepdd {
     display: flex;
     flex-direction: column;
 }

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

@@ -8,7 +8,7 @@ import { Text } from '@alfalab/core-components-typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-d4d5dad1.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-b6f5538b.js';
 
 const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
 const Initial = ({ mobile }) => {

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

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

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

@@ -1,4 +1,4 @@
-/* hash: ql9kq */
+/* hash: 192ch */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
@@ -52,53 +52,53 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_16d1d {
+} .confirmation__component_7ukfl {
     display: flex;
     flex-direction: column;
-} .confirmation__phone_16d1d.confirmation__phone_16d1d {
+} .confirmation__phone_7ukfl.confirmation__phone_7ukfl {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-32);
-} .confirmation__typographyTheme_16d1d.confirmation__typographyTheme_16d1d {
+} .confirmation__typographyTheme_7ukfl.confirmation__typographyTheme_7ukfl {
     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__typographyThemeMobile_16d1d.confirmation__typographyThemeMobile_16d1d {
+} .confirmation__typographyThemeMobile_7ukfl.confirmation__typographyThemeMobile_7ukfl {
     color: var(--color-light-text-secondary);
-} .confirmation__compact_16d1d {
+} .confirmation__compact_7ukfl {
     margin-bottom: var(--gap-24);
-} .confirmation__loaderWrap_16d1d {
+} .confirmation__loaderWrap_7ukfl {
     display: flex;
     align-items: center;
-} .confirmation__left_16d1d {
+} .confirmation__left_7ukfl {
     align-items: flex-start;
-} .confirmation__center_16d1d {
+} .confirmation__center_7ukfl {
     align-items: center;
     text-align: center
-} .confirmation__center_16d1d .confirmation__loaderWrap_16d1d {
+} .confirmation__center_7ukfl .confirmation__loaderWrap_7ukfl {
         justify-content: center;
-    } .confirmation__codeInput_16d1d {
+    } .confirmation__codeInput_7ukfl {
     margin-bottom: var(--gap-12);
-} .confirmation__smsBtn_16d1d.confirmation__smsBtn_16d1d {
+} .confirmation__smsBtn_7ukfl.confirmation__smsBtn_7ukfl {
     min-height: var(--size-xs-height);
-} .confirmation__smsComeLink_16d1d.confirmation__smsComeLink_16d1d {
+} .confirmation__smsComeLink_7ukfl.confirmation__smsComeLink_7ukfl {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_16d1d.confirmation__countdownContainer_16d1d {
+} .confirmation__countdownContainer_7ukfl.confirmation__countdownContainer_7ukfl {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-24);
-} .confirmation__countdownMobile_16d1d.confirmation__countdownMobile_16d1d {
+} .confirmation__countdownMobile_7ukfl.confirmation__countdownMobile_7ukfl {
     margin-bottom: var(--gap-20);
-} .confirmation__countdownLoaderMobile_16d1d.confirmation__countdownLoaderMobile_16d1d {
+} .confirmation__countdownLoaderMobile_7ukfl.confirmation__countdownLoaderMobile_7ukfl {
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButton_16d1d {
+} .confirmation__getCodeButton_7ukfl {
     position: relative;
     top: var(--gap-4-neg);
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButtonMobile_16d1d {
+} .confirmation__getCodeButtonMobile_7ukfl {
     margin-bottom: var(--gap-0);
-} .confirmation__containerInput_16d1d {
+} .confirmation__containerInput_7ukfl {
     min-height: 80px;
 }

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

@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
 import { CountdownLoader } from '../../countdown-loader/component.js';
 import { Header } from '../../header/component.js';
 
-const styles = {"component":"confirmation__component_n77ui","center":"confirmation__center_n77ui","typographyTheme":"confirmation__typographyTheme_n77ui","typographyThemeMobile":"confirmation__typographyThemeMobile_n77ui","description":"confirmation__description_n77ui","countdownWrap":"confirmation__countdownWrap_n77ui","loader":"confirmation__loader_n77ui"};
+const styles = {"component":"confirmation__component_1083x","center":"confirmation__center_1083x","typographyTheme":"confirmation__typographyTheme_1083x","typographyThemeMobile":"confirmation__typographyThemeMobile_1083x","description":"confirmation__description_1083x","countdownWrap":"confirmation__countdownWrap_1083x","loader":"confirmation__loader_1083x"};
 require('./index.css')
 
 const TempBlock = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1hxfm */
+/* hash: tmern */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
@@ -40,25 +40,25 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_n77ui {
+} .confirmation__component_1083x {
     display: flex;
     flex-direction: column;
-} .confirmation__center_n77ui {
+} .confirmation__center_1083x {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_n77ui.confirmation__typographyTheme_n77ui {
+} .confirmation__typographyTheme_1083x.confirmation__typographyTheme_1083x {
     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__typographyThemeMobile_n77ui.confirmation__typographyThemeMobile_n77ui {
+} .confirmation__typographyThemeMobile_1083x.confirmation__typographyThemeMobile_1083x {
     color: var(--color-light-text-secondary);
-} .confirmation__description_n77ui.confirmation__description_n77ui {
+} .confirmation__description_1083x.confirmation__description_1083x {
     margin-bottom: var(--gap-8);
-} .confirmation__countdownWrap_n77ui {
+} .confirmation__countdownWrap_1083x {
     display: flex;
     align-items: center;
-} .confirmation__loader_n77ui {
+} .confirmation__loader_1083x {
     margin-right: var(--gap-8);
 }

package/modern/{countdown-section-d4d5dad1.js → countdown-section-b6f5538b.js}

@@ -6,7 +6,7 @@ import { Text } from '@alfalab/core-components-typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_16d1d","phone":"confirmation__phone_16d1d","typographyTheme":"confirmation__typographyTheme_16d1d","typographyThemeMobile":"confirmation__typographyThemeMobile_16d1d","compact":"confirmation__compact_16d1d","loaderWrap":"confirmation__loaderWrap_16d1d","left":"confirmation__left_16d1d","center":"confirmation__center_16d1d","codeInput":"confirmation__codeInput_16d1d","smsBtn":"confirmation__smsBtn_16d1d","smsComeLink":"confirmation__smsComeLink_16d1d","countdownContainer":"confirmation__countdownContainer_16d1d","countdownMobile":"confirmation__countdownMobile_16d1d","countdownLoaderMobile":"confirmation__countdownLoaderMobile_16d1d","getCodeButton":"confirmation__getCodeButton_16d1d","getCodeButtonMobile":"confirmation__getCodeButtonMobile_16d1d","containerInput":"confirmation__containerInput_16d1d"};
+const styles = {"component":"confirmation__component_7ukfl","phone":"confirmation__phone_7ukfl","typographyTheme":"confirmation__typographyTheme_7ukfl","typographyThemeMobile":"confirmation__typographyThemeMobile_7ukfl","compact":"confirmation__compact_7ukfl","loaderWrap":"confirmation__loaderWrap_7ukfl","left":"confirmation__left_7ukfl","center":"confirmation__center_7ukfl","codeInput":"confirmation__codeInput_7ukfl","smsBtn":"confirmation__smsBtn_7ukfl","smsComeLink":"confirmation__smsComeLink_7ukfl","countdownContainer":"confirmation__countdownContainer_7ukfl","countdownMobile":"confirmation__countdownMobile_7ukfl","countdownLoaderMobile":"confirmation__countdownLoaderMobile_7ukfl","getCodeButton":"confirmation__getCodeButton_7ukfl","getCodeButtonMobile":"confirmation__getCodeButtonMobile_7ukfl","containerInput":"confirmation__containerInput_7ukfl"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/modern/mobile/component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
 
-const styles = {"container":"confirmation__container_78z0a"};
+const styles = {"container":"confirmation__container_z8by6"};
 require('./mobile.css')
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1tvre */
-.confirmation__container_78z0a {
+/* hash: zjm0h */
+.confirmation__container_z8by6 {
     max-width: 288px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "13.9.10",
+    "version": "13.9.11",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -12,10 +12,10 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-button": "^11.11.6",
+        "@alfalab/core-components-button": "^11.11.7",
         "@alfalab/core-components-code-input": "^3.9.7",
         "@alfalab/core-components-link": "^5.3.4",
-        "@alfalab/core-components-spinner": "^4.0.5",
+        "@alfalab/core-components-spinner": "^4.0.6",
         "@alfalab/core-components-typography": "^4.12.0",
         "@alfalab/core-components-mq": "^4.4.1",
         "@alfalab/hooks": "^1.13.1",
@@ -27,5 +27,5 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "themesVersion": "13.7.2",
-    "varsVersion": "9.18.0"
+    "varsVersion": "9.19.0"
 }