@alfalab/core-components 30.5.0 → 30.6.1

package/code-input/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_1plta {
+.code-input__component_1gw1a {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_1plta {
+.code-input__error_1gw1a {
     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_1plta {
+@keyframes code-input__shake_1gw1a {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_1plta {
-    animation: code-input__shake_1plta 0.15s linear 0s 3;
+.code-input__shake_1gw1a {
+    animation: code-input__shake_1gw1a 0.15s linear 0s 3;
 }

package/code-input/modern/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, createRef, useState, useImperativeHandle, useEffect
 import cn from 'classnames';
 import { Input } from './components/input/component.js';
 
-var styles = {"component":"code-input__component_1plta","error":"code-input__error_1plta","shake":"code-input__shake_1plta"};
+var styles = {"component":"code-input__component_1gw1a","error":"code-input__error_1gw1a","shake":"code-input__shake_1gw1a"};
 require('./index.css');
 
 const CodeInput = forwardRef(({ className, disabled, error, fields = 4, initialValues = '', dataTestId, onChange, onComplete, }, ref) => {

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

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"code-input__component_sb2t4","input":"code-input__input_sb2t4","hasError":"code-input__hasError_sb2t4","disabled":"code-input__disabled_sb2t4","compact":"code-input__compact_sb2t4"};
+var styles = {"component":"code-input__component_iulqv","input":"code-input__input_iulqv","hasError":"code-input__hasError_iulqv","disabled":"code-input__disabled_iulqv","compact":"code-input__compact_iulqv"};
 require('./index.css');
 
 const Input = forwardRef(({ index, error, disabled, value = '', compact = false, onChange, onKeyDown, onFocus }, ref) => {

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

@@ -32,10 +32,10 @@
     --code-input-bg-color: var(--color-light-bg-secondary);
     --code-input-error-bg-color: var(--color-light-bg-negative-muted);
 }
-.code-input__component_sb2t4 {
+.code-input__component_iulqv {
     display: flex;
 }
-.code-input__input_sb2t4 {
+.code-input__input_iulqv {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -52,27 +52,27 @@
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
 }
-.code-input__input_sb2t4.code-input__hasError_sb2t4 {
+.code-input__input_iulqv.code-input__hasError_iulqv {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
     }
-.code-input__input_sb2t4.code-input__disabled_sb2t4 {
+.code-input__input_iulqv.code-input__disabled_iulqv {
         color: var(--color-light-text-tertiary);
         opacity: 1;
     }
-.code-input__input_sb2t4:-webkit-autofill {
+.code-input__input_iulqv:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
     }
-.code-input__input_sb2t4:-webkit-autofill,
-    .code-input__input_sb2t4:-webkit-autofill:hover,
-    .code-input__input_sb2t4:-webkit-autofill:focus,
-    .code-input__input_sb2t4:-webkit-autofill:active {
+.code-input__input_iulqv:-webkit-autofill,
+    .code-input__input_iulqv:-webkit-autofill:hover,
+    .code-input__input_iulqv:-webkit-autofill:focus,
+    .code-input__input_iulqv:-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_sb2t4 {
+.code-input__compact_iulqv {
     width: 28px;
     height: 40px;
 }

package/code-input/modern/index.css

@@ -13,11 +13,11 @@
 :root {
     --gap-xs: 8px;
 }
-.code-input__component_1plta {
+.code-input__component_1gw1a {
     display: flex;
     flex-direction: column;
 }
-.code-input__error_1plta {
+.code-input__error_1gw1a {
     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_1plta {
+@keyframes code-input__shake_1gw1a {
     0% {
         transform: translateX(0);
     }
@@ -42,6 +42,6 @@
         transform: translateX(0);
     }
 }
-.code-input__shake_1plta {
-    animation: code-input__shake_1plta 0.15s linear 0s 3;
+.code-input__shake_1gw1a {
+    animation: code-input__shake_1gw1a 0.15s linear 0s 3;
 }

package/collapse/Component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-var styles = {"collapse":"collapse__collapse_bxkn7","content":"collapse__content_bxkn7","expandedContent":"collapse__expandedContent_bxkn7","expandedLabel":"collapse__expandedLabel_bxkn7"};
+var styles = {"collapse":"collapse__collapse_17o9i","content":"collapse__content_17o9i","expandedContent":"collapse__expandedContent_17o9i","expandedLabel":"collapse__expandedLabel_17o9i"};
 require('./index.css');
 
 var Collapse = React.forwardRef(function (_a, ref) {

package/collapse/esm/Component.js

@@ -6,7 +6,7 @@ import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 import { Link } from '../../link/esm';
 import debounce from 'lodash.debounce';
 
-var styles = {"collapse":"collapse__collapse_bxkn7","content":"collapse__content_bxkn7","expandedContent":"collapse__expandedContent_bxkn7","expandedLabel":"collapse__expandedLabel_bxkn7"};
+var styles = {"collapse":"collapse__collapse_17o9i","content":"collapse__content_17o9i","expandedContent":"collapse__expandedContent_17o9i","expandedLabel":"collapse__expandedLabel_17o9i"};
 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_bxkn7 {
+.collapse__collapse_17o9i {
     font-family: var(--font-family);
 }
-.collapse__collapse_bxkn7 *,
-.collapse__collapse_bxkn7:before,
-.collapse__collapse_bxkn7:after {
+.collapse__collapse_17o9i *,
+.collapse__collapse_17o9i:before,
+.collapse__collapse_17o9i:after {
     box-sizing: border-box;
 }
-.collapse__content_bxkn7 {
+.collapse__content_17o9i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_bxkn7 {
+.collapse__expandedContent_17o9i {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_bxkn7 {
+.collapse__expandedLabel_17o9i {
     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_bxkn7 {
+.collapse__collapse_17o9i {
     font-family: var(--font-family);
 }
-.collapse__collapse_bxkn7 *,
-.collapse__collapse_bxkn7:before,
-.collapse__collapse_bxkn7:after {
+.collapse__collapse_17o9i *,
+.collapse__collapse_17o9i:before,
+.collapse__collapse_17o9i:after {
     box-sizing: border-box;
 }
-.collapse__content_bxkn7 {
+.collapse__content_17o9i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_bxkn7 {
+.collapse__expandedContent_17o9i {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_bxkn7 {
+.collapse__expandedLabel_17o9i {
     margin-top: 15px;
 }

package/collapse/modern/Component.js

@@ -6,7 +6,7 @@ import { ArrowUpMBlackIcon } from '@alfalab/icons-classic/ArrowUpMBlackIcon';
 import debounce from 'lodash.debounce';
 import { Link } from '../../link/modern';
 
-var styles = {"collapse":"collapse__collapse_bxkn7","content":"collapse__content_bxkn7","expandedContent":"collapse__expandedContent_bxkn7","expandedLabel":"collapse__expandedLabel_bxkn7"};
+var styles = {"collapse":"collapse__collapse_17o9i","content":"collapse__content_17o9i","expandedContent":"collapse__expandedContent_17o9i","expandedLabel":"collapse__expandedLabel_17o9i"};
 require('./index.css');
 
 const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children, className, id, onTransitionEnd, onExpandedChange, 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_bxkn7 {
+.collapse__collapse_17o9i {
     font-family: var(--font-family);
 }
-.collapse__collapse_bxkn7 *,
-.collapse__collapse_bxkn7:before,
-.collapse__collapse_bxkn7:after {
+.collapse__collapse_17o9i *,
+.collapse__collapse_17o9i:before,
+.collapse__collapse_17o9i:after {
     box-sizing: border-box;
 }
-.collapse__content_bxkn7 {
+.collapse__content_17o9i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
 }
-.collapse__expandedContent_bxkn7 {
+.collapse__expandedContent_17o9i {
     visibility: visible;
     height: auto;
 }
-.collapse__expandedLabel_bxkn7 {
+.collapse__expandedLabel_17o9i {
     margin-top: 15px;
 }

package/comment/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"comment__component_kv4ht","text":"comment__text_kv4ht"};
+var styles = {"component":"comment__component_1wxgc","text":"comment__text_1wxgc"};
 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_kv4ht","text":"comment__text_kv4ht"};
+var styles = {"component":"comment__component_1wxgc","text":"comment__text_1wxgc"};
 require('./index.css');
 
 var Comment = function (_a) {

package/comment/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xogs */
+/* hash: 5r1mp */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_kv4ht {
+.comment__component_1wxgc {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,7 +25,7 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__text_kv4ht {
+.comment__text_1wxgc {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;

package/comment/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xogs */
+/* hash: 5r1mp */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_kv4ht {
+.comment__component_1wxgc {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,7 +25,7 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__text_kv4ht {
+.comment__text_1wxgc {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -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';
 
-var styles = {"component":"comment__component_kv4ht","text":"comment__text_kv4ht"};
+var styles = {"component":"comment__component_1wxgc","text":"comment__text_1wxgc"};
 require('./index.css');
 
 const Comment = ({ className, dataTestId, children }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/comment/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xogs */
+/* hash: 5r1mp */
 :root {
     --color-light-bg-secondary: #f3f4f5;
 }
@@ -17,7 +17,7 @@
     --border-radius-s: 4px;
     --border-radius-xxl: 20px;
 }
-.comment__component_kv4ht {
+.comment__component_1wxgc {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-m);
@@ -25,7 +25,7 @@
     border-radius: var(--border-radius-s) var(--border-radius-xxl) var(--border-radius-xxl)
         var(--border-radius-xxl);
 }
-.comment__text_kv4ht {
+.comment__text_1wxgc {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;

package/confirmation/component.js

@@ -8,7 +8,7 @@ var context = require('./context.js');
 var types = require('./types.js');
 require('../code-input');
 require('../link');
-require('./countdown-section-10eb28db.js');
+require('./countdown-section-d1706359.js');
 require('../loader');
 require('../button');
 var components_screens_initial_component = require('./components/screens/initial/component.js');
@@ -61,7 +61,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"confirmation__component_1ozwk","center":"confirmation__center_1ozwk"};
+var styles = {"component":"confirmation__component_rlnna","center":"confirmation__center_rlnna"};
 require('./index.css');
 
 var confirmationScreens = {

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

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

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

@@ -1,4 +1,4 @@
-/* hash: 138s7 */
+/* hash: 14cgc */
 :root {
     --color-light-graphic-tertiary: #b6bcc3;
 }
@@ -19,7 +19,7 @@
 
     /* input */
 }
-.confirmation__circle_1kg54 {
+.confirmation__circle_1sgv0 {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/confirmation/components/index.js

@@ -7,7 +7,7 @@ require('../utils.js');
 require('../context.js');
 require('../../code-input');
 require('../../link');
-require('../countdown-section-10eb28db.js');
+require('../countdown-section-d1706359.js');
 require('../../loader');
 require('../../button');
 var components_screens_initial_component = require('./screens/initial/component.js');

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"header":"confirmation__header_121wm","description":"confirmation__description_121wm"};
+var styles = {"header":"confirmation__header_dduiy","description":"confirmation__description_dduiy"};
 require('./index.css');
 
 var FatalError = function () {

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

@@ -1,4 +1,4 @@
-/* hash: 19dir */
+/* hash: h362z */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
 
     /* input */
 }
-.confirmation__header_121wm {
+.confirmation__header_dduiy {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -49,7 +49,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__description_121wm {
+.confirmation__description_dduiy {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);

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

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"center":"confirmation__center_y6way","phoneHintWrap":"confirmation__phoneHintWrap_y6way","hintWrap":"confirmation__hintWrap_y6way","title":"confirmation__title_y6way","text":"confirmation__text_y6way","phonesWrap":"confirmation__phonesWrap_y6way","phoneWrap":"confirmation__phoneWrap_y6way","phoneLink":"confirmation__phoneLink_y6way","phoneDescription":"confirmation__phoneDescription_y6way","hintButton":"confirmation__hintButton_y6way"};
+var styles = {"center":"confirmation__center_srlbo","phoneHintWrap":"confirmation__phoneHintWrap_srlbo","hintWrap":"confirmation__hintWrap_srlbo","title":"confirmation__title_srlbo","text":"confirmation__text_srlbo","phonesWrap":"confirmation__phonesWrap_srlbo","phoneWrap":"confirmation__phoneWrap_srlbo","phoneLink":"confirmation__phoneLink_srlbo","phoneDescription":"confirmation__phoneDescription_srlbo","hintButton":"confirmation__hintButton_srlbo"};
 require('./index.css');
 
 var Hint = function () {

package/confirmation/components/screens/hint/index.css

@@ -1,4 +1,4 @@
-/* hash: olq1d */
+/* hash: 1siy4 */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
 
     /* input */
 }
-.confirmation__center_y6way .confirmation__phoneHintWrap_y6way {
+.confirmation__center_srlbo .confirmation__phoneHintWrap_srlbo {
         align-items: center;
     }
-.confirmation__center_y6way .confirmation__hintWrap_y6way {
+.confirmation__center_srlbo .confirmation__hintWrap_srlbo {
         align-items: center;
     }
-.confirmation__hintWrap_y6way {
+.confirmation__hintWrap_srlbo {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__title_y6way {
+.confirmation__title_srlbo {
     margin: 0;
     margin-bottom: var(--gap-xl);
     font-size: var(--confirmation-title-font-size);
@@ -61,7 +61,7 @@
     color: var(--confirmation-title-color);
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 }
-.confirmation__text_y6way {
+.confirmation__text_srlbo {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -70,7 +70,7 @@
 
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phonesWrap_y6way {
+.confirmation__phonesWrap_srlbo {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,23 +81,23 @@
     flex-direction: column;
     margin-bottom: var(--gap-xl);
 }
-.confirmation__phoneWrap_y6way {
+.confirmation__phoneWrap_srlbo {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_y6way:last-child {
+.confirmation__phoneWrap_srlbo:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneLink_y6way {
+.confirmation__phoneLink_srlbo {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500
 }
-.confirmation__phoneLink_y6way > span {
+.confirmation__phoneLink_srlbo > span {
         border-bottom: none;
     }
-.confirmation__phoneDescription_y6way {
+.confirmation__phoneDescription_srlbo {
     color: var(--confirmation-text-color);
 }
-.confirmation__hintButton_y6way {
+.confirmation__hintButton_srlbo {
     margin-top: var(--gap-2xl);
 }

package/confirmation/components/screens/index.js

@@ -7,7 +7,7 @@ require('../../utils.js');
 require('../../context.js');
 require('../../../code-input');
 require('../../../link');
-require('../../countdown-section-10eb28db.js');
+require('../../countdown-section-d1706359.js');
 require('../../../loader');
 require('../../../button');
 var components_screens_initial_component = require('./initial/component.js');

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

@@ -7,7 +7,7 @@ require('../../../utils.js');
 var context = require('../../../context.js');
 var coreComponentsCodeInput = require('../../../../code-input');
 var coreComponentsLink = require('../../../../link');
-var components_screens_initial_countdownSection = require('../../../countdown-section-10eb28db.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-d1706359.js');
 require('../../../../loader');
 require('../../../../button');
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../utils.js');
 require('../../../context.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-10eb28db.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-d1706359.js');
 require('../../../../loader');
 require('../../../../button');