@alfalab/core-components-confirmation 15.2.4 → 15.2.5-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_6bvt6 {
+.confirmation__component_1c27j {
     display: flex;
     flex-direction: column;
 }
-.confirmation__center_6bvt6 {
+.confirmation__center_1c27j {
     align-items: center;
     text-align: center;
 }
-.confirmation__typographyTheme_6bvt6.confirmation__typographyTheme_6bvt6 {
+.confirmation__typographyTheme_1c27j.confirmation__typographyTheme_1c27j {
     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_6bvt6.confirmation__typographyThemeMobile_6bvt6 {
+.confirmation__typographyThemeMobile_1c27j.confirmation__typographyThemeMobile_1c27j {
     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_6bvt6.confirmation__button_6bvt6 {
+.confirmation__button_1c27j.confirmation__button_1c27j {
     margin-top: var(--confirmation-temp-block-over-button-margin-top);
 }
-.confirmation__button_6bvt6.confirmation__buttonMobile_6bvt6 {
+.confirmation__button_1c27j.confirmation__buttonMobile_1c27j {
     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_6bvt6","center":"confirmation__center_6bvt6","typographyTheme":"confirmation__typographyTheme_6bvt6","typographyThemeMobile":"confirmation__typographyThemeMobile_6bvt6","button":"confirmation__button_6bvt6","buttonMobile":"confirmation__buttonMobile_6bvt6"};
+var styles = {"component":"confirmation__component_1c27j","center":"confirmation__center_1c27j","typographyTheme":"confirmation__typographyTheme_1c27j","typographyThemeMobile":"confirmation__typographyThemeMobile_1c27j","button":"confirmation__button_1c27j","buttonMobile":"confirmation__buttonMobile_1c27j"};
 
 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_1gynn {
+.confirmation__component_1sw4g {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary);
 }
-.confirmation__component_1gynn.confirmation__center_1gynn {
+.confirmation__component_1sw4g.confirmation__center_1sw4g {
         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_1gynn","center":"confirmation__center_1gynn"};
+var styles = {"component":"confirmation__component_1sw4g","center":"confirmation__center_1sw4g"};
 
 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_3ptlj {
+.confirmation__circle_c24n0 {
     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_3ptlj"};
+var styles = {"circle":"confirmation__circle_c24n0"};
 
 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_nie0g.confirmation__header_nie0g {
+.confirmation__header_1xw74.confirmation__header_1xw74 {
         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_nie0g.confirmation__headerMobile_nie0g {
+.confirmation__headerMobile_1xw74.confirmation__headerMobile_1xw74 {
         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_nie0g","headerMobile":"confirmation__headerMobile_nie0g"};
+var styles = {"header":"confirmation__header_1xw74","headerMobile":"confirmation__headerMobile_1xw74"};
 
 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_agysp {
+.confirmation__component_bha7b {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_agysp.confirmation__typographyTheme_agysp {
+.confirmation__typographyTheme_bha7b.confirmation__typographyTheme_bha7b {
     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_agysp.confirmation__typographyThemeMobile_agysp {
+.confirmation__typographyThemeMobile_bha7b.confirmation__typographyThemeMobile_bha7b {
     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_agysp {
+.confirmation__left_bha7b {
     align-items: flex-start;
 }
-.confirmation__center_agysp {
+.confirmation__center_bha7b {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_agysp.confirmation__button_agysp {
+.confirmation__button_bha7b.confirmation__button_bha7b {
     margin-top: var(--confirmation-fatal-error-button-margin-top);
 }
-.confirmation__button_agysp.confirmation__buttonMobile_agysp {
+.confirmation__button_bha7b.confirmation__buttonMobile_bha7b {
     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_agysp","typographyTheme":"confirmation__typographyTheme_agysp","typographyThemeMobile":"confirmation__typographyThemeMobile_agysp","left":"confirmation__left_agysp","center":"confirmation__center_agysp","button":"confirmation__button_agysp","buttonMobile":"confirmation__buttonMobile_agysp"};
+var styles = {"component":"confirmation__component_bha7b","typographyTheme":"confirmation__typographyTheme_bha7b","typographyThemeMobile":"confirmation__typographyThemeMobile_bha7b","left":"confirmation__left_bha7b","center":"confirmation__center_bha7b","button":"confirmation__button_bha7b","buttonMobile":"confirmation__buttonMobile_bha7b"};
 
 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_18z3k {
+.confirmation__component_aihvl {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__component_18z3k span:last-of-type {
+.confirmation__component_aihvl span:last-of-type {
         margin-bottom: var(--gap-0);
     }
-.confirmation__center_18z3k {
+.confirmation__center_aihvl {
     align-items: center;
     text-align: center;
 }
-.confirmation__text_18z3k.confirmation__text_18z3k {
+.confirmation__text_aihvl.confirmation__text_aihvl {
     margin-bottom: var(--confirmation-hint-text-margin-bottom);
 }
-.confirmation__text_18z3k.confirmation__textMobile_18z3k {
+.confirmation__text_aihvl.confirmation__textMobile_aihvl {
     margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
 }
-.confirmation__typographyTheme_18z3k.confirmation__typographyTheme_18z3k {
+.confirmation__typographyTheme_aihvl.confirmation__typographyTheme_aihvl {
     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_18z3k.confirmation__typographyThemeMobile_18z3k {
+.confirmation__typographyThemeMobile_aihvl.confirmation__typographyThemeMobile_aihvl {
     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_18z3k.confirmation__phoneDescription_18z3k {
+.confirmation__phoneDescription_aihvl.confirmation__phoneDescription_aihvl {
     color: var(--confirmation-hint-phone-description-color);
 }
-.confirmation__phoneDescriptionMobile_18z3k.confirmation__phoneDescriptionMobile_18z3k {
+.confirmation__phoneDescriptionMobile_aihvl.confirmation__phoneDescriptionMobile_aihvl {
     color: var(--confirmation-hint-phone-description-color-mobile);
 }
-.confirmation__phonesWrap_18z3k {
+.confirmation__phonesWrap_aihvl {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--confirmation-hint-phones-margin-bottom);
 }
-.confirmation__phonesWrap_18z3k.confirmation__phonesWrapMobile_18z3k {
+.confirmation__phonesWrap_aihvl.confirmation__phonesWrapMobile_aihvl {
     margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_18z3k {
+.confirmation__phoneWrap_aihvl {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
 }
-.confirmation__phoneWrap_18z3k:last-child {
+.confirmation__phoneWrap_aihvl:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneWrap_18z3k.confirmation__phoneWrapMobile_18z3k {
+.confirmation__phoneWrap_aihvl.confirmation__phoneWrapMobile_aihvl {
     margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
 }
-.confirmation__phoneWrap_18z3k.confirmation__phoneWrapMobile_18z3k:last-child {
+.confirmation__phoneWrap_aihvl.confirmation__phoneWrapMobile_aihvl:last-child {
         margin-bottom: var(--gap-0);
     }
-.confirmation__phoneLink_18z3k.confirmation__phoneLink_18z3k {
+.confirmation__phoneLink_aihvl.confirmation__phoneLink_aihvl {
     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_18z3k.confirmation__phoneLinkMobile_18z3k {
+.confirmation__phoneLink_aihvl.confirmation__phoneLinkMobile_aihvl {
     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_18z3k {
+.confirmation__hintButton_aihvl {
     margin-top: var(--confirmation-hint-button-margin-top);
 }
-.confirmation__hintButton_18z3k.confirmation__hintButtonMobile_18z3k {
+.confirmation__hintButton_aihvl.confirmation__hintButtonMobile_aihvl {
     margin-top: var(--confirmation-hint-button-margin-top-mobile);
 }
-.confirmation__phoneContentMobile_18z3k {
+.confirmation__phoneContentMobile_aihvl {
     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_18z3k","center":"confirmation__center_18z3k","text":"confirmation__text_18z3k","textMobile":"confirmation__textMobile_18z3k","typographyTheme":"confirmation__typographyTheme_18z3k","typographyThemeMobile":"confirmation__typographyThemeMobile_18z3k","phoneDescription":"confirmation__phoneDescription_18z3k","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_18z3k","phonesWrap":"confirmation__phonesWrap_18z3k","phonesWrapMobile":"confirmation__phonesWrapMobile_18z3k","phoneWrap":"confirmation__phoneWrap_18z3k","phoneWrapMobile":"confirmation__phoneWrapMobile_18z3k","phoneLink":"confirmation__phoneLink_18z3k","phoneLinkMobile":"confirmation__phoneLinkMobile_18z3k","hintButton":"confirmation__hintButton_18z3k","hintButtonMobile":"confirmation__hintButtonMobile_18z3k","phoneContentMobile":"confirmation__phoneContentMobile_18z3k"};
+var styles = {"component":"confirmation__component_aihvl","center":"confirmation__center_aihvl","text":"confirmation__text_aihvl","textMobile":"confirmation__textMobile_aihvl","typographyTheme":"confirmation__typographyTheme_aihvl","typographyThemeMobile":"confirmation__typographyThemeMobile_aihvl","phoneDescription":"confirmation__phoneDescription_aihvl","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_aihvl","phonesWrap":"confirmation__phonesWrap_aihvl","phonesWrapMobile":"confirmation__phonesWrapMobile_aihvl","phoneWrap":"confirmation__phoneWrap_aihvl","phoneWrapMobile":"confirmation__phoneWrapMobile_aihvl","phoneLink":"confirmation__phoneLink_aihvl","phoneLinkMobile":"confirmation__phoneLinkMobile_aihvl","hintButton":"confirmation__hintButton_aihvl","hintButtonMobile":"confirmation__hintButtonMobile_aihvl","phoneContentMobile":"confirmation__phoneContentMobile_aihvl"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map