@alfalab/core-components-confirmation 15.2.2 → 15.2.3-alfasans

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

@@ -9,18 +9,19 @@
     --gap-32: 32px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --confirmation-text-color: var(--color-light-text-primary);
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-hint-text-color: var(--color-light-text-primary);
     --confirmation-hint-phone-description-color: var(--color-light-text-primary);
     --confirmation-hint-text-margin-bottom: var(--gap-24);
@@ -34,83 +35,84 @@
     --confirmation-hint-phone-item-margin-bottom-mobile: var(--gap-8);
     --confirmation-hint-button-margin-top-mobile: var(--gap-32);
 }
-.confirmation__component_1dtn7 {
+.confirmation__component_fyn01 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__component_1dtn7 span:last-of-type {
+.confirmation__component_fyn01 span:last-of-type {
         margin-bottom: var(--gap-0);
     }
-.confirmation__center_1dtn7 {
+.confirmation__center_fyn01 {
     align-items: center;
     text-align: center;
 }
-.confirmation__text_1dtn7.confirmation__text_1dtn7 {
+.confirmation__text_fyn01.confirmation__text_fyn01 {
     margin-bottom: var(--confirmation-hint-text-margin-bottom);
 }
-.confirmation__text_1dtn7.confirmation__textMobile_1dtn7 {
+.confirmation__text_fyn01.confirmation__textMobile_fyn01 {
     margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
 }
-.confirmation__typographyTheme_1dtn7.confirmation__typographyTheme_1dtn7 {
+.confirmation__typographyTheme_fyn01.confirmation__typographyTheme_fyn01 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
     color: var(--confirmation-hint-text-color);
 }
-.confirmation__typographyThemeMobile_1dtn7.confirmation__typographyThemeMobile_1dtn7 {
+.confirmation__typographyThemeMobile_fyn01.confirmation__typographyThemeMobile_fyn01 {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
     color: var(--confirmation-hint-text-color-mobile);
 }
-.confirmation__phoneDescription_1dtn7.confirmation__phoneDescription_1dtn7 {
+.confirmation__phoneDescription_fyn01.confirmation__phoneDescription_fyn01 {
     color: var(--confirmation-hint-phone-description-color);
 }
-.confirmation__phoneDescriptionMobile_1dtn7.confirmation__phoneDescriptionMobile_1dtn7 {
+.confirmation__phoneDescriptionMobile_fyn01.confirmation__phoneDescriptionMobile_fyn01 {
     color: var(--confirmation-hint-phone-description-color-mobile);
 }
-.confirmation__phonesWrap_1dtn7 {
+.confirmation__phonesWrap_fyn01 {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--confirmation-hint-phones-margin-bottom);
 }
-.confirmation__phonesWrap_1dtn7.confirmation__phonesWrapMobile_1dtn7 {
+.confirmation__phonesWrap_fyn01.confirmation__phonesWrapMobile_fyn01 {
     margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_1dtn7 {
+.confirmation__phoneWrap_fyn01 {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
 }
-.confirmation__phoneWrap_1dtn7:last-child {
+.confirmation__phoneWrap_fyn01:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneWrap_1dtn7.confirmation__phoneWrapMobile_1dtn7 {
+.confirmation__phoneWrap_fyn01.confirmation__phoneWrapMobile_fyn01 {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_1dtn7.confirmation__phoneWrapMobile_1dtn7:last-child {
+.confirmation__phoneWrap_fyn01.confirmation__phoneWrapMobile_fyn01:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneLink_1dtn7.confirmation__phoneLink_1dtn7 {
+.confirmation__phoneLink_fyn01.confirmation__phoneLink_fyn01 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.05px;
+    font-family: var(--font-family-alfasans);
 }
-.confirmation__phoneLink_1dtn7.confirmation__phoneLinkMobile_1dtn7 {
+.confirmation__phoneLink_fyn01.confirmation__phoneLinkMobile_fyn01 {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
 }
-.confirmation__hintButton_1dtn7 {
+.confirmation__hintButton_fyn01 {
     margin-top: var(--confirmation-hint-button-margin-top);
 }
-.confirmation__hintButton_1dtn7.confirmation__hintButtonMobile_1dtn7 {
+.confirmation__hintButton_fyn01.confirmation__hintButtonMobile_fyn01 {
     margin-top: var(--confirmation-hint-button-margin-top-mobile);
 }
-.confirmation__phoneContentMobile_1dtn7 {
+.confirmation__phoneContentMobile_fyn01 {
     display: flex;
     flex-direction: column;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"confirmation__component_1dtn7","center":"confirmation__center_1dtn7","text":"confirmation__text_1dtn7","textMobile":"confirmation__textMobile_1dtn7","typographyTheme":"confirmation__typographyTheme_1dtn7","typographyThemeMobile":"confirmation__typographyThemeMobile_1dtn7","phoneDescription":"confirmation__phoneDescription_1dtn7","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_1dtn7","phonesWrap":"confirmation__phonesWrap_1dtn7","phonesWrapMobile":"confirmation__phonesWrapMobile_1dtn7","phoneWrap":"confirmation__phoneWrap_1dtn7","phoneWrapMobile":"confirmation__phoneWrapMobile_1dtn7","phoneLink":"confirmation__phoneLink_1dtn7","phoneLinkMobile":"confirmation__phoneLinkMobile_1dtn7","hintButton":"confirmation__hintButton_1dtn7","hintButtonMobile":"confirmation__hintButtonMobile_1dtn7","phoneContentMobile":"confirmation__phoneContentMobile_1dtn7"};
+const styles = {"component":"confirmation__component_fyn01","center":"confirmation__center_fyn01","text":"confirmation__text_fyn01","textMobile":"confirmation__textMobile_fyn01","typographyTheme":"confirmation__typographyTheme_fyn01","typographyThemeMobile":"confirmation__typographyThemeMobile_fyn01","phoneDescription":"confirmation__phoneDescription_fyn01","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_fyn01","phonesWrap":"confirmation__phonesWrap_fyn01","phonesWrapMobile":"confirmation__phonesWrapMobile_fyn01","phoneWrap":"confirmation__phoneWrap_fyn01","phoneWrapMobile":"confirmation__phoneWrapMobile_fyn01","phoneLink":"confirmation__phoneLink_fyn01","phoneLinkMobile":"confirmation__phoneLinkMobile_fyn01","hintButton":"confirmation__hintButton_fyn01","hintButtonMobile":"confirmation__hintButtonMobile_fyn01","phoneContentMobile":"confirmation__phoneContentMobile_fyn01"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -12,8 +12,9 @@
     --gap-4-neg: -4px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --size-xs-height: 40px;
@@ -23,10 +24,10 @@
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-countdown-height: auto;
     --confirmation-phone-margin-bottom: var(--gap-32);
     --confirmation-phone-label-color: var(--color-light-text-primary);
@@ -47,100 +48,101 @@
     --confirmation-countdown-loader-margin-bottom-mobile: var(--gap-16);
     --confirmation-countdown-margin-bottom-mobile: var(--gap-20);
 }
-.confirmation__component_aevvy {
+.confirmation__component_uolki {
     display: flex;
     flex-direction: column;
 }
-.confirmation__phone_aevvy.confirmation__phone_aevvy {
+.confirmation__phone_uolki.confirmation__phone_uolki {
     color: var(--color-light-text-primary);
     margin-bottom: var(--confirmation-phone-margin-bottom);
 }
-.confirmation__phone_aevvy.confirmation__phoneMobile_aevvy {
+.confirmation__phone_uolki.confirmation__phoneMobile_uolki {
     margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
 }
-.confirmation__phoneLabel_aevvy {
+.confirmation__phoneLabel_uolki {
     color: var(--confirmation-phone-label-color);
 }
-.confirmation__phoneLabelMobile_aevvy {
+.confirmation__phoneLabelMobile_uolki {
     color: var(--confirmation-phone-label-color-mobile);
 }
-.confirmation__phoneNumber_aevvy {
+.confirmation__phoneNumber_uolki {
     color: var(--confirmation-phone-number-color);
 }
-.confirmation__phoneNumberMobile_aevvy {
+.confirmation__phoneNumberMobile_uolki {
     color: var(--confirmation-phone-number-color-mobile);
 }
-.confirmation__typographyTheme_aevvy.confirmation__typographyTheme_aevvy {
+.confirmation__typographyTheme_uolki.confirmation__typographyTheme_uolki {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_aevvy.confirmation__typographyThemeMobile_aevvy {
+.confirmation__typographyThemeMobile_uolki.confirmation__typographyThemeMobile_uolki {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
     color: var(--color-light-text-secondary);
 }
-.confirmation__compact_aevvy {
+.confirmation__compact_uolki {
     margin-bottom: var(--gap-24);
 }
-.confirmation__loaderWrap_aevvy {
+.confirmation__loaderWrap_uolki {
     display: flex;
     align-items: center;
 }
-.confirmation__left_aevvy {
+.confirmation__left_uolki {
     align-items: flex-start;
 }
-.confirmation__center_aevvy {
+.confirmation__center_uolki {
     align-items: center;
     text-align: center;
 }
-.confirmation__center_aevvy .confirmation__loaderWrap_aevvy {
+.confirmation__center_uolki .confirmation__loaderWrap_uolki {
         justify-content: center;
     }
-.confirmation__center_aevvy .confirmation__countdownMobile_aevvy {
+.confirmation__center_uolki .confirmation__countdownMobile_uolki {
         justify-content: center;
     }
-.confirmation__codeInput_aevvy {
+.confirmation__codeInput_uolki {
     margin-bottom: var(--confirmation-input-margin-bottom);
 }
-.confirmation__codeInput_aevvy.confirmation__codeInputMobile_aevvy {
+.confirmation__codeInput_uolki.confirmation__codeInputMobile_uolki {
     margin-bottom: var(--confirmation-input-margin-bottom-mobile);
 }
-.confirmation__smsBtn_aevvy.confirmation__smsBtn_aevvy {
+.confirmation__smsBtn_uolki.confirmation__smsBtn_uolki {
     min-height: var(--size-xs-height);
 }
-.confirmation__smsComeLink_aevvy.confirmation__smsComeLink_aevvy {
+.confirmation__smsComeLink_uolki.confirmation__smsComeLink_uolki {
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-    font-family: var(--font-family-system);
+    letter-spacing: 0.07px;
+    font-family: var(--font-family-alfasans);
 }
-.confirmation__countdownContainer_aevvy.confirmation__countdownContainer_aevvy {
+.confirmation__countdownContainer_uolki.confirmation__countdownContainer_uolki {
     color: var(--color-light-text-secondary);
     height: var(--confirmation-countdown-height);
     margin-bottom: var(--confirmation-countdown-margin-bottom);
 }
-.confirmation__countdownMobile_aevvy.confirmation__countdownMobile_aevvy {
+.confirmation__countdownMobile_uolki.confirmation__countdownMobile_uolki {
     display: flex;
     align-items: center;
     width: 100%;
     margin-bottom: var(--confirmation-countdown-margin-bottom-mobile);
 }
-.confirmation__loaderWrap_aevvy.confirmation__loaderWrap_aevvy {
+.confirmation__loaderWrap_uolki.confirmation__loaderWrap_uolki {
     margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
 }
-.confirmation__countdownLoaderMobile_aevvy.confirmation__countdownLoaderMobile_aevvy {
+.confirmation__countdownLoaderMobile_uolki.confirmation__countdownLoaderMobile_uolki {
     width: 100%;
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
     margin-bottom: var(--confirmation-countdown-loader-margin-bottom-mobile);
 }
-.confirmation__timeCounter_aevvy {
+.confirmation__timeCounter_uolki {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
@@ -148,24 +150,24 @@
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
 }
-.confirmation__timeCounterMobile_aevvy {
+.confirmation__timeCounterMobile_uolki {
     min-width: 0;
     text-align: inherit;
 }
-.confirmation__getCodeButton_aevvy {
+.confirmation__getCodeButton_uolki {
     position: relative;
     top: var(--confirmation-code-button-top);
     margin-bottom: var(--confirmation-code-button-margin-bottom);
 }
-.confirmation__getCodeButtonMobile_aevvy {
+.confirmation__getCodeButtonMobile_uolki {
     margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
 }
-.confirmation__getCodeButton_aevvy.confirmation__getCodeButtonMobile_aevvy {
+.confirmation__getCodeButton_uolki.confirmation__getCodeButtonMobile_uolki {
     top: var(--confirmation-code-button-top-mobile);
 }
-.confirmation__containerInput_aevvy {
+.confirmation__containerInput_uolki {
     min-height: var(--confirmation-input-min-height);
 }
-.confirmation__containerInput_aevvy.confirmation__codeInputMobile_aevvy {
+.confirmation__containerInput_uolki.confirmation__codeInputMobile_uolki {
     min-height: var(--confirmation-input-min-height-mobile);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"confirmation__component_aevvy","phone":"confirmation__phone_aevvy","phoneMobile":"confirmation__phoneMobile_aevvy","phoneLabel":"confirmation__phoneLabel_aevvy","phoneLabelMobile":"confirmation__phoneLabelMobile_aevvy","phoneNumber":"confirmation__phoneNumber_aevvy","phoneNumberMobile":"confirmation__phoneNumberMobile_aevvy","typographyTheme":"confirmation__typographyTheme_aevvy","typographyThemeMobile":"confirmation__typographyThemeMobile_aevvy","compact":"confirmation__compact_aevvy","loaderWrap":"confirmation__loaderWrap_aevvy","left":"confirmation__left_aevvy","center":"confirmation__center_aevvy","countdownMobile":"confirmation__countdownMobile_aevvy","codeInput":"confirmation__codeInput_aevvy","codeInputMobile":"confirmation__codeInputMobile_aevvy","smsBtn":"confirmation__smsBtn_aevvy","smsComeLink":"confirmation__smsComeLink_aevvy","countdownContainer":"confirmation__countdownContainer_aevvy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_aevvy","timeCounter":"confirmation__timeCounter_aevvy","timeCounterMobile":"confirmation__timeCounterMobile_aevvy","getCodeButton":"confirmation__getCodeButton_aevvy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_aevvy","containerInput":"confirmation__containerInput_aevvy"};
+const styles = {"component":"confirmation__component_uolki","phone":"confirmation__phone_uolki","phoneMobile":"confirmation__phoneMobile_uolki","phoneLabel":"confirmation__phoneLabel_uolki","phoneLabelMobile":"confirmation__phoneLabelMobile_uolki","phoneNumber":"confirmation__phoneNumber_uolki","phoneNumberMobile":"confirmation__phoneNumberMobile_uolki","typographyTheme":"confirmation__typographyTheme_uolki","typographyThemeMobile":"confirmation__typographyThemeMobile_uolki","compact":"confirmation__compact_uolki","loaderWrap":"confirmation__loaderWrap_uolki","left":"confirmation__left_uolki","center":"confirmation__center_uolki","countdownMobile":"confirmation__countdownMobile_uolki","codeInput":"confirmation__codeInput_uolki","codeInputMobile":"confirmation__codeInputMobile_uolki","smsBtn":"confirmation__smsBtn_uolki","smsComeLink":"confirmation__smsComeLink_uolki","countdownContainer":"confirmation__countdownContainer_uolki","countdownLoaderMobile":"confirmation__countdownLoaderMobile_uolki","timeCounter":"confirmation__timeCounter_uolki","timeCounterMobile":"confirmation__timeCounterMobile_uolki","getCodeButton":"confirmation__getCodeButton_uolki","getCodeButtonMobile":"confirmation__getCodeButtonMobile_uolki","containerInput":"confirmation__containerInput_uolki"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,62 +6,63 @@
     --gap-8: 8px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --confirmation-text-color: var(--color-light-text-primary);
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-temp-block-description-color: var(--color-light-text-primary);
     --confirmation-temp-block-description-margin-bottom: var(--gap-8);
     --confirmation-temp-block-description-color-mobile: var(--color-light-text-secondary);
     --confirmation-temp-block-description-margin-bottom-mobile: var(--gap-8);
 }
-.confirmation__component_1n17x {
+.confirmation__component_2tvdv {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_1n17x {
+.confirmation__center_2tvdv {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_1n17x.confirmation__typographyTheme_1n17x {
+.confirmation__typographyTheme_2tvdv.confirmation__typographyTheme_2tvdv {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
     color: var(--confirmation-temp-block-description-color);
 }
-.confirmation__typographyThemeMobile_1n17x.confirmation__typographyThemeMobile_1n17x {
+.confirmation__typographyThemeMobile_2tvdv.confirmation__typographyThemeMobile_2tvdv {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
     color: var(--confirmation-temp-block-description-color-mobile);
 }
-.confirmation__description_1n17x.confirmation__description_1n17x {
+.confirmation__description_2tvdv.confirmation__description_2tvdv {
     margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
 }
-.confirmation__description_1n17x.confirmation__descriptionMobile_1n17x {
+.confirmation__description_2tvdv.confirmation__descriptionMobile_2tvdv {
     margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
 }
-.confirmation__countdownWrap_1n17x {
+.confirmation__countdownWrap_2tvdv {
     display: flex;
     align-items: center;
 }
-.confirmation__countdownWrapMobile_1n17x {
+.confirmation__countdownWrapMobile_2tvdv {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
 }
-.confirmation__timeCounter_1n17x {
+.confirmation__timeCounter_2tvdv {
     display: inline-block;
     min-width: 47px;
     color: var(--color-light-text-secondary);
@@ -69,6 +70,6 @@
     font-feature-settings: lining-nums tabular-nums;
     font-variant-numeric: lining-nums tabular-nums;
 }
-.confirmation__loader_1n17x {
+.confirmation__loader_2tvdv {
     margin-right: var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"confirmation__component_1n17x","center":"confirmation__center_1n17x","typographyTheme":"confirmation__typographyTheme_1n17x","typographyThemeMobile":"confirmation__typographyThemeMobile_1n17x","description":"confirmation__description_1n17x","descriptionMobile":"confirmation__descriptionMobile_1n17x","countdownWrap":"confirmation__countdownWrap_1n17x","countdownWrapMobile":"confirmation__countdownWrapMobile_1n17x","timeCounter":"confirmation__timeCounter_1n17x","loader":"confirmation__loader_1n17x"};
+const styles = {"component":"confirmation__component_2tvdv","center":"confirmation__center_2tvdv","typographyTheme":"confirmation__typographyTheme_2tvdv","typographyThemeMobile":"confirmation__typographyThemeMobile_2tvdv","description":"confirmation__description_2tvdv","descriptionMobile":"confirmation__descriptionMobile_2tvdv","countdownWrap":"confirmation__countdownWrap_2tvdv","countdownWrapMobile":"confirmation__countdownWrapMobile_2tvdv","timeCounter":"confirmation__timeCounter_2tvdv","loader":"confirmation__loader_2tvdv"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,46 +6,47 @@
     --gap-32: 32px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --confirmation-text-color: var(--color-light-text-primary);
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-temp-block-over-button-margin-top: var(--gap-32);
     --confirmation-temp-block-over-button-margin-top-mobile: var(--gap-32);
 }
-.confirmation__component_1v1yf {
+.confirmation__component_115kn {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_1v1yf {
+.confirmation__center_115kn {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_1v1yf.confirmation__typographyTheme_1v1yf {
+.confirmation__typographyTheme_115kn.confirmation__typographyTheme_115kn {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
 }
-.confirmation__typographyThemeMobile_1v1yf.confirmation__typographyThemeMobile_1v1yf {
+.confirmation__typographyThemeMobile_115kn.confirmation__typographyThemeMobile_115kn {
     font-size: var(--confirmation-text-font-size-mobile);
     line-height: var(--confirmation-text-line-height-mobile);
     letter-spacing: var(--confirmation-text-letter-spacing-mobile);
     color: var(--color-light-text-secondary);
 }
-.confirmation__button_1v1yf.confirmation__button_1v1yf {
+.confirmation__button_115kn.confirmation__button_115kn {
     margin-top: var(--confirmation-temp-block-over-button-margin-top);
 }
-.confirmation__button_1v1yf.confirmation__buttonMobile_1v1yf {
+.confirmation__button_115kn.confirmation__buttonMobile_115kn {
     margin-top: var(--confirmation-temp-block-over-button-margin-top-mobile);
 }

package/modern/components/screens/temp-block-over/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"confirmation__component_1v1yf","center":"confirmation__center_1v1yf","typographyTheme":"confirmation__typographyTheme_1v1yf","typographyThemeMobile":"confirmation__typographyThemeMobile_1v1yf","button":"confirmation__button_1v1yf","buttonMobile":"confirmation__buttonMobile_1v1yf"};
+const styles = {"component":"confirmation__component_115kn","center":"confirmation__center_115kn","typographyTheme":"confirmation__typographyTheme_115kn","typographyThemeMobile":"confirmation__typographyThemeMobile_115kn","button":"confirmation__button_115kn","buttonMobile":"confirmation__buttonMobile_115kn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/moderncssm/components/header/index.module.css

@@ -1,18 +1,18 @@
 
 
 :root {
-    --confirmation-header-font-family: var(--font-family-system);
+    --confirmation-header-font-family: var(--font-family-alfasans);
     --confirmation-header-font-size: 22px;
     --confirmation-header-font-weight: 700;
     --confirmation-header-line-height: 26px;
-    --confirmation-header-letter-spacing: normal;
+    --confirmation-header-letter-spacing: 0.2px;
     --confirmation-header-color: var(--color-light-text-primary);
     --confirmation-header-margin-bottom: var(--gap-24);
-    --confirmation-header-font-family-mobile: var(--font-family-system);
+    --confirmation-header-font-family-mobile: var(--font-family-alfasans);
     --confirmation-header-font-size-mobile: 20px;
     --confirmation-header-font-weight-mobile: 600;
     --confirmation-header-line-height-mobile: 28px;
-    --confirmation-header-line-letter-spacing-mobile: normal;
+    --confirmation-header-line-letter-spacing-mobile: -0.15px;
     --confirmation-header-color-mobile: var(--color-light-text-primary);
     --confirmation-header-margin-bottom-mobile: var(--gap-24);
 }

package/moderncssm/components/screens/fatal-error/index.module.css

@@ -5,10 +5,10 @@
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-fatal-error-description-color: var(--color-light-text-primary);
     --confirmation-fatal-error-button-margin-top: var(--gap-32);
     --confirmation-fatal-error-description-color-mobile: var(--color-light-text-secondary);
@@ -25,7 +25,7 @@
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
     color: var(--confirmation-fatal-error-description-color);
 }

package/moderncssm/components/screens/hint/index.module.css

@@ -5,10 +5,10 @@
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-hint-text-color: var(--color-light-text-primary);
     --confirmation-hint-phone-description-color: var(--color-light-text-primary);
     --confirmation-hint-text-margin-bottom: var(--gap-24);
@@ -51,7 +51,7 @@
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
     color: var(--confirmation-hint-text-color);
 }
@@ -101,7 +101,8 @@
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.05px;
+    font-family: var(--font-family-alfasans);
 }
 
 .phoneLink.phoneLinkMobile {

package/moderncssm/components/screens/initial/index.module.css

@@ -5,10 +5,10 @@
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-countdown-height: auto;
     --confirmation-phone-margin-bottom: var(--gap-32);
     --confirmation-phone-label-color: var(--color-light-text-primary);
@@ -65,7 +65,7 @@
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
 }
 
@@ -118,7 +118,8 @@
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
-    font-family: var(--font-family-system);
+    letter-spacing: 0.07px;
+    font-family: var(--font-family-alfasans);
 }
 
 .countdownContainer.countdownContainer {

package/moderncssm/components/screens/temp-block/index.module.css

@@ -5,10 +5,10 @@
     --confirmation-text-font-size: 16px;
     --confirmation-text-font-weight: 400;
     --confirmation-text-line-height: 24px;
-    --confirmation-text-letter-spacing: normal;
+    --confirmation-text-letter-spacing: -0.24px;
     --confirmation-text-font-size-mobile: 16px;
     --confirmation-text-line-height-mobile: 24px;
-    --confirmation-text-letter-spacing-mobile: normal;
+    --confirmation-text-letter-spacing-mobile: -0.24px;
     --confirmation-temp-block-description-color: var(--color-light-text-primary);
     --confirmation-temp-block-description-margin-bottom: var(--gap-8);
     --confirmation-temp-block-description-color-mobile: var(--color-light-text-secondary);
@@ -30,7 +30,7 @@
     line-height: var(--confirmation-text-line-height);
     letter-spacing: var(--confirmation-text-letter-spacing);
     font-weight: var(--confirmation-text-font-weight);
-    font-family: var(--font-family-system);
+    font-family: var(--font-family-alfasans);
     color: var(--confirmation-text-color);
     color: var(--confirmation-temp-block-description-color);
 }