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

package/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_15he8 {
+.confirmation__component_1tfxb {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_15he8 {
+.confirmation__center_1tfxb {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_15he8.confirmation__typographyTheme_15he8 {
+.confirmation__typographyTheme_1tfxb.confirmation__typographyTheme_1tfxb {
     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_15he8.confirmation__typographyThemeMobile_15he8 {
+.confirmation__typographyThemeMobile_1tfxb.confirmation__typographyThemeMobile_1tfxb {
     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_15he8.confirmation__button_15he8 {
+.confirmation__button_1tfxb.confirmation__button_1tfxb {
     margin-top: var(--confirmation-temp-block-over-button-margin-top);
 }
-.confirmation__button_15he8.confirmation__buttonMobile_15he8 {
+.confirmation__button_1tfxb.confirmation__buttonMobile_1tfxb {
     margin-top: var(--confirmation-temp-block-over-button-margin-top-mobile);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"confirmation__component_15he8","center":"confirmation__center_15he8","typographyTheme":"confirmation__typographyTheme_15he8","typographyThemeMobile":"confirmation__typographyThemeMobile_15he8","button":"confirmation__button_15he8","buttonMobile":"confirmation__buttonMobile_15he8"};
+var styles = {"component":"confirmation__component_1tfxb","center":"confirmation__center_1tfxb","typographyTheme":"confirmation__typographyTheme_1tfxb","typographyThemeMobile":"confirmation__typographyThemeMobile_1tfxb","button":"confirmation__button_1tfxb","buttonMobile":"confirmation__buttonMobile_1tfxb"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -5,22 +5,23 @@
     --gap-24: 24px;
 }
 :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-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/cssm/components/screens/fatal-error/index.module.css

@@ -6,18 +6,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-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);
@@ -32,7 +33,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/cssm/components/screens/hint/index.module.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);
@@ -57,7 +58,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);
 }
@@ -97,7 +98,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 {
     font-size: var(--confirmation-text-font-size-mobile);

package/cssm/components/screens/initial/index.module.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);
@@ -75,7 +76,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);
 }
 .typographyThemeMobile.typographyThemeMobile {
@@ -117,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 {
     color: var(--color-light-text-secondary);

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

@@ -6,18 +6,19 @@
     --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);
@@ -36,7 +37,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);
 }

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

@@ -6,18 +6,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-temp-block-over-button-margin-top: var(--gap-32);
     --confirmation-temp-block-over-button-margin-top-mobile: var(--gap-32);
 }
@@ -34,7 +35,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);
 }
 .typographyThemeMobile.typographyThemeMobile {

package/esm/components/base-confirmation/index.css

@@ -4,11 +4,11 @@
 :root {
     --gap-0: 0px;
 }
-.confirmation__component_2yiht {
+.confirmation__component_1xcho {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary);
 }
-.confirmation__component_2yiht.confirmation__center_2yiht {
+.confirmation__component_1xcho.confirmation__center_1xcho {
         margin: var(--gap-0) auto;
     }

package/esm/components/base-confirmation/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"confirmation__component_2yiht","center":"confirmation__center_2yiht"};
+var styles = {"component":"confirmation__component_1xcho","center":"confirmation__center_1xcho"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/countdown-loader/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-light-neutral-500: #babbc2;
 }
-.confirmation__circle_1kycn {
+.confirmation__circle_2os2a {
     fill: transparent;
     stroke: var(--color-light-neutral-500);
     stroke-width: 2px;

package/esm/components/countdown-loader/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"circle":"confirmation__circle_1kycn"};
+var styles = {"circle":"confirmation__circle_2os2a"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header/index.css

@@ -5,26 +5,27 @@
     --gap-24: 24px;
 }
 :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-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);
 }
-.confirmation__header_w7b4o.confirmation__header_w7b4o {
+.confirmation__header_1pex3.confirmation__header_1pex3 {
         margin-bottom: var(--confirmation-header-margin-bottom);
         font-family: var(--confirmation-header-font-family);
         font-size: var(--confirmation-header-font-size);
@@ -33,7 +34,7 @@
         letter-spacing: var(--confirmation-header-letter-spacing);
         color: var(--confirmation-header-color);
     }
-.confirmation__headerMobile_w7b4o.confirmation__headerMobile_w7b4o {
+.confirmation__headerMobile_1pex3.confirmation__headerMobile_1pex3 {
         margin-bottom: var(--confirmation-header-margin-bottom-mobile);
         font-family: var(--confirmation-header-font-family-mobile);
         font-size: var(--confirmation-header-font-size-mobile);

package/esm/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"header":"confirmation__header_w7b4o","headerMobile":"confirmation__headerMobile_w7b4o"};
+var styles = {"header":"confirmation__header_1pex3","headerMobile":"confirmation__headerMobile_1pex3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,52 +6,53 @@
     --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-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);
     --confirmation-fatal-error-button-margin-top-mobile: var(--gap-32);
 }
-.confirmation__component_g8gcq {
+.confirmation__component_2klye {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_g8gcq.confirmation__typographyTheme_g8gcq {
+.confirmation__typographyTheme_2klye.confirmation__typographyTheme_2klye {
     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-fatal-error-description-color);
 }
-.confirmation__typographyThemeMobile_g8gcq.confirmation__typographyThemeMobile_g8gcq {
+.confirmation__typographyThemeMobile_2klye.confirmation__typographyThemeMobile_2klye {
     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-fatal-error-description-color-mobile);
 }
-.confirmation__left_g8gcq {
+.confirmation__left_2klye {
     align-items: flex-start;
 }
-.confirmation__center_g8gcq {
+.confirmation__center_2klye {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_g8gcq.confirmation__button_g8gcq {
+.confirmation__button_2klye.confirmation__button_2klye {
     margin-top: var(--confirmation-fatal-error-button-margin-top);
 }
-.confirmation__button_g8gcq.confirmation__buttonMobile_g8gcq {
+.confirmation__button_2klye.confirmation__buttonMobile_2klye {
     margin-top: var(--confirmation-fatal-error-button-margin-top-mobile);
 }

package/esm/components/screens/fatal-error/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"confirmation__component_g8gcq","typographyTheme":"confirmation__typographyTheme_g8gcq","typographyThemeMobile":"confirmation__typographyThemeMobile_g8gcq","left":"confirmation__left_g8gcq","center":"confirmation__center_g8gcq","button":"confirmation__button_g8gcq","buttonMobile":"confirmation__buttonMobile_g8gcq"};
+var styles = {"component":"confirmation__component_2klye","typographyTheme":"confirmation__typographyTheme_2klye","typographyThemeMobile":"confirmation__typographyThemeMobile_2klye","left":"confirmation__left_2klye","center":"confirmation__center_2klye","button":"confirmation__button_2klye","buttonMobile":"confirmation__buttonMobile_2klye"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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_1r2mw {
+.confirmation__component_c1fjr {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__component_1r2mw span:last-of-type {
+.confirmation__component_c1fjr span:last-of-type {
         margin-bottom: var(--gap-0);
     }
-.confirmation__center_1r2mw {
+.confirmation__center_c1fjr {
     align-items: center;
     text-align: center;
 }
-.confirmation__text_1r2mw.confirmation__text_1r2mw {
+.confirmation__text_c1fjr.confirmation__text_c1fjr {
     margin-bottom: var(--confirmation-hint-text-margin-bottom);
 }
-.confirmation__text_1r2mw.confirmation__textMobile_1r2mw {
+.confirmation__text_c1fjr.confirmation__textMobile_c1fjr {
     margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
 }
-.confirmation__typographyTheme_1r2mw.confirmation__typographyTheme_1r2mw {
+.confirmation__typographyTheme_c1fjr.confirmation__typographyTheme_c1fjr {
     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_1r2mw.confirmation__typographyThemeMobile_1r2mw {
+.confirmation__typographyThemeMobile_c1fjr.confirmation__typographyThemeMobile_c1fjr {
     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_1r2mw.confirmation__phoneDescription_1r2mw {
+.confirmation__phoneDescription_c1fjr.confirmation__phoneDescription_c1fjr {
     color: var(--confirmation-hint-phone-description-color);
 }
-.confirmation__phoneDescriptionMobile_1r2mw.confirmation__phoneDescriptionMobile_1r2mw {
+.confirmation__phoneDescriptionMobile_c1fjr.confirmation__phoneDescriptionMobile_c1fjr {
     color: var(--confirmation-hint-phone-description-color-mobile);
 }
-.confirmation__phonesWrap_1r2mw {
+.confirmation__phonesWrap_c1fjr {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--confirmation-hint-phones-margin-bottom);
 }
-.confirmation__phonesWrap_1r2mw.confirmation__phonesWrapMobile_1r2mw {
+.confirmation__phonesWrap_c1fjr.confirmation__phonesWrapMobile_c1fjr {
     margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_1r2mw {
+.confirmation__phoneWrap_c1fjr {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
 }
-.confirmation__phoneWrap_1r2mw:last-child {
+.confirmation__phoneWrap_c1fjr:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneWrap_1r2mw.confirmation__phoneWrapMobile_1r2mw {
+.confirmation__phoneWrap_c1fjr.confirmation__phoneWrapMobile_c1fjr {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_1r2mw.confirmation__phoneWrapMobile_1r2mw:last-child {
+.confirmation__phoneWrap_c1fjr.confirmation__phoneWrapMobile_c1fjr:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneLink_1r2mw.confirmation__phoneLink_1r2mw {
+.confirmation__phoneLink_c1fjr.confirmation__phoneLink_c1fjr {
     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_1r2mw.confirmation__phoneLinkMobile_1r2mw {
+.confirmation__phoneLink_c1fjr.confirmation__phoneLinkMobile_c1fjr {
     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_1r2mw {
+.confirmation__hintButton_c1fjr {
     margin-top: var(--confirmation-hint-button-margin-top);
 }
-.confirmation__hintButton_1r2mw.confirmation__hintButtonMobile_1r2mw {
+.confirmation__hintButton_c1fjr.confirmation__hintButtonMobile_c1fjr {
     margin-top: var(--confirmation-hint-button-margin-top-mobile);
 }
-.confirmation__phoneContentMobile_1r2mw {
+.confirmation__phoneContentMobile_c1fjr {
     display: flex;
     flex-direction: column;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"confirmation__component_1r2mw","center":"confirmation__center_1r2mw","text":"confirmation__text_1r2mw","textMobile":"confirmation__textMobile_1r2mw","typographyTheme":"confirmation__typographyTheme_1r2mw","typographyThemeMobile":"confirmation__typographyThemeMobile_1r2mw","phoneDescription":"confirmation__phoneDescription_1r2mw","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_1r2mw","phonesWrap":"confirmation__phonesWrap_1r2mw","phonesWrapMobile":"confirmation__phonesWrapMobile_1r2mw","phoneWrap":"confirmation__phoneWrap_1r2mw","phoneWrapMobile":"confirmation__phoneWrapMobile_1r2mw","phoneLink":"confirmation__phoneLink_1r2mw","phoneLinkMobile":"confirmation__phoneLinkMobile_1r2mw","hintButton":"confirmation__hintButton_1r2mw","hintButtonMobile":"confirmation__hintButtonMobile_1r2mw","phoneContentMobile":"confirmation__phoneContentMobile_1r2mw"};
+var styles = {"component":"confirmation__component_c1fjr","center":"confirmation__center_c1fjr","text":"confirmation__text_c1fjr","textMobile":"confirmation__textMobile_c1fjr","typographyTheme":"confirmation__typographyTheme_c1fjr","typographyThemeMobile":"confirmation__typographyThemeMobile_c1fjr","phoneDescription":"confirmation__phoneDescription_c1fjr","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_c1fjr","phonesWrap":"confirmation__phonesWrap_c1fjr","phonesWrapMobile":"confirmation__phonesWrapMobile_c1fjr","phoneWrap":"confirmation__phoneWrap_c1fjr","phoneWrapMobile":"confirmation__phoneWrapMobile_c1fjr","phoneLink":"confirmation__phoneLink_c1fjr","phoneLinkMobile":"confirmation__phoneLinkMobile_c1fjr","hintButton":"confirmation__hintButton_c1fjr","hintButtonMobile":"confirmation__hintButtonMobile_c1fjr","phoneContentMobile":"confirmation__phoneContentMobile_c1fjr"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map