@alfalab/core-components-confirmation 15.2.3 → 15.2.4-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_ca3m8 {
+.confirmation__component_5bg6o {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_ca3m8 {
+.confirmation__center_5bg6o {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_ca3m8.confirmation__typographyTheme_ca3m8 {
+.confirmation__typographyTheme_5bg6o.confirmation__typographyTheme_5bg6o {
     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_ca3m8.confirmation__typographyThemeMobile_ca3m8 {
+.confirmation__typographyThemeMobile_5bg6o.confirmation__typographyThemeMobile_5bg6o {
     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_ca3m8.confirmation__button_ca3m8 {
+.confirmation__button_5bg6o.confirmation__button_5bg6o {
     margin-top: var(--confirmation-temp-block-over-button-margin-top);
 }
-.confirmation__button_ca3m8.confirmation__buttonMobile_ca3m8 {
+.confirmation__button_5bg6o.confirmation__buttonMobile_5bg6o {
     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_ca3m8","center":"confirmation__center_ca3m8","typographyTheme":"confirmation__typographyTheme_ca3m8","typographyThemeMobile":"confirmation__typographyThemeMobile_ca3m8","button":"confirmation__button_ca3m8","buttonMobile":"confirmation__buttonMobile_ca3m8"};
+var styles = {"component":"confirmation__component_5bg6o","center":"confirmation__center_5bg6o","typographyTheme":"confirmation__typographyTheme_5bg6o","typographyThemeMobile":"confirmation__typographyThemeMobile_5bg6o","button":"confirmation__button_5bg6o","buttonMobile":"confirmation__buttonMobile_5bg6o"};
 
 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_tmqvi {
+.confirmation__component_1oyx0 {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary);
 }
-.confirmation__component_tmqvi.confirmation__center_tmqvi {
+.confirmation__component_1oyx0.confirmation__center_1oyx0 {
         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_tmqvi","center":"confirmation__center_tmqvi"};
+var styles = {"component":"confirmation__component_1oyx0","center":"confirmation__center_1oyx0"};
 
 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_f4j6v {
+.confirmation__circle_84x6q {
     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_f4j6v"};
+var styles = {"circle":"confirmation__circle_84x6q"};
 
 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_1m9y1.confirmation__header_1m9y1 {
+.confirmation__header_1wsiz.confirmation__header_1wsiz {
         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_1m9y1.confirmation__headerMobile_1m9y1 {
+.confirmation__headerMobile_1wsiz.confirmation__headerMobile_1wsiz {
         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_1m9y1","headerMobile":"confirmation__headerMobile_1m9y1"};
+var styles = {"header":"confirmation__header_1wsiz","headerMobile":"confirmation__headerMobile_1wsiz"};
 
 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_16b39 {
+.confirmation__component_adm1c {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_16b39.confirmation__typographyTheme_16b39 {
+.confirmation__typographyTheme_adm1c.confirmation__typographyTheme_adm1c {
     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_16b39.confirmation__typographyThemeMobile_16b39 {
+.confirmation__typographyThemeMobile_adm1c.confirmation__typographyThemeMobile_adm1c {
     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_16b39 {
+.confirmation__left_adm1c {
     align-items: flex-start;
 }
-.confirmation__center_16b39 {
+.confirmation__center_adm1c {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_16b39.confirmation__button_16b39 {
+.confirmation__button_adm1c.confirmation__button_adm1c {
     margin-top: var(--confirmation-fatal-error-button-margin-top);
 }
-.confirmation__button_16b39.confirmation__buttonMobile_16b39 {
+.confirmation__button_adm1c.confirmation__buttonMobile_adm1c {
     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_16b39","typographyTheme":"confirmation__typographyTheme_16b39","typographyThemeMobile":"confirmation__typographyThemeMobile_16b39","left":"confirmation__left_16b39","center":"confirmation__center_16b39","button":"confirmation__button_16b39","buttonMobile":"confirmation__buttonMobile_16b39"};
+var styles = {"component":"confirmation__component_adm1c","typographyTheme":"confirmation__typographyTheme_adm1c","typographyThemeMobile":"confirmation__typographyThemeMobile_adm1c","left":"confirmation__left_adm1c","center":"confirmation__center_adm1c","button":"confirmation__button_adm1c","buttonMobile":"confirmation__buttonMobile_adm1c"};
 
 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_ipr89 {
+.confirmation__component_6lafb {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__component_ipr89 span:last-of-type {
+.confirmation__component_6lafb span:last-of-type {
         margin-bottom: var(--gap-0);
     }
-.confirmation__center_ipr89 {
+.confirmation__center_6lafb {
     align-items: center;
     text-align: center;
 }
-.confirmation__text_ipr89.confirmation__text_ipr89 {
+.confirmation__text_6lafb.confirmation__text_6lafb {
     margin-bottom: var(--confirmation-hint-text-margin-bottom);
 }
-.confirmation__text_ipr89.confirmation__textMobile_ipr89 {
+.confirmation__text_6lafb.confirmation__textMobile_6lafb {
     margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
 }
-.confirmation__typographyTheme_ipr89.confirmation__typographyTheme_ipr89 {
+.confirmation__typographyTheme_6lafb.confirmation__typographyTheme_6lafb {
     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_ipr89.confirmation__typographyThemeMobile_ipr89 {
+.confirmation__typographyThemeMobile_6lafb.confirmation__typographyThemeMobile_6lafb {
     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_ipr89.confirmation__phoneDescription_ipr89 {
+.confirmation__phoneDescription_6lafb.confirmation__phoneDescription_6lafb {
     color: var(--confirmation-hint-phone-description-color);
 }
-.confirmation__phoneDescriptionMobile_ipr89.confirmation__phoneDescriptionMobile_ipr89 {
+.confirmation__phoneDescriptionMobile_6lafb.confirmation__phoneDescriptionMobile_6lafb {
     color: var(--confirmation-hint-phone-description-color-mobile);
 }
-.confirmation__phonesWrap_ipr89 {
+.confirmation__phonesWrap_6lafb {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--confirmation-hint-phones-margin-bottom);
 }
-.confirmation__phonesWrap_ipr89.confirmation__phonesWrapMobile_ipr89 {
+.confirmation__phonesWrap_6lafb.confirmation__phonesWrapMobile_6lafb {
     margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_ipr89 {
+.confirmation__phoneWrap_6lafb {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
 }
-.confirmation__phoneWrap_ipr89:last-child {
+.confirmation__phoneWrap_6lafb:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneWrap_ipr89.confirmation__phoneWrapMobile_ipr89 {
+.confirmation__phoneWrap_6lafb.confirmation__phoneWrapMobile_6lafb {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_ipr89.confirmation__phoneWrapMobile_ipr89:last-child {
+.confirmation__phoneWrap_6lafb.confirmation__phoneWrapMobile_6lafb:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneLink_ipr89.confirmation__phoneLink_ipr89 {
+.confirmation__phoneLink_6lafb.confirmation__phoneLink_6lafb {
     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_ipr89.confirmation__phoneLinkMobile_ipr89 {
+.confirmation__phoneLink_6lafb.confirmation__phoneLinkMobile_6lafb {
     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_ipr89 {
+.confirmation__hintButton_6lafb {
     margin-top: var(--confirmation-hint-button-margin-top);
 }
-.confirmation__hintButton_ipr89.confirmation__hintButtonMobile_ipr89 {
+.confirmation__hintButton_6lafb.confirmation__hintButtonMobile_6lafb {
     margin-top: var(--confirmation-hint-button-margin-top-mobile);
 }
-.confirmation__phoneContentMobile_ipr89 {
+.confirmation__phoneContentMobile_6lafb {
     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_ipr89","center":"confirmation__center_ipr89","text":"confirmation__text_ipr89","textMobile":"confirmation__textMobile_ipr89","typographyTheme":"confirmation__typographyTheme_ipr89","typographyThemeMobile":"confirmation__typographyThemeMobile_ipr89","phoneDescription":"confirmation__phoneDescription_ipr89","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_ipr89","phonesWrap":"confirmation__phonesWrap_ipr89","phonesWrapMobile":"confirmation__phonesWrapMobile_ipr89","phoneWrap":"confirmation__phoneWrap_ipr89","phoneWrapMobile":"confirmation__phoneWrapMobile_ipr89","phoneLink":"confirmation__phoneLink_ipr89","phoneLinkMobile":"confirmation__phoneLinkMobile_ipr89","hintButton":"confirmation__hintButton_ipr89","hintButtonMobile":"confirmation__hintButtonMobile_ipr89","phoneContentMobile":"confirmation__phoneContentMobile_ipr89"};
+var styles = {"component":"confirmation__component_6lafb","center":"confirmation__center_6lafb","text":"confirmation__text_6lafb","textMobile":"confirmation__textMobile_6lafb","typographyTheme":"confirmation__typographyTheme_6lafb","typographyThemeMobile":"confirmation__typographyThemeMobile_6lafb","phoneDescription":"confirmation__phoneDescription_6lafb","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_6lafb","phonesWrap":"confirmation__phonesWrap_6lafb","phonesWrapMobile":"confirmation__phonesWrapMobile_6lafb","phoneWrap":"confirmation__phoneWrap_6lafb","phoneWrapMobile":"confirmation__phoneWrapMobile_6lafb","phoneLink":"confirmation__phoneLink_6lafb","phoneLinkMobile":"confirmation__phoneLinkMobile_6lafb","hintButton":"confirmation__hintButton_6lafb","hintButtonMobile":"confirmation__hintButtonMobile_6lafb","phoneContentMobile":"confirmation__phoneContentMobile_6lafb"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map