@alfalab/core-components-confirmation 13.9.7 → 13.9.8

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_9auw6","typographyTheme":"confirmation__typographyTheme_9auw6","typographyThemeMobile":"confirmation__typographyThemeMobile_9auw6","left":"confirmation__left_9auw6","center":"confirmation__center_9auw6","button":"confirmation__button_9auw6"};
+const styles = {"component":"confirmation__component_kxab3","typographyTheme":"confirmation__typographyTheme_kxab3","typographyThemeMobile":"confirmation__typographyThemeMobile_kxab3","left":"confirmation__left_kxab3","center":"confirmation__center_kxab3","button":"confirmation__button_kxab3"};
 require('./index.css')
 
 const FatalError = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1fscx */
+/* hash: ipc93 */
 :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_9auw6 {
+} .confirmation__component_kxab3 {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_9auw6.confirmation__typographyTheme_9auw6 {
+} .confirmation__typographyTheme_kxab3.confirmation__typographyTheme_kxab3 {
     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_9auw6.confirmation__typographyThemeMobile_9auw6 {
+} .confirmation__typographyThemeMobile_kxab3.confirmation__typographyThemeMobile_kxab3 {
     color: var(--color-light-text-secondary);
-} .confirmation__left_9auw6 {
+} .confirmation__left_kxab3 {
     align-items: flex-start;
-} .confirmation__center_9auw6 {
+} .confirmation__center_kxab3 {
     align-items: center;
     text-align: center;
-} .confirmation__button_9auw6.confirmation__button_9auw6 {
+} .confirmation__button_kxab3.confirmation__button_kxab3 {
     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_1k75a","center":"confirmation__center_1k75a","text":"confirmation__text_1k75a","typographyTheme":"confirmation__typographyTheme_1k75a","typographyThemeMobile":"confirmation__typographyThemeMobile_1k75a","phonesWrap":"confirmation__phonesWrap_1k75a","phoneWrap":"confirmation__phoneWrap_1k75a","phoneLink":"confirmation__phoneLink_1k75a","hintButton":"confirmation__hintButton_1k75a","phoneContentMobile":"confirmation__phoneContentMobile_1k75a"};
+const styles = {"component":"confirmation__component_1m63h","center":"confirmation__center_1m63h","text":"confirmation__text_1m63h","typographyTheme":"confirmation__typographyTheme_1m63h","typographyThemeMobile":"confirmation__typographyThemeMobile_1m63h","phonesWrap":"confirmation__phonesWrap_1m63h","phoneWrap":"confirmation__phoneWrap_1m63h","phoneLink":"confirmation__phoneLink_1m63h","hintButton":"confirmation__hintButton_1m63h","phoneContentMobile":"confirmation__phoneContentMobile_1m63h"};
 require('./index.css')
 
 const Hint = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: vq902 */
+/* hash: 1tffh */
 :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_1k75a {
+} .confirmation__component_1m63h {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-} .confirmation__component_1k75a span:last-of-type {
+} .confirmation__component_1m63h span:last-of-type {
         margin-bottom: var(--gap-0);
-    } .confirmation__center_1k75a {
+    } .confirmation__center_1m63h {
     align-items: center;
     text-align: center;
-} .confirmation__text_1k75a.confirmation__text_1k75a {
+} .confirmation__text_1m63h.confirmation__text_1m63h {
     margin-bottom: var(--gap-24);
-} .confirmation__typographyTheme_1k75a.confirmation__typographyTheme_1k75a {
+} .confirmation__typographyTheme_1m63h.confirmation__typographyTheme_1m63h {
     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_1k75a.confirmation__typographyThemeMobile_1k75a {
+} .confirmation__typographyThemeMobile_1m63h.confirmation__typographyThemeMobile_1m63h {
     color: var(--color-light-text-secondary);
-} .confirmation__phonesWrap_1k75a {
+} .confirmation__phonesWrap_1m63h {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-24);
-} .confirmation__phoneWrap_1k75a {
+} .confirmation__phoneWrap_1m63h {
     margin-bottom: var(--gap-8)
-} .confirmation__phoneWrap_1k75a:last-child {
+} .confirmation__phoneWrap_1m63h:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation__phoneLink_1k75a.confirmation__phoneLink_1k75a {
+    } .confirmation__phoneLink_1m63h.confirmation__phoneLink_1m63h {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-} .confirmation__hintButton_1k75a {
+} .confirmation__hintButton_1m63h {
     margin-top: var(--gap-32);
-} .confirmation__phoneContentMobile_1k75a {
+} .confirmation__phoneContentMobile_1m63h {
     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-b5d2e212.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-4414f0f9.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-b5d2e212.js';
+export { C as CountdownSection } from '../../../countdown-section-4414f0f9.js';

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

@@ -1,4 +1,4 @@
-/* hash: a803i */
+/* hash: 4hgve */
 :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_19rw5 {
+} .confirmation__component_70yae {
     display: flex;
     flex-direction: column;
-} .confirmation__phone_19rw5.confirmation__phone_19rw5 {
+} .confirmation__phone_70yae.confirmation__phone_70yae {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-32);
-} .confirmation__typographyTheme_19rw5.confirmation__typographyTheme_19rw5 {
+} .confirmation__typographyTheme_70yae.confirmation__typographyTheme_70yae {
     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_19rw5.confirmation__typographyThemeMobile_19rw5 {
+} .confirmation__typographyThemeMobile_70yae.confirmation__typographyThemeMobile_70yae {
     color: var(--color-light-text-secondary);
-} .confirmation__compact_19rw5 {
+} .confirmation__compact_70yae {
     margin-bottom: var(--gap-24);
-} .confirmation__loaderWrap_19rw5 {
+} .confirmation__loaderWrap_70yae {
     display: flex;
     align-items: center;
-} .confirmation__left_19rw5 {
+} .confirmation__left_70yae {
     align-items: flex-start;
-} .confirmation__center_19rw5 {
+} .confirmation__center_70yae {
     align-items: center;
     text-align: center
-} .confirmation__center_19rw5 .confirmation__loaderWrap_19rw5 {
+} .confirmation__center_70yae .confirmation__loaderWrap_70yae {
         justify-content: center;
-    } .confirmation__codeInput_19rw5 {
+    } .confirmation__codeInput_70yae {
     margin-bottom: var(--gap-12);
-} .confirmation__smsBtn_19rw5.confirmation__smsBtn_19rw5 {
+} .confirmation__smsBtn_70yae.confirmation__smsBtn_70yae {
     min-height: var(--size-xs-height);
-} .confirmation__smsComeLink_19rw5.confirmation__smsComeLink_19rw5 {
+} .confirmation__smsComeLink_70yae.confirmation__smsComeLink_70yae {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_19rw5.confirmation__countdownContainer_19rw5 {
+} .confirmation__countdownContainer_70yae.confirmation__countdownContainer_70yae {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-24);
-} .confirmation__countdownMobile_19rw5.confirmation__countdownMobile_19rw5 {
+} .confirmation__countdownMobile_70yae.confirmation__countdownMobile_70yae {
     margin-bottom: var(--gap-20);
-} .confirmation__countdownLoaderMobile_19rw5.confirmation__countdownLoaderMobile_19rw5 {
+} .confirmation__countdownLoaderMobile_70yae.confirmation__countdownLoaderMobile_70yae {
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButton_19rw5 {
+} .confirmation__getCodeButton_70yae {
     position: relative;
     top: var(--gap-4-neg);
     margin-bottom: var(--gap-16);
-} .confirmation__getCodeButtonMobile_19rw5 {
+} .confirmation__getCodeButtonMobile_70yae {
     margin-bottom: var(--gap-0);
-} .confirmation__containerInput_19rw5 {
+} .confirmation__containerInput_70yae {
     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_1bx3b","center":"confirmation__center_1bx3b","typographyTheme":"confirmation__typographyTheme_1bx3b","typographyThemeMobile":"confirmation__typographyThemeMobile_1bx3b","description":"confirmation__description_1bx3b","countdownWrap":"confirmation__countdownWrap_1bx3b","loader":"confirmation__loader_1bx3b"};
+const styles = {"component":"confirmation__component_kjhcm","center":"confirmation__center_kjhcm","typographyTheme":"confirmation__typographyTheme_kjhcm","typographyThemeMobile":"confirmation__typographyThemeMobile_kjhcm","description":"confirmation__description_kjhcm","countdownWrap":"confirmation__countdownWrap_kjhcm","loader":"confirmation__loader_kjhcm"};
 require('./index.css')
 
 const TempBlock = ({ mobile }) => {

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

@@ -1,4 +1,4 @@
-/* hash: pujg9 */
+/* hash: k4084 */
 :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_1bx3b {
+} .confirmation__component_kjhcm {
     display: flex;
     flex-direction: column;
-} .confirmation__center_1bx3b {
+} .confirmation__center_kjhcm {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_1bx3b.confirmation__typographyTheme_1bx3b {
+} .confirmation__typographyTheme_kjhcm.confirmation__typographyTheme_kjhcm {
     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_1bx3b.confirmation__typographyThemeMobile_1bx3b {
+} .confirmation__typographyThemeMobile_kjhcm.confirmation__typographyThemeMobile_kjhcm {
     color: var(--color-light-text-secondary);
-} .confirmation__description_1bx3b.confirmation__description_1bx3b {
+} .confirmation__description_kjhcm.confirmation__description_kjhcm {
     margin-bottom: var(--gap-8);
-} .confirmation__countdownWrap_1bx3b {
+} .confirmation__countdownWrap_kjhcm {
     display: flex;
     align-items: center;
-} .confirmation__loader_1bx3b {
+} .confirmation__loader_kjhcm {
     margin-right: var(--gap-8);
 }

package/modern/{countdown-section-b5d2e212.js → countdown-section-4414f0f9.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_19rw5","phone":"confirmation__phone_19rw5","typographyTheme":"confirmation__typographyTheme_19rw5","typographyThemeMobile":"confirmation__typographyThemeMobile_19rw5","compact":"confirmation__compact_19rw5","loaderWrap":"confirmation__loaderWrap_19rw5","left":"confirmation__left_19rw5","center":"confirmation__center_19rw5","codeInput":"confirmation__codeInput_19rw5","smsBtn":"confirmation__smsBtn_19rw5","smsComeLink":"confirmation__smsComeLink_19rw5","countdownContainer":"confirmation__countdownContainer_19rw5","countdownMobile":"confirmation__countdownMobile_19rw5","countdownLoaderMobile":"confirmation__countdownLoaderMobile_19rw5","getCodeButton":"confirmation__getCodeButton_19rw5","getCodeButtonMobile":"confirmation__getCodeButtonMobile_19rw5","containerInput":"confirmation__containerInput_19rw5"};
+const styles = {"component":"confirmation__component_70yae","phone":"confirmation__phone_70yae","typographyTheme":"confirmation__typographyTheme_70yae","typographyThemeMobile":"confirmation__typographyThemeMobile_70yae","compact":"confirmation__compact_70yae","loaderWrap":"confirmation__loaderWrap_70yae","left":"confirmation__left_70yae","center":"confirmation__center_70yae","codeInput":"confirmation__codeInput_70yae","smsBtn":"confirmation__smsBtn_70yae","smsComeLink":"confirmation__smsComeLink_70yae","countdownContainer":"confirmation__countdownContainer_70yae","countdownMobile":"confirmation__countdownMobile_70yae","countdownLoaderMobile":"confirmation__countdownLoaderMobile_70yae","getCodeButton":"confirmation__getCodeButton_70yae","getCodeButtonMobile":"confirmation__getCodeButtonMobile_70yae","containerInput":"confirmation__containerInput_70yae"};
 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_1qvat"};
+const styles = {"container":"confirmation__container_ety2h"};
 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: 1hm6v */
-.confirmation__container_1qvat {
+/* hash: kj66k */
+.confirmation__container_ety2h {
     max-width: 288px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "13.9.7",
+    "version": "13.9.8",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -12,20 +12,20 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-button": "^11.11.4",
-        "@alfalab/core-components-code-input": "^3.9.6",
+        "@alfalab/core-components-button": "^11.11.5",
+        "@alfalab/core-components-code-input": "^3.9.7",
         "@alfalab/core-components-link": "^5.3.4",
-        "@alfalab/core-components-spinner": "^4.0.4",
+        "@alfalab/core-components-spinner": "^4.0.5",
         "@alfalab/core-components-typography": "^4.11.4",
         "@alfalab/core-components-mq": "^4.4.1",
         "@alfalab/hooks": "^1.13.1",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0",
-        "@alfalab/core-components-shared": "^0.15.0"
+        "@alfalab/core-components-shared": "^0.16.0"
     },
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.7.0",
+    "themesVersion": "13.7.1",
     "varsVersion": "9.18.0"
 }