@alfalab/core-components 47.13.0 → 47.14.0

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

@@ -24,6 +24,12 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-4-neg: var(--gap-2xs-neg);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -42,51 +48,51 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_199ht {
+} .confirmation__component_1qkzv {
     display: flex;
     flex-direction: column;
-} .confirmation__typographyTheme_199ht.confirmation__typographyTheme_199ht {
+} .confirmation__typographyTheme_1qkzv.confirmation__typographyTheme_1qkzv {
     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_199ht.confirmation__phone_199ht {
+} .confirmation__phone_1qkzv.confirmation__phone_1qkzv {
     color: var(--color-light-text-primary);
-    margin-bottom: var(--gap-2xl);
-} .confirmation__compact_199ht {
-    margin-bottom: var(--gap-xl);
-} .confirmation__loaderWrap_199ht {
+    margin-bottom: var(--gap-32);
+} .confirmation__compact_1qkzv {
+    margin-bottom: var(--gap-24);
+} .confirmation__loaderWrap_1qkzv {
     display: flex;
     align-items: center;
-} .confirmation__left_199ht {
+} .confirmation__left_1qkzv {
     align-items: flex-start;
-} .confirmation__center_199ht {
+} .confirmation__center_1qkzv {
     align-items: center;
     text-align: center
-} .confirmation__center_199ht .confirmation__loaderWrap_199ht {
+} .confirmation__center_1qkzv .confirmation__loaderWrap_1qkzv {
         justify-content: center;
-    } .confirmation__codeInput_199ht {
-    margin-bottom: var(--gap-s);
-} .confirmation__smsBtn_199ht.confirmation__smsBtn_199ht {
+    } .confirmation__codeInput_1qkzv {
+    margin-bottom: var(--gap-12);
+} .confirmation__smsBtn_1qkzv.confirmation__smsBtn_1qkzv {
     min-height: var(--size-xs-height);
-} .confirmation__smsComeLink_199ht.confirmation__smsComeLink_199ht {
+} .confirmation__smsComeLink_1qkzv.confirmation__smsComeLink_1qkzv {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-} .confirmation__countdownContainer_199ht.confirmation__countdownContainer_199ht {
+} .confirmation__countdownContainer_1qkzv.confirmation__countdownContainer_1qkzv {
     color: var(--color-light-text-secondary);
-    margin-bottom: var(--gap-xl);
-} .confirmation__countdownMobile_199ht.confirmation__countdownMobile_199ht {
-    margin-bottom: var(--gap-l);
-} .confirmation__countdownLoaderMobile_199ht.confirmation__countdownLoaderMobile_199ht {
-    margin-bottom: var(--gap-m);
-} .confirmation__getCodeButton_199ht {
+    margin-bottom: var(--gap-24);
+} .confirmation__countdownMobile_1qkzv.confirmation__countdownMobile_1qkzv {
+    margin-bottom: var(--gap-20);
+} .confirmation__countdownLoaderMobile_1qkzv.confirmation__countdownLoaderMobile_1qkzv {
+    margin-bottom: var(--gap-16);
+} .confirmation__getCodeButton_1qkzv {
     position: relative;
-    top: var(--gap-2xs-neg);
-    margin-bottom: var(--gap-m);
-} .confirmation__getCodeButtonMobile_199ht {
+    top: var(--gap-4-neg);
+    margin-bottom: var(--gap-16);
+} .confirmation__getCodeButtonMobile_1qkzv {
     margin-bottom: 0;
-} .confirmation__containerInput_199ht {
+} .confirmation__containerInput_1qkzv {
     min-height: 80px;
 }

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

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-ab115cb2.js';
+import '../../../countdown-section-904527f9.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

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_6nlts","center":"confirmation__center_6nlts","typographyTheme":"confirmation__typographyTheme_6nlts","description":"confirmation__description_6nlts","countdownWrap":"confirmation__countdownWrap_6nlts","loader":"confirmation__loader_6nlts"};
+const styles = {"component":"confirmation__component_nz3wd","center":"confirmation__center_nz3wd","typographyTheme":"confirmation__typographyTheme_nz3wd","description":"confirmation__description_nz3wd","countdownWrap":"confirmation__countdownWrap_nz3wd","loader":"confirmation__loader_nz3wd"};
 require('./index.css');
 
 const TempBlock = ({ mobile }) => {

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

@@ -18,6 +18,7 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -35,23 +36,23 @@
     --confirmation-text-color: var(--color-light-text-primary)
 
     /* header */
-} .confirmation__component_6nlts {
+} .confirmation__component_nz3wd {
     display: flex;
     flex-direction: column;
-} .confirmation__center_6nlts {
+} .confirmation__center_nz3wd {
     align-items: center;
     text-align: center;
-} .confirmation__typographyTheme_6nlts.confirmation__typographyTheme_6nlts {
+} .confirmation__typographyTheme_nz3wd.confirmation__typographyTheme_nz3wd {
     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_6nlts.confirmation__description_6nlts {
-    margin-bottom: var(--gap-xs);
-} .confirmation__countdownWrap_6nlts {
+} .confirmation__description_nz3wd.confirmation__description_nz3wd {
+    margin-bottom: var(--gap-8);
+} .confirmation__countdownWrap_nz3wd {
     display: flex;
     align-items: center;
-} .confirmation__loader_6nlts {
-    margin-right: var(--gap-xs);
+} .confirmation__loader_nz3wd {
+    margin-right: var(--gap-8);
 }

package/confirmation/modern/{countdown-section-ab115cb2.js → countdown-section-904527f9.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_199ht","typographyTheme":"confirmation__typographyTheme_199ht","phone":"confirmation__phone_199ht","compact":"confirmation__compact_199ht","loaderWrap":"confirmation__loaderWrap_199ht","left":"confirmation__left_199ht","center":"confirmation__center_199ht","codeInput":"confirmation__codeInput_199ht","smsBtn":"confirmation__smsBtn_199ht","smsComeLink":"confirmation__smsComeLink_199ht","countdownContainer":"confirmation__countdownContainer_199ht","countdownMobile":"confirmation__countdownMobile_199ht","countdownLoaderMobile":"confirmation__countdownLoaderMobile_199ht","getCodeButton":"confirmation__getCodeButton_199ht","getCodeButtonMobile":"confirmation__getCodeButtonMobile_199ht","containerInput":"confirmation__containerInput_199ht"};
+const styles = {"component":"confirmation__component_1qkzv","typographyTheme":"confirmation__typographyTheme_1qkzv","phone":"confirmation__phone_1qkzv","compact":"confirmation__compact_1qkzv","loaderWrap":"confirmation__loaderWrap_1qkzv","left":"confirmation__left_1qkzv","center":"confirmation__center_1qkzv","codeInput":"confirmation__codeInput_1qkzv","smsBtn":"confirmation__smsBtn_1qkzv","smsComeLink":"confirmation__smsComeLink_1qkzv","countdownContainer":"confirmation__countdownContainer_1qkzv","countdownMobile":"confirmation__countdownMobile_1qkzv","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1qkzv","getCodeButton":"confirmation__getCodeButton_1qkzv","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1qkzv","containerInput":"confirmation__containerInput_1qkzv"};
 require('./components/screens/initial/index.css');
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/confirmation/modern/desktop/component.desktop.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-ab115cb2.js';
+import '../countdown-section-904527f9.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-ab115cb2.js';
+import '../countdown-section-904527f9.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-ab115cb2.js';
+import './countdown-section-904527f9.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-ab115cb2.js';
+import '../countdown-section-904527f9.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';
@@ -20,7 +20,7 @@ import '../components/screens/fatal-error/component.js';
 import '../components/screens/temp-block/component.js';
 import '../components/countdown-loader/component.js';
 
-const styles = {"container":"confirmation__container_rrdeq"};
+const styles = {"container":"confirmation__container_afvc5"};
 require('./mobile.css');
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/confirmation/modern/mobile/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-ab115cb2.js';
+import '../countdown-section-904527f9.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
 /* hash: 1xo0m */
-.confirmation__container_rrdeq {
+.confirmation__container_afvc5 {
     max-width: 288px;
 }

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-ab115cb2.js';
+import '../countdown-section-904527f9.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/confirmation-v1/component.js

@@ -14,7 +14,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_1i1j9","error":"confirmation-v1__error_1i1j9","errorHeader":"confirmation-v1__errorHeader_1i1j9","errorText":"confirmation-v1__errorText_1i1j9","phoneHintWrap":"confirmation-v1__phoneHintWrap_1i1j9","phoneHintText":"confirmation-v1__phoneHintText_1i1j9","phonesWrap":"confirmation-v1__phonesWrap_1i1j9","phoneWrap":"confirmation-v1__phoneWrap_1i1j9","phoneDescription":"confirmation-v1__phoneDescription_1i1j9","center":"confirmation-v1__center_1i1j9"};
+var styles = {"component":"confirmation-v1__component_1slh5","error":"confirmation-v1__error_1slh5","errorHeader":"confirmation-v1__errorHeader_1slh5","errorText":"confirmation-v1__errorText_1slh5","phoneHintWrap":"confirmation-v1__phoneHintWrap_1slh5","phoneHintText":"confirmation-v1__phoneHintText_1slh5","phonesWrap":"confirmation-v1__phonesWrap_1slh5","phoneWrap":"confirmation-v1__phoneWrap_1slh5","phoneDescription":"confirmation-v1__phoneDescription_1slh5","center":"confirmation-v1__center_1slh5"};
 require('./index.css');
 
 /**

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

@@ -11,7 +11,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_1pb9w","input":"confirmation-v1__input_1pb9w","hasError":"confirmation-v1__hasError_1pb9w","center":"confirmation-v1__center_1pb9w","disabled":"confirmation-v1__disabled_1pb9w","compact":"confirmation-v1__compact_1pb9w","shake":"confirmation-v1__shake_1pb9w"};
+var styles = {"component":"confirmation-v1__component_u3qzg","input":"confirmation-v1__input_u3qzg","hasError":"confirmation-v1__hasError_u3qzg","center":"confirmation-v1__center_u3qzg","disabled":"confirmation-v1__disabled_u3qzg","compact":"confirmation-v1__compact_u3qzg","shake":"confirmation-v1__shake_u3qzg"};
 require('./index.css');
 
 var Input = function (_a) {

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

@@ -24,6 +24,8 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -43,13 +45,13 @@
     --confirmation-input-text-color: var(--color-light-text-primary);
     --confirmation-input-bg-color: var(--color-light-base-bg-secondary);
     --confirmation-input-error-bg-color: var(--color-light-status-muted-negative);
-} .confirmation-v1__component_1pb9w {
+} .confirmation-v1__component_u3qzg {
     display: flex;
-} .confirmation-v1__input_1pb9w {
+} .confirmation-v1__input_u3qzg {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
-    margin-right: var(--gap-xs);
+    margin-right: var(--gap-8);
     padding: 0;
     background-color: var(--confirmation-input-bg-color);
     border: none;
@@ -61,19 +63,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_1pb9w.confirmation-v1__hasError_1pb9w {
+} .confirmation-v1__input_u3qzg.confirmation-v1__hasError_u3qzg {
         color: var(--confirmation-error-color);
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
-    } .confirmation-v1__input_1pb9w.confirmation-v1__center_1pb9w {
-        margin: 0 var(--gap-2xs);
-    } .confirmation-v1__input_1pb9w.confirmation-v1__disabled_1pb9w {
+    } .confirmation-v1__input_u3qzg.confirmation-v1__center_u3qzg {
+        margin: 0 var(--gap-4);
+    } .confirmation-v1__input_u3qzg.confirmation-v1__disabled_u3qzg {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .confirmation-v1__compact_1pb9w .confirmation-v1__input_1pb9w {
+    } .confirmation-v1__compact_u3qzg .confirmation-v1__input_u3qzg {
     width: 28px;
     height: 40px;
-} @keyframes confirmation-v1__shake_1pb9w {
+} @keyframes confirmation-v1__shake_u3qzg {
     0% {
         transform: translateX(0);
     }
@@ -89,6 +91,6 @@
     100% {
         transform: translateX(0);
     }
-} .confirmation-v1__shake_1pb9w {
-    animation: confirmation-v1__shake_1pb9w 0.15s linear 0s 3;
+} .confirmation-v1__shake_u3qzg {
+    animation: confirmation-v1__shake_u3qzg 0.15s linear 0s 3;
 }

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

@@ -12,7 +12,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_2il70","hasError":"confirmation-v1__hasError_2il70","getCodeButton":"confirmation-v1__getCodeButton_2il70","info":"confirmation-v1__info_2il70","customContent":"confirmation-v1__customContent_2il70","loaderWrap":"confirmation-v1__loaderWrap_2il70","loader":"confirmation-v1__loader_2il70","center":"confirmation-v1__center_2il70","timePassed":"confirmation-v1__timePassed_2il70","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_2il70"};
+var styles = {"component":"confirmation-v1__component_1qzrc","hasError":"confirmation-v1__hasError_1qzrc","getCodeButton":"confirmation-v1__getCodeButton_1qzrc","info":"confirmation-v1__info_1qzrc","customContent":"confirmation-v1__customContent_1qzrc","loaderWrap":"confirmation-v1__loaderWrap_1qzrc","loader":"confirmation-v1__loader_1qzrc","center":"confirmation-v1__center_1qzrc","timePassed":"confirmation-v1__timePassed_1qzrc","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_1qzrc"};
 require('./index.css');
 
 /**

package/confirmation-v1/components/countdown/index.css

@@ -21,6 +21,10 @@
     --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -38,7 +42,7 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_2il70 {
+} .confirmation-v1__component_1qzrc {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -48,31 +52,31 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    margin-top: var(--gap-3xl);
+    margin-top: var(--gap-40);
     color: var(--confirmation-text-color);
-} .confirmation-v1__hasError_2il70 .confirmation-v1__getCodeButton_2il70 {
+} .confirmation-v1__hasError_1qzrc .confirmation-v1__getCodeButton_1qzrc {
         margin-top: 0;
-    } .confirmation-v1__hasError_2il70 .confirmation-v1__info_2il70 {
+    } .confirmation-v1__hasError_1qzrc .confirmation-v1__info_1qzrc {
         margin-top: 0;
-    } .confirmation-v1__hasError_2il70 .confirmation-v1__customContent_2il70 {
-        margin-bottom: var(--gap-2xl);
-    } .confirmation-v1__info_2il70 {
-    margin: var(--gap-2xs) 0;
-} .confirmation-v1__loaderWrap_2il70 {
+    } .confirmation-v1__hasError_1qzrc .confirmation-v1__customContent_1qzrc {
+        margin-bottom: var(--gap-32);
+    } .confirmation-v1__info_1qzrc {
+    margin: var(--gap-4) 0;
+} .confirmation-v1__loaderWrap_1qzrc {
     display: flex;
     align-items: center;
-    margin-bottom: var(--gap-xs);
-} .confirmation-v1__loader_2il70 {
-    margin-right: var(--gap-xs);
-} .confirmation-v1__center_2il70 {
+    margin-bottom: var(--gap-8);
+} .confirmation-v1__loader_1qzrc {
+    margin-right: var(--gap-8);
+} .confirmation-v1__center_1qzrc {
     align-items: center
-} .confirmation-v1__center_2il70 .confirmation-v1__loaderWrap_2il70 {
+} .confirmation-v1__center_1qzrc .confirmation-v1__loaderWrap_1qzrc {
         justify-content: center;
-    } .confirmation-v1__timePassed_2il70 {
+    } .confirmation-v1__timePassed_1qzrc {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_2il70 {
-    margin-top: var(--gap-2xl);
-} .confirmation-v1__noAttemptsLeftMessage_2il70 {
-    margin: var(--gap-2xs) 0 var(--gap-xs);
+} .confirmation-v1__getCodeButton_1qzrc {
+    margin-top: var(--gap-32);
+} .confirmation-v1__noAttemptsLeftMessage_1qzrc {
+    margin: var(--gap-4) 0 var(--gap-8);
 }

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

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"circle":"confirmation-v1__circle_15fn0"};
+var styles = {"circle":"confirmation-v1__circle_uvp4d"};
 require('./index.css');
 
 var SIZE = 16;

package/confirmation-v1/components/countdown-loader/index.css

@@ -19,7 +19,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .confirmation-v1__circle_15fn0 {
+} .confirmation-v1__circle_uvp4d {
     fill: transparent;
     stroke: var(--color-light-neutral-500);
     stroke-width: 2px;

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

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"confirmation-v1__component_brv0o","title":"confirmation-v1__title_brv0o","description":"confirmation-v1__description_brv0o","countdown":"confirmation-v1__countdown_brv0o","loader":"confirmation-v1__loader_brv0o","timePassed":"confirmation-v1__timePassed_brv0o","getCodeButton":"confirmation-v1__getCodeButton_brv0o","alertIcon":"confirmation-v1__alertIcon_brv0o"};
+var styles = {"component":"confirmation-v1__component_17x4j","title":"confirmation-v1__title_17x4j","description":"confirmation-v1__description_17x4j","countdown":"confirmation-v1__countdown_17x4j","loader":"confirmation-v1__loader_17x4j","timePassed":"confirmation-v1__timePassed_17x4j","getCodeButton":"confirmation-v1__getCodeButton_17x4j","alertIcon":"confirmation-v1__alertIcon_17x4j"};
 require('./index.css');
 
 var Overlimit = function (_a) {

package/confirmation-v1/components/overlimit/index.css

@@ -24,6 +24,11 @@
     --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -47,11 +52,11 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_brv0o {
+} .confirmation-v1__component_17x4j {
     display: flex;
     flex-direction: column;
     align-items: center;
-} .confirmation-v1__title_brv0o {
+} .confirmation-v1__title_17x4j {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -59,27 +64,27 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 
-    margin-bottom: var(--gap-3xl);
-} .confirmation-v1__description_brv0o {
+    margin-bottom: var(--gap-40);
+} .confirmation-v1__description_17x4j {
     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-v1__countdown_brv0o {
+} .confirmation-v1__countdown_17x4j {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-top: var(--gap-2xs);
-} .confirmation-v1__loader_brv0o {
-    margin-right: var(--gap-xs);
-} .confirmation-v1__timePassed_brv0o {
+    margin-top: var(--gap-4);
+} .confirmation-v1__loader_17x4j {
+    margin-right: var(--gap-8);
+} .confirmation-v1__timePassed_17x4j {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_brv0o {
-    margin-top: var(--gap-2xl);
-} .confirmation-v1__alertIcon_brv0o {
+} .confirmation-v1__getCodeButton_17x4j {
+    margin-top: var(--gap-32);
+} .confirmation-v1__alertIcon_17x4j {
     text-align: center;
-    margin-bottom: var(--gap-xl);
+    margin-bottom: var(--gap-24);
     color: var(--color-static-status-red);
 }

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

@@ -12,7 +12,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_1ypkq","countdown":"confirmation-v1__countdown_1ypkq","hidden":"confirmation-v1__hidden_1ypkq","header":"confirmation-v1__header_1ypkq","inputContainer":"confirmation-v1__inputContainer_1ypkq","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_1ypkq","smsComeLink":"confirmation-v1__smsComeLink_1ypkq","error":"confirmation-v1__error_1ypkq","loaderWrap":"confirmation-v1__loaderWrap_1ypkq","loaderText":"confirmation-v1__loaderText_1ypkq","center":"confirmation-v1__center_1ypkq","codeInput":"confirmation-v1__codeInput_1ypkq"};
+var styles = {"component":"confirmation-v1__component_wns3o","countdown":"confirmation-v1__countdown_wns3o","hidden":"confirmation-v1__hidden_wns3o","header":"confirmation-v1__header_wns3o","inputContainer":"confirmation-v1__inputContainer_wns3o","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_wns3o","smsComeLink":"confirmation-v1__smsComeLink_wns3o","error":"confirmation-v1__error_wns3o","loaderWrap":"confirmation-v1__loaderWrap_wns3o","loaderText":"confirmation-v1__loaderText_wns3o","center":"confirmation-v1__center_wns3o","codeInput":"confirmation-v1__codeInput_wns3o"};
 require('./index.css');
 
 var SignConfirmation = function (_a) {

package/confirmation-v1/components/sign-confirmation/index.css

@@ -23,6 +23,10 @@
     --gap-3xl: 40px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-20: var(--gap-l);
+    --gap-40: var(--gap-3xl);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -47,17 +51,17 @@
     --confirmation-error-color: var(--color-light-text-negative);
 
     /* input */
-} .confirmation-v1__component_1ypkq {
+} .confirmation-v1__component_wns3o {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__countdown_1ypkq {
+} .confirmation-v1__countdown_wns3o {
     max-height: 300px;
     overflow: hidden;
     transition: max-height 0.15s ease;
-} .confirmation-v1__hidden_1ypkq {
+} .confirmation-v1__hidden_wns3o {
     opacity: 0;
     max-height: 0;
-} .confirmation-v1__header_1ypkq {
+} .confirmation-v1__header_wns3o {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -65,38 +69,38 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 
-    margin-bottom: var(--gap-3xl);
+    margin-bottom: var(--gap-40);
     color: var(--confirmation-title-color);
-} .confirmation-v1__inputContainer_1ypkq {
+} .confirmation-v1__inputContainer_wns3o {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__smsComeLinkWrap_1ypkq {
-    margin-top: var(--gap-l);
-} .confirmation-v1__smsComeLink_1ypkq {
+} .confirmation-v1__smsComeLinkWrap_wns3o {
+    margin-top: var(--gap-20);
+} .confirmation-v1__smsComeLink_wns3o {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .confirmation-v1__error_1ypkq {
+} .confirmation-v1__error_wns3o {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
-    margin-top: var(--gap-xs);
+    margin-top: var(--gap-8);
     color: var(--confirmation-error-color);
-} .confirmation-v1__loaderWrap_1ypkq {
+} .confirmation-v1__loaderWrap_wns3o {
     display: flex;
     align-items: center;
-    margin: var(--gap-3xl) 0 var(--gap-xs);
-} .confirmation-v1__loaderText_1ypkq {
+    margin: var(--gap-40) 0 var(--gap-8);
+} .confirmation-v1__loaderText_wns3o {
     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);
 
-    margin-left: var(--gap-s);
+    margin-left: var(--gap-12);
     color: var(--confirmation-text-color);
-} .confirmation-v1__center_1ypkq .confirmation-v1__codeInput_1ypkq,
-    .confirmation-v1__center_1ypkq .confirmation-v1__loaderWrap_1ypkq {
+} .confirmation-v1__center_wns3o .confirmation-v1__codeInput_wns3o,
+    .confirmation-v1__center_wns3o .confirmation-v1__loaderWrap_wns3o {
         justify-content: center;
     }

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

@@ -23,6 +23,8 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
 } :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -48,7 +50,7 @@
     flex-shrink: 0;
     width: 36px;
     height: 48px;
-    margin-right: var(--gap-xs);
+    margin-right: var(--gap-8);
     padding: 0;
     background-color: var(--confirmation-input-bg-color);
     border: none;
@@ -65,7 +67,7 @@
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
     } .input.center {
-        margin: 0 var(--gap-2xs);
+        margin: 0 var(--gap-4);
     } .input.disabled {
         color: var(--color-light-text-tertiary);
         opacity: 1;