@alfalab/core-components-confirmation 15.2.2 → 15.2.3-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_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/components/screens/temp-block-over/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var 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"};
+var 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"};
 
 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_1oqmu {
+.confirmation__component_28l3a {
     width: 100%;
     max-width: 388px;
     color: var(--color-light-text-secondary);
 }
-.confirmation__component_1oqmu.confirmation__center_1oqmu {
+.confirmation__component_28l3a.confirmation__center_28l3a {
         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_1oqmu","center":"confirmation__center_1oqmu"};
+var styles = {"component":"confirmation__component_28l3a","center":"confirmation__center_28l3a"};
 
 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_e0v0x {
+.confirmation__circle_6lzik {
     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_e0v0x"};
+var styles = {"circle":"confirmation__circle_6lzik"};
 
 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_fj6nw.confirmation__header_fj6nw {
+.confirmation__header_6n2ab.confirmation__header_6n2ab {
         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_fj6nw.confirmation__headerMobile_fj6nw {
+.confirmation__headerMobile_6n2ab.confirmation__headerMobile_6n2ab {
         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_fj6nw","headerMobile":"confirmation__headerMobile_fj6nw"};
+var styles = {"header":"confirmation__header_6n2ab","headerMobile":"confirmation__headerMobile_6n2ab"};
 
 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_1ylfx {
+.confirmation__component_gbtuf {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_1ylfx.confirmation__typographyTheme_1ylfx {
+.confirmation__typographyTheme_gbtuf.confirmation__typographyTheme_gbtuf {
     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_1ylfx.confirmation__typographyThemeMobile_1ylfx {
+.confirmation__typographyThemeMobile_gbtuf.confirmation__typographyThemeMobile_gbtuf {
     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_1ylfx {
+.confirmation__left_gbtuf {
     align-items: flex-start;
 }
-.confirmation__center_1ylfx {
+.confirmation__center_gbtuf {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_1ylfx.confirmation__button_1ylfx {
+.confirmation__button_gbtuf.confirmation__button_gbtuf {
     margin-top: var(--confirmation-fatal-error-button-margin-top);
 }
-.confirmation__button_1ylfx.confirmation__buttonMobile_1ylfx {
+.confirmation__button_gbtuf.confirmation__buttonMobile_gbtuf {
     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_1ylfx","typographyTheme":"confirmation__typographyTheme_1ylfx","typographyThemeMobile":"confirmation__typographyThemeMobile_1ylfx","left":"confirmation__left_1ylfx","center":"confirmation__center_1ylfx","button":"confirmation__button_1ylfx","buttonMobile":"confirmation__buttonMobile_1ylfx"};
+var styles = {"component":"confirmation__component_gbtuf","typographyTheme":"confirmation__typographyTheme_gbtuf","typographyThemeMobile":"confirmation__typographyThemeMobile_gbtuf","left":"confirmation__left_gbtuf","center":"confirmation__center_gbtuf","button":"confirmation__button_gbtuf","buttonMobile":"confirmation__buttonMobile_gbtuf"};
 
 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_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/esm/components/screens/hint/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var 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"};
+var 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