@alfalab/core-components 37.2.0 → 37.3.0

package/code-input/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_a7dhq {
+.code-input__component_9f2h3 {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_a7dhq {
+.code-input__error_9f2h3 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,7 +25,7 @@
     margin-top: var(--gap-xs);
     color: var(--color-light-text-negative);
 }
-@keyframes code-input__shake_a7dhq {
+@keyframes code-input__shake_9f2h3 {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_a7dhq {
-    animation: code-input__shake_a7dhq 0.15s linear 0s 3;
+.code-input__shake_9f2h3 {
+    animation: code-input__shake_9f2h3 0.15s linear 0s 3;
 }

package/code-input/modern/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useMemo, createRef, useState, useRef, useImperativeH
 import cn from 'classnames';
 import { Input } from './components/input/component.js';
 
-const styles = {"component":"code-input__component_a7dhq","error":"code-input__error_a7dhq","shake":"code-input__shake_a7dhq"};
+const styles = {"component":"code-input__component_9f2h3","error":"code-input__error_9f2h3","shake":"code-input__shake_9f2h3"};
 require('./index.css');
 
 /** После истечения этого времени код очищается */

package/code-input/modern/components/input/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"code-input__component_bt9ez","input":"code-input__input_bt9ez","hasError":"code-input__hasError_bt9ez","disabled":"code-input__disabled_bt9ez","compact":"code-input__compact_bt9ez"};
+const styles = {"component":"code-input__component_1nffs","input":"code-input__input_1nffs","hasError":"code-input__hasError_1nffs","disabled":"code-input__disabled_1nffs","compact":"code-input__compact_1nffs"};
 require('./index.css');
 
 const Input = forwardRef(({ index, error, disabled, value = '', compact = false, onChange, onKeyDown, onFocus }, ref) => {

package/code-input/modern/components/input/index.css

@@ -33,10 +33,10 @@
     --code-input-bg-color: var(--color-light-bg-secondary);
     --code-input-error-bg-color: var(--color-light-bg-negative-muted);
 }
-.code-input__component_bt9ez {
+.code-input__component_1nffs {
     display: flex;
 }
-.code-input__input_bt9ez {
+.code-input__input_1nffs {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -53,30 +53,30 @@
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
 }
-.code-input__input_bt9ez:last-child {
+.code-input__input_1nffs:last-child {
         margin-right: 0;
     }
-.code-input__input_bt9ez.code-input__hasError_bt9ez {
+.code-input__input_1nffs.code-input__hasError_1nffs {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
     }
-.code-input__input_bt9ez.code-input__disabled_bt9ez {
+.code-input__input_1nffs.code-input__disabled_1nffs {
         color: var(--color-light-text-tertiary);
         opacity: 1;
     }
-.code-input__input_bt9ez:-webkit-autofill {
+.code-input__input_1nffs:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
     }
-.code-input__input_bt9ez:-webkit-autofill,
-    .code-input__input_bt9ez:-webkit-autofill:hover,
-    .code-input__input_bt9ez:-webkit-autofill:focus,
-    .code-input__input_bt9ez:-webkit-autofill:active {
+.code-input__input_1nffs:-webkit-autofill,
+    .code-input__input_1nffs:-webkit-autofill:hover,
+    .code-input__input_1nffs:-webkit-autofill:focus,
+    .code-input__input_1nffs:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
     }
-.code-input__compact_bt9ez {
+.code-input__compact_1nffs {
     width: 32px;
     height: 48px;
     margin-right: var(--gap-2xs);

package/code-input/modern/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_a7dhq {
+.code-input__component_9f2h3 {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_a7dhq {
+.code-input__error_9f2h3 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,7 +25,7 @@
     margin-top: var(--gap-xs);
     color: var(--color-light-text-negative);
 }
-@keyframes code-input__shake_a7dhq {
+@keyframes code-input__shake_9f2h3 {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_a7dhq {
-    animation: code-input__shake_a7dhq 0.15s linear 0s 3;
+.code-input__shake_9f2h3 {
+    animation: code-input__shake_9f2h3 0.15s linear 0s 3;
 }

package/collapse/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var debounce__default = /*#__PURE__*/_interopDefaultCompat(debounce);
 
-var styles = {"collapse":"collapse__collapse_180e1","content":"collapse__content_180e1","expandedContent":"collapse__expandedContent_180e1","expandedLabel":"collapse__expandedLabel_180e1"};
+var styles = {"collapse":"collapse__collapse_1wqaz","content":"collapse__content_1wqaz","expandedContent":"collapse__expandedContent_1wqaz","expandedLabel":"collapse__expandedLabel_1wqaz"};
 require('./index.css');
 
 var Collapse = React.forwardRef(function (_a, ref) {

package/collapse/esm/Component.js

@@ -6,7 +6,7 @@ import { Link } from '../../link/esm';
 import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';
 import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 
-var styles = {"collapse":"collapse__collapse_180e1","content":"collapse__content_180e1","expandedContent":"collapse__expandedContent_180e1","expandedLabel":"collapse__expandedLabel_180e1"};
+var styles = {"collapse":"collapse__collapse_1wqaz","content":"collapse__content_1wqaz","expandedContent":"collapse__expandedContent_1wqaz","expandedLabel":"collapse__expandedLabel_1wqaz"};
 require('./index.css');
 
 var Collapse = forwardRef(function (_a, ref) {

package/collapse/esm/index.css

@@ -11,25 +11,25 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.collapse__collapse_180e1 {
+.collapse__collapse_1wqaz {
     font-family: var(--font-family);
 }
-.collapse__collapse_180e1 *,
-.collapse__collapse_180e1:before,
-.collapse__collapse_180e1:after {
+.collapse__collapse_1wqaz *,
+.collapse__collapse_1wqaz:before,
+.collapse__collapse_1wqaz:after {
     box-sizing: border-box;
 }
-.collapse__content_180e1 {
+.collapse__content_1wqaz {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_180e1 {
+.collapse__expandedContent_1wqaz {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_180e1 {
+.collapse__expandedLabel_1wqaz {
     margin-top: 15px;
 }

package/collapse/index.css

@@ -11,25 +11,25 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.collapse__collapse_180e1 {
+.collapse__collapse_1wqaz {
     font-family: var(--font-family);
 }
-.collapse__collapse_180e1 *,
-.collapse__collapse_180e1:before,
-.collapse__collapse_180e1:after {
+.collapse__collapse_1wqaz *,
+.collapse__collapse_1wqaz:before,
+.collapse__collapse_1wqaz:after {
     box-sizing: border-box;
 }
-.collapse__content_180e1 {
+.collapse__content_1wqaz {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_180e1 {
+.collapse__expandedContent_1wqaz {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_180e1 {
+.collapse__expandedLabel_1wqaz {
     margin-top: 15px;
 }

package/collapse/modern/Component.js

@@ -6,7 +6,7 @@ import { Link } from '../../link/modern';
 import { ArrowDownMBlackIcon } from '@alfalab/icons-classic/ArrowDownMBlackIcon';
 import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 
-const styles = {"collapse":"collapse__collapse_180e1","content":"collapse__content_180e1","expandedContent":"collapse__expandedContent_180e1","expandedLabel":"collapse__expandedLabel_180e1"};
+const styles = {"collapse":"collapse__collapse_1wqaz","content":"collapse__content_1wqaz","expandedContent":"collapse__expandedContent_1wqaz","expandedLabel":"collapse__expandedLabel_1wqaz"};
 require('./index.css');
 
 const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children, className, expandedContentClassName, id, onTransitionEnd, onExpandedChange, defaultExpanded = false, dataTestId, }, ref) => {

package/collapse/modern/index.css

@@ -11,25 +11,25 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.collapse__collapse_180e1 {
+.collapse__collapse_1wqaz {
     font-family: var(--font-family);
 }
-.collapse__collapse_180e1 *,
-.collapse__collapse_180e1:before,
-.collapse__collapse_180e1:after {
+.collapse__collapse_1wqaz *,
+.collapse__collapse_1wqaz:before,
+.collapse__collapse_1wqaz:after {
     box-sizing: border-box;
 }
-.collapse__content_180e1 {
+.collapse__content_1wqaz {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_180e1 {
+.collapse__expandedContent_1wqaz {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_180e1 {
+.collapse__expandedLabel_1wqaz {
     margin-top: 15px;
 }

package/comment/Component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"comment__component_18oos","rowLimit2":"comment__rowLimit2_18oos","rowLimit5":"comment__rowLimit5_18oos"};
+var styles = {"component":"comment__component_d5bxm","rowLimit2":"comment__rowLimit2_d5bxm","rowLimit5":"comment__rowLimit5_d5bxm"};
 require('./index.css');
 
 var Comment = function (_a) {

package/comment/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"comment__component_18oos","rowLimit2":"comment__rowLimit2_18oos","rowLimit5":"comment__rowLimit5_18oos"};
+var styles = {"component":"comment__component_d5bxm","rowLimit2":"comment__rowLimit2_d5bxm","rowLimit5":"comment__rowLimit5_d5bxm"};
 require('./index.css');
 
 var Comment = function (_a) {

package/comment/esm/index.css

@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_18oos {
+.comment__component_d5bxm {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,13 +25,13 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__rowLimit2_18oos {
+.comment__rowLimit2_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.comment__rowLimit5_18oos {
+.comment__rowLimit5_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;

package/comment/index.css

@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_18oos {
+.comment__component_d5bxm {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,13 +25,13 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__rowLimit2_18oos {
+.comment__rowLimit2_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.comment__rowLimit5_18oos {
+.comment__rowLimit5_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;

package/comment/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-const styles = {"component":"comment__component_18oos","rowLimit2":"comment__rowLimit2_18oos","rowLimit5":"comment__rowLimit5_18oos"};
+const styles = {"component":"comment__component_d5bxm","rowLimit2":"comment__rowLimit2_d5bxm","rowLimit5":"comment__rowLimit5_d5bxm"};
 require('./index.css');
 
 const Comment = ({ className, dataTestId, children, rowLimit }) => {

package/comment/modern/index.css

@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_18oos {
+.comment__component_d5bxm {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,13 +25,13 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__rowLimit2_18oos {
+.comment__rowLimit2_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.comment__rowLimit5_18oos {
+.comment__rowLimit5_d5bxm {
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;

package/confirmation/{component-d1fece7b.js → component-518bc666.js}

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"confirmation__component_148o2"};
+var styles = {"component":"confirmation__component_184lu"};
 require('./components/base-confirmation/index.css');
 
 var confirmationScreens = {

package/confirmation/component.desktop.js

@@ -1,4 +1,4 @@
-var components_baseConfirmation_component = require('./component-d1fece7b.js');
+var components_baseConfirmation_component = require('./component-518bc666.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -11,7 +11,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-dc66d292.js');
+require('./countdown-section-2a5a1354.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/component.mobile.js

@@ -1,4 +1,4 @@
-var components_baseConfirmation_component = require('./component-d1fece7b.js');
+var components_baseConfirmation_component = require('./component-518bc666.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/hooks');
@@ -11,7 +11,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-dc66d292.js');
+require('./countdown-section-2a5a1354.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');
@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"confirmation__container_kn7pl"};
+var styles = {"container":"confirmation__container_iemvo"};
 require('./mobile.css');
 
 var ConfirmationMobile = function (_a) {

package/confirmation/component.responsive.js

@@ -1,4 +1,4 @@
-var components_baseConfirmation_component = require('./component-d1fece7b.js');
+var components_baseConfirmation_component = require('./component-518bc666.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var component_desktop = require('./component.desktop.js');
@@ -13,7 +13,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-dc66d292.js');
+require('./countdown-section-2a5a1354.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/components/base-confirmation/component.js

@@ -1,4 +1,4 @@
-var components_baseConfirmation_component = require('../../component-d1fece7b.js');
+var components_baseConfirmation_component = require('../../component-518bc666.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -14,7 +14,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-dc66d292.js');
+require('../../countdown-section-2a5a1354.js');
 require('../../../loader');
 require('../countdown-loader/component.js');
 

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

@@ -1,4 +1,4 @@
-/* hash: ef3qa */
+/* hash: cart5 */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -10,7 +10,7 @@
 
     /* Hard up */
 }
-.confirmation__component_148o2 {
+.confirmation__component_184lu {
     width: 100%;
     max-width: 388px;
     margin: 0 auto;

package/confirmation/components/base-confirmation/index.d.ts

@@ -1 +1 @@
-export * from "../../component-d1fece7b";
+export * from "../../component-518bc666";

package/confirmation/components/base-confirmation/index.js

@@ -1,4 +1,4 @@
-var components_baseConfirmation_component = require('../../component-d1fece7b.js');
+var components_baseConfirmation_component = require('../../component-518bc666.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -11,7 +11,7 @@ require('../../../code-input');
 require('../../../link');
 require('../../../typography');
 require('../header/component.js');
-require('../../countdown-section-dc66d292.js');
+require('../../countdown-section-2a5a1354.js');
 require('../../../loader');
 require('../screens/hint/component.js');
 require('../screens/fatal-error/component.js');

package/confirmation/components/countdown-loader/component.js

@@ -4,7 +4,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"circle":"confirmation__circle_1xbh5"};
+var styles = {"circle":"confirmation__circle_mo80r"};
 require('./index.css');
 
 var SIZE = 16;

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

@@ -1,4 +1,4 @@
-/* hash: 1pd2m */
+/* hash: 17nza */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -10,7 +10,7 @@
 
     /* Hard up */
 }
-.confirmation__circle_1xbh5 {
+.confirmation__circle_mo80r {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/confirmation/components/header/component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"header":"confirmation__header_1lcrh","typography":"confirmation__typography_1lcrh","typographyMobile":"confirmation__typographyMobile_1lcrh"};
+var styles = {"header":"confirmation__header_90ily","typography":"confirmation__typography_90ily","typographyMobile":"confirmation__typographyMobile_90ily"};
 require('./index.css');
 
 var Header = function (_a) {

package/confirmation/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: g25if */
+/* hash: 1tq6j */
 :root {
 
     /* Hard */
@@ -32,17 +32,17 @@
     /* header */
     --confirmation-header-font-feature-settings: normal
 }
-.confirmation__header_1lcrh.confirmation__header_1lcrh {
+.confirmation__header_90ily.confirmation__header_90ily {
     margin-bottom: var(--gap-xl);
 }
-.confirmation__typography_1lcrh.confirmation__typography_1lcrh {
+.confirmation__typography_90ily.confirmation__typography_90ily {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
 }
-.confirmation__typographyMobile_1lcrh.confirmation__typographyMobile_1lcrh {
+.confirmation__typographyMobile_90ily.confirmation__typographyMobile_90ily {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/confirmation/components/index.js

@@ -13,7 +13,7 @@ require('@alfalab/hooks');
 require('../context.js');
 require('../utils.js');
 require('./header/component.js');
-require('../countdown-section-dc66d292.js');
+require('../countdown-section-2a5a1354.js');
 require('../../loader');
 
 

package/confirmation/components/screens/fatal-error/component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_1knm1","typographyTheme":"confirmation__typographyTheme_1knm1","left":"confirmation__left_1knm1","center":"confirmation__center_1knm1","button":"confirmation__button_1knm1"};
+var styles = {"component":"confirmation__component_1s2rv","typographyTheme":"confirmation__typographyTheme_1s2rv","left":"confirmation__left_1s2rv","center":"confirmation__center_1s2rv","button":"confirmation__button_1s2rv"};
 require('./index.css');
 
 var FatalError = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: pv5gu */
+/* hash: qwwkx */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -31,24 +31,24 @@
 
     /* header */
 }
-.confirmation__component_1knm1 {
+.confirmation__component_1s2rv {
     display: flex;
     flex-direction: column;
 }
-.confirmation__typographyTheme_1knm1.confirmation__typographyTheme_1knm1 {
+.confirmation__typographyTheme_1s2rv.confirmation__typographyTheme_1s2rv {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
 }
-.confirmation__left_1knm1 {
+.confirmation__left_1s2rv {
     align-items: flex-start;
 }
-.confirmation__center_1knm1 {
+.confirmation__center_1s2rv {
     align-items: center;
     text-align: center;
 }
-.confirmation__button_1knm1 {
+.confirmation__button_1s2rv {
     margin-top: var(--gap-2xl);
 }

package/confirmation/components/screens/hint/component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"confirmation__component_tbofq","center":"confirmation__center_tbofq","text":"confirmation__text_tbofq","typographyTheme":"confirmation__typographyTheme_tbofq","phonesWrap":"confirmation__phonesWrap_tbofq","phoneWrap":"confirmation__phoneWrap_tbofq","phoneLink":"confirmation__phoneLink_tbofq","hintButton":"confirmation__hintButton_tbofq","phoneContentMobile":"confirmation__phoneContentMobile_tbofq"};
+var styles = {"component":"confirmation__component_x7m74","center":"confirmation__center_x7m74","text":"confirmation__text_x7m74","typographyTheme":"confirmation__typographyTheme_x7m74","phonesWrap":"confirmation__phonesWrap_x7m74","phoneWrap":"confirmation__phoneWrap_x7m74","phoneLink":"confirmation__phoneLink_x7m74","hintButton":"confirmation__hintButton_x7m74","phoneContentMobile":"confirmation__phoneContentMobile_x7m74"};
 require('./index.css');
 
 var Hint = function (_a) {