@alfalab/core-components 37.4.0 → 37.5.0

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

@@ -1,23 +1,24 @@
-/* hash: qwwkx */
+/* hash: xmkb0 */
 :root {
+} /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xl: 32px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
     /* desktop */
 
     /* mobile */
@@ -30,25 +31,20 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-}
-.confirmation__component_1n8wj {
+} .confirmation__component_3qzcn {
     display: flex;
     flex-direction: column;
-}
-.confirmation__typographyTheme_1n8wj.confirmation__typographyTheme_1n8wj {
+} .confirmation__typographyTheme_3qzcn.confirmation__typographyTheme_3qzcn {
     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__left_1n8wj {
+} .confirmation__left_3qzcn {
     align-items: flex-start;
-}
-.confirmation__center_1n8wj {
+} .confirmation__center_3qzcn {
     align-items: center;
     text-align: center;
-}
-.confirmation__button_1n8wj {
+} .confirmation__button_3qzcn {
     margin-top: var(--gap-2xl);
 }

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

@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
 import '../../../utils.js';
 
-const styles = {"component":"confirmation__component_vwyxz","center":"confirmation__center_vwyxz","text":"confirmation__text_vwyxz","typographyTheme":"confirmation__typographyTheme_vwyxz","phonesWrap":"confirmation__phonesWrap_vwyxz","phoneWrap":"confirmation__phoneWrap_vwyxz","phoneLink":"confirmation__phoneLink_vwyxz","hintButton":"confirmation__hintButton_vwyxz","phoneContentMobile":"confirmation__phoneContentMobile_vwyxz"};
+const styles = {"component":"confirmation__component_uzag8","center":"confirmation__center_uzag8","text":"confirmation__text_uzag8","typographyTheme":"confirmation__typographyTheme_uzag8","phonesWrap":"confirmation__phonesWrap_uzag8","phoneWrap":"confirmation__phoneWrap_uzag8","phoneLink":"confirmation__phoneLink_uzag8","hintButton":"confirmation__hintButton_uzag8","phoneContentMobile":"confirmation__phoneContentMobile_uzag8"};
 require('./index.css');
 
 const Hint = ({ mobile }) => {

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

@@ -1,25 +1,26 @@
-/* hash: 1dkh1 */
+/* hash: la73q */
 :root {
+} /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-xl: 24px;
     --gap-2xl: 32px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
     /* desktop */
 
     /* mobile */
@@ -32,49 +33,38 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-}
-.confirmation__component_vwyxz {
+} .confirmation__component_uzag8 {
     display: flex;
     flex-direction: column;
     align-items: flex-start
-}
-.confirmation__component_vwyxz span:last-of-type {
+} .confirmation__component_uzag8 span:last-of-type {
         margin-bottom: 0;
-    }
-.confirmation__center_vwyxz {
+    } .confirmation__center_uzag8 {
     align-items: center;
     text-align: center;
-}
-.confirmation__text_vwyxz.confirmation__text_vwyxz {
+} .confirmation__text_uzag8.confirmation__text_uzag8 {
     margin-bottom: var(--gap-xl);
-}
-.confirmation__typographyTheme_vwyxz.confirmation__typographyTheme_vwyxz {
+} .confirmation__typographyTheme_uzag8.confirmation__typographyTheme_uzag8 {
     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__phonesWrap_vwyxz {
+} .confirmation__phonesWrap_uzag8 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-xl);
-}
-.confirmation__phoneWrap_vwyxz {
+} .confirmation__phoneWrap_uzag8 {
     margin-bottom: var(--gap-xs)
-}
-.confirmation__phoneWrap_vwyxz:last-child {
+} .confirmation__phoneWrap_uzag8:last-child {
         margin-bottom: 0;
-    }
-.confirmation__phoneLink_vwyxz.confirmation__phoneLink_vwyxz {
+    } .confirmation__phoneLink_uzag8.confirmation__phoneLink_uzag8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-}
-.confirmation__hintButton_vwyxz {
+} .confirmation__hintButton_uzag8 {
     margin-top: var(--gap-2xl);
-}
-.confirmation__phoneContentMobile_vwyxz {
+} .confirmation__phoneContentMobile_uzag8 {
     display: flex;
     flex-direction: column;
     align-items: center;

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

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-5db74173.js';
+import '../../countdown-section-7463b15d.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

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

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-5db74173.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7463b15d.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';
 

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

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../loader/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-5db74173.js';
+export { C as CountdownSection } from '../../../countdown-section-7463b15d.js';
 import '../../../utils.js';

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

@@ -1,17 +1,19 @@
-/* hash: 1b1jz */
+/* hash: 1iccs */
 :root {
+} /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
@@ -19,12 +21,11 @@
     --gap-xl: 24px;
     --gap-2xl: 32px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
     /* desktop */
 
     /* mobile */
@@ -37,68 +38,51 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-}
-.confirmation__component_pteqq {
+} .confirmation__component_1cpg4 {
     display: flex;
     flex-direction: column;
-}
-.confirmation__typographyTheme_pteqq.confirmation__typographyTheme_pteqq {
+} .confirmation__typographyTheme_1cpg4.confirmation__typographyTheme_1cpg4 {
     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__phone_pteqq.confirmation__phone_pteqq {
+} .confirmation__phone_1cpg4.confirmation__phone_1cpg4 {
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-2xl);
-}
-.confirmation__compact_pteqq {
+} .confirmation__compact_1cpg4 {
     margin-bottom: var(--gap-xl);
-}
-.confirmation__loaderWrap_pteqq {
+} .confirmation__loaderWrap_1cpg4 {
     display: flex;
     align-items: center;
-}
-.confirmation__left_pteqq {
+} .confirmation__left_1cpg4 {
     align-items: flex-start;
-}
-.confirmation__center_pteqq {
+} .confirmation__center_1cpg4 {
     align-items: center;
     text-align: center
-}
-.confirmation__center_pteqq .confirmation__loaderWrap_pteqq {
+} .confirmation__center_1cpg4 .confirmation__loaderWrap_1cpg4 {
         justify-content: center;
-    }
-.confirmation__center_pteqq input {
+    } .confirmation__center_1cpg4 input {
         margin: 0 var(--gap-2xs);
-    }
-.confirmation__codeInput_pteqq {
+    } .confirmation__codeInput_1cpg4 {
     margin-bottom: var(--gap-s);
-}
-.confirmation__smsComeLink_pteqq.confirmation__smsComeLink_pteqq {
+} .confirmation__smsComeLink_1cpg4.confirmation__smsComeLink_1cpg4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-}
-.confirmation__countdownContainer_pteqq.confirmation__countdownContainer_pteqq {
+} .confirmation__countdownContainer_1cpg4.confirmation__countdownContainer_1cpg4 {
     color: var(--color-light-text-secondary);
     margin-bottom: var(--gap-xl);
-}
-.confirmation__countdownMobile_pteqq.confirmation__countdownMobile_pteqq {
+} .confirmation__countdownMobile_1cpg4.confirmation__countdownMobile_1cpg4 {
     margin-bottom: var(--gap-l);
-}
-.confirmation__countdownLoaderMobile_pteqq.confirmation__countdownLoaderMobile_pteqq {
+} .confirmation__countdownLoaderMobile_1cpg4.confirmation__countdownLoaderMobile_1cpg4 {
     margin-bottom: var(--gap-m);
-}
-.confirmation__getCodeButton_pteqq {
+} .confirmation__getCodeButton_1cpg4 {
     position: relative;
     top: var(--gap-2xs-neg);
     margin-bottom: var(--gap-m);
-}
-.confirmation__getCodeButtonMobile_pteqq {
+} .confirmation__getCodeButtonMobile_1cpg4 {
     margin-bottom: 0;
-}
-.confirmation__containerInput_pteqq {
+} .confirmation__containerInput_1cpg4 {
     min-height: 80px;
 }

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

@@ -8,6 +8,6 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-5db74173.js';
+import '../../../countdown-section-7463b15d.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

package/confirmation/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_1ydrb","center":"confirmation__center_1ydrb","typographyTheme":"confirmation__typographyTheme_1ydrb","description":"confirmation__description_1ydrb","countdownWrap":"confirmation__countdownWrap_1ydrb","loader":"confirmation__loader_1ydrb"};
+const styles = {"component":"confirmation__component_1gady","center":"confirmation__center_1gady","typographyTheme":"confirmation__typographyTheme_1gady","description":"confirmation__description_1gady","countdownWrap":"confirmation__countdownWrap_1gady","loader":"confirmation__loader_1gady"};
 require('./index.css');
 
 const TempBlock = ({ mobile }) => {

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

@@ -1,23 +1,24 @@
-/* hash: 1s0k0 */
+/* hash: ihcdi */
 :root {
+} /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
     /* desktop */
 
     /* mobile */
@@ -30,29 +31,23 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-}
-.confirmation__component_1ydrb {
+} .confirmation__component_1gady {
     display: flex;
     flex-direction: column;
-}
-.confirmation__center_1ydrb {
+} .confirmation__center_1gady {
     align-items: center;
     text-align: center;
-}
-.confirmation__typographyTheme_1ydrb.confirmation__typographyTheme_1ydrb {
+} .confirmation__typographyTheme_1gady.confirmation__typographyTheme_1gady {
     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__description_1ydrb.confirmation__description_1ydrb {
+} .confirmation__description_1gady.confirmation__description_1gady {
     margin-bottom: var(--gap-xs);
-}
-.confirmation__countdownWrap_1ydrb {
+} .confirmation__countdownWrap_1gady {
     display: flex;
     align-items: center;
-}
-.confirmation__loader_1ydrb {
+} .confirmation__loader_1gady {
     margin-right: var(--gap-xs);
 }

package/confirmation/modern/{countdown-section-5db74173.js → countdown-section-7463b15d.js}

@@ -6,7 +6,7 @@ import { Typography } from '../../typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_pteqq","typographyTheme":"confirmation__typographyTheme_pteqq","phone":"confirmation__phone_pteqq","compact":"confirmation__compact_pteqq","loaderWrap":"confirmation__loaderWrap_pteqq","left":"confirmation__left_pteqq","center":"confirmation__center_pteqq","codeInput":"confirmation__codeInput_pteqq","smsComeLink":"confirmation__smsComeLink_pteqq","countdownContainer":"confirmation__countdownContainer_pteqq","countdownMobile":"confirmation__countdownMobile_pteqq","countdownLoaderMobile":"confirmation__countdownLoaderMobile_pteqq","getCodeButton":"confirmation__getCodeButton_pteqq","getCodeButtonMobile":"confirmation__getCodeButtonMobile_pteqq","containerInput":"confirmation__containerInput_pteqq"};
+const styles = {"component":"confirmation__component_1cpg4","typographyTheme":"confirmation__typographyTheme_1cpg4","phone":"confirmation__phone_1cpg4","compact":"confirmation__compact_1cpg4","loaderWrap":"confirmation__loaderWrap_1cpg4","left":"confirmation__left_1cpg4","center":"confirmation__center_1cpg4","codeInput":"confirmation__codeInput_1cpg4","smsComeLink":"confirmation__smsComeLink_1cpg4","countdownContainer":"confirmation__countdownContainer_1cpg4","countdownMobile":"confirmation__countdownMobile_1cpg4","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1cpg4","getCodeButton":"confirmation__getCodeButton_1cpg4","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1cpg4","containerInput":"confirmation__containerInput_1cpg4"};
 require('./components/screens/initial/index.css');
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/confirmation/modern/desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-5db74173.js';
+import './countdown-section-7463b15d.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/index.js

@@ -17,6 +17,6 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-5db74173.js';
+import './countdown-section-7463b15d.js';
 import '../../loader/modern';
 import './component.mobile.js';

package/confirmation/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: lm8ao */
-.confirmation__container_n8i7v {
+/* hash: 1b44p */
+.confirmation__container_1nf56 {
     max-width: 288px;
 }

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-5db74173.js';
+import './countdown-section-7463b15d.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-5db74173.js';
+import './countdown-section-7463b15d.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/responsive.js

@@ -1,5 +1,5 @@
 var component_responsive = require('./component.responsive.js');
-require('./component-505707d8.js');
+require('./component-8cba0cbf.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -12,7 +12,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-6a992752.js');
+require('./countdown-section-4d662116.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation-v1/component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation-v1__component_frrs1","error":"confirmation-v1__error_frrs1","errorHeader":"confirmation-v1__errorHeader_frrs1","errorText":"confirmation-v1__errorText_frrs1","phoneHintWrap":"confirmation-v1__phoneHintWrap_frrs1","phoneHintText":"confirmation-v1__phoneHintText_frrs1","phonesWrap":"confirmation-v1__phonesWrap_frrs1","phoneWrap":"confirmation-v1__phoneWrap_frrs1","phoneDescription":"confirmation-v1__phoneDescription_frrs1","center":"confirmation-v1__center_frrs1"};
+var styles = {"component":"confirmation-v1__component_ujwgj","error":"confirmation-v1__error_ujwgj","errorHeader":"confirmation-v1__errorHeader_ujwgj","errorText":"confirmation-v1__errorText_ujwgj","phoneHintWrap":"confirmation-v1__phoneHintWrap_ujwgj","phoneHintText":"confirmation-v1__phoneHintText_ujwgj","phonesWrap":"confirmation-v1__phonesWrap_ujwgj","phoneWrap":"confirmation-v1__phoneWrap_ujwgj","phoneDescription":"confirmation-v1__phoneDescription_ujwgj","center":"confirmation-v1__center_ujwgj"};
 require('./index.css');
 
 /**

package/confirmation-v1/components/code-input/component.js

@@ -34,7 +34,7 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var styles = {"component":"confirmation-v1__component_xvjxx","input":"confirmation-v1__input_xvjxx","hasError":"confirmation-v1__hasError_xvjxx","center":"confirmation-v1__center_xvjxx","disabled":"confirmation-v1__disabled_xvjxx","compact":"confirmation-v1__compact_xvjxx","shake":"confirmation-v1__shake_xvjxx"};
+var styles = {"component":"confirmation-v1__component_3mirn","input":"confirmation-v1__input_3mirn","hasError":"confirmation-v1__hasError_3mirn","center":"confirmation-v1__center_3mirn","disabled":"confirmation-v1__disabled_3mirn","compact":"confirmation-v1__compact_3mirn","shake":"confirmation-v1__shake_3mirn"};
 require('./index.css');
 
 var Input = function (_a) {

package/confirmation-v1/components/code-input/index.css

@@ -1,31 +1,30 @@
 /* hash: 4i7bv */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-negative-muted: #feebea;
     --color-light-bg-secondary: #f3f4f5;
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-s: 4px;
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
-    --border-radius-s: 4px;
-}
-:root {
+} :root {
+} :root {
     /* title */
 
     /* text */
@@ -40,11 +39,9 @@
     --confirmation-input-text-color: var(--color-light-text-primary);
     --confirmation-input-bg-color: var(--color-light-bg-secondary);
     --confirmation-input-error-bg-color: var(--color-light-bg-negative-muted);
-}
-.confirmation-v1__component_xvjxx {
+} .confirmation-v1__component_3mirn {
     display: flex;
-}
-.confirmation-v1__input_xvjxx {
+} .confirmation-v1__input_3mirn {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -60,24 +57,19 @@
     font-size: var(--confirmation-input-font-size);
     font-weight: var(--confirmation-input-font-weight);
     font-family: var(--confirmation-input-font-family)
-}
-.confirmation-v1__input_xvjxx.confirmation-v1__hasError_xvjxx {
+} .confirmation-v1__input_3mirn.confirmation-v1__hasError_3mirn {
         color: var(--confirmation-error-color);
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
-    }
-.confirmation-v1__input_xvjxx.confirmation-v1__center_xvjxx {
+    } .confirmation-v1__input_3mirn.confirmation-v1__center_3mirn {
         margin: 0 var(--gap-2xs);
-    }
-.confirmation-v1__input_xvjxx.confirmation-v1__disabled_xvjxx {
+    } .confirmation-v1__input_3mirn.confirmation-v1__disabled_3mirn {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    }
-.confirmation-v1__compact_xvjxx .confirmation-v1__input_xvjxx {
+    } .confirmation-v1__compact_3mirn .confirmation-v1__input_3mirn {
     width: 28px;
     height: 40px;
-}
-@keyframes confirmation-v1__shake_xvjxx {
+} @keyframes confirmation-v1__shake_3mirn {
     0% {
         transform: translateX(0);
     }
@@ -93,7 +85,6 @@
     100% {
         transform: translateX(0);
     }
-}
-.confirmation-v1__shake_xvjxx {
-    animation: confirmation-v1__shake_xvjxx 0.15s linear 0s 3;
+} .confirmation-v1__shake_3mirn {
+    animation: confirmation-v1__shake_3mirn 0.15s linear 0s 3;
 }

package/confirmation-v1/components/countdown/component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation-v1__component_1j13p","hasError":"confirmation-v1__hasError_1j13p","getCodeButton":"confirmation-v1__getCodeButton_1j13p","info":"confirmation-v1__info_1j13p","customContent":"confirmation-v1__customContent_1j13p","loaderWrap":"confirmation-v1__loaderWrap_1j13p","loader":"confirmation-v1__loader_1j13p","center":"confirmation-v1__center_1j13p","timePassed":"confirmation-v1__timePassed_1j13p","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_1j13p"};
+var styles = {"component":"confirmation-v1__component_e90u4","hasError":"confirmation-v1__hasError_e90u4","getCodeButton":"confirmation-v1__getCodeButton_e90u4","info":"confirmation-v1__info_e90u4","customContent":"confirmation-v1__customContent_e90u4","loaderWrap":"confirmation-v1__loaderWrap_e90u4","loader":"confirmation-v1__loader_e90u4","center":"confirmation-v1__center_e90u4","timePassed":"confirmation-v1__timePassed_e90u4","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_e90u4"};
 require('./index.css');
 
 /**