@alfalab/core-components 42.2.1-beta.0 → 42.2.2

package/form-control/desktop.css

@@ -56,18 +56,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_3jq0v {
+} .form-control__above_1cif9 {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_3jq0v {
+} .form-control__sub_1cif9 {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_3jq0v {
+} .form-control__error_1cif9 {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__s_3jq0v .form-control__inner_3jq0v {
+} /* SIZES */ .form-control__s_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__m_3jq0v .form-control__inner_3jq0v {
+} .form-control__m_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__l_3jq0v .form-control__inner_3jq0v {
+} .form-control__l_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__xl_3jq0v .form-control__inner_3jq0v {
+} .form-control__xl_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-xl-border-radius);
 }

package/form-control/esm/Component.desktop.js

@@ -3,13 +3,13 @@ import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
 
-var defaultColors = {"inner":"form-control__inner_txxat","disabled":"form-control__disabled_txxat","hasError":"form-control__hasError_txxat","focused":"form-control__focused_txxat"};
+var defaultColors = {"inner":"form-control__inner_1k0c3","disabled":"form-control__disabled_1k0c3","hasError":"form-control__hasError_1k0c3","focused":"form-control__focused_1k0c3"};
 require('./default.desktop.css');
 
-var styles = {"above":"form-control__above_3jq0v","sub":"form-control__sub_3jq0v","error":"form-control__error_3jq0v","s":"form-control__s_3jq0v","inner":"form-control__inner_3jq0v","m":"form-control__m_3jq0v","l":"form-control__l_3jq0v","xl":"form-control__xl_3jq0v"};
+var styles = {"above":"form-control__above_1cif9","sub":"form-control__sub_1cif9","error":"form-control__error_1cif9","s":"form-control__s_1cif9","inner":"form-control__inner_1cif9","m":"form-control__m_1cif9","l":"form-control__l_1cif9","xl":"form-control__xl_1cif9"};
 require('./desktop.css');
 
-var invertedColors = {"inner":"form-control__inner_zazv7","disabled":"form-control__disabled_zazv7","hasError":"form-control__hasError_zazv7","focused":"form-control__focused_zazv7"};
+var invertedColors = {"inner":"form-control__inner_mcybl","disabled":"form-control__disabled_mcybl","hasError":"form-control__hasError_mcybl","focused":"form-control__focused_mcybl"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/form-control/esm/Component.mobile.js

@@ -3,13 +3,13 @@ import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
 
-var defaultColors = {"inner":"form-control__inner_4g4uh","disabled":"form-control__disabled_4g4uh","hasError":"form-control__hasError_4g4uh","focused":"form-control__focused_4g4uh"};
+var defaultColors = {"inner":"form-control__inner_1dzor","disabled":"form-control__disabled_1dzor","hasError":"form-control__hasError_1dzor","focused":"form-control__focused_1dzor"};
 require('./default.mobile.css');
 
-var invertedColors = {"inner":"form-control__inner_1ja34","disabled":"form-control__disabled_1ja34","hasError":"form-control__hasError_1ja34","focused":"form-control__focused_1ja34"};
+var invertedColors = {"inner":"form-control__inner_94l3m","disabled":"form-control__disabled_94l3m","hasError":"form-control__hasError_94l3m","focused":"form-control__focused_94l3m"};
 require('./inverted.mobile.css');
 
-var styles = {"above":"form-control__above_1sg01","sub":"form-control__sub_1sg01","error":"form-control__error_1sg01","s":"form-control__s_1sg01","inner":"form-control__inner_1sg01","m":"form-control__m_1sg01","l":"form-control__l_1sg01","xl":"form-control__xl_1sg01"};
+var styles = {"above":"form-control__above_iwg4b","sub":"form-control__sub_iwg4b","error":"form-control__error_iwg4b","s":"form-control__s_iwg4b","inner":"form-control__inner_iwg4b","m":"form-control__m_iwg4b","l":"form-control__l_iwg4b","xl":"form-control__xl_iwg4b"};
 require('./mobile.css');
 
 var colorStyles = {

package/form-control/esm/components/base-form-control/Component.js

@@ -2,13 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"component":"form-control__component_jy0s5","label":"form-control__label_jy0s5","hint":"form-control__hint_jy0s5","disabled":"form-control__disabled_jy0s5","filled":"form-control__filled_jy0s5","focused":"form-control__focused_jy0s5","hasError":"form-control__hasError_jy0s5","error":"form-control__error_jy0s5"};
+var defaultColors = {"component":"form-control__component_1a0fl","label":"form-control__label_1a0fl","hint":"form-control__hint_1a0fl","disabled":"form-control__disabled_1a0fl","filled":"form-control__filled_1a0fl","focused":"form-control__focused_1a0fl","hasError":"form-control__hasError_1a0fl","error":"form-control__error_1a0fl"};
 require('./default.css');
 
-var commonStyles = {"component":"form-control__component_1b4xd","inner":"form-control__inner_1b4xd","inputWrapper":"form-control__inputWrapper_1b4xd","input":"form-control__input_1b4xd","label":"form-control__label_1b4xd","labelInner":"form-control__labelInner_1b4xd","addons":"form-control__addons_1b4xd","leftAddons":"form-control__leftAddons_1b4xd","rightAddons":"form-control__rightAddons_1b4xd","sub":"form-control__sub_1b4xd","above":"form-control__above_1b4xd","block":"form-control__block_1b4xd","s":"form-control__s_1b4xd","hasInnerLabel":"form-control__hasInnerLabel_1b4xd","m":"form-control__m_1b4xd","l":"form-control__l_1b4xd","xl":"form-control__xl_1b4xd","hasLeftAddons":"form-control__hasLeftAddons_1b4xd","hasRightAddons":"form-control__hasRightAddons_1b4xd","disabled":"form-control__disabled_1b4xd","focused":"form-control__focused_1b4xd","hasError":"form-control__hasError_1b4xd","filled":"form-control__filled_1b4xd","hiddenLabel":"form-control__hiddenLabel_1b4xd"};
+var commonStyles = {"component":"form-control__component_1o2yw","inner":"form-control__inner_1o2yw","inputWrapper":"form-control__inputWrapper_1o2yw","input":"form-control__input_1o2yw","label":"form-control__label_1o2yw","labelInner":"form-control__labelInner_1o2yw","addons":"form-control__addons_1o2yw","leftAddons":"form-control__leftAddons_1o2yw","rightAddons":"form-control__rightAddons_1o2yw","sub":"form-control__sub_1o2yw","above":"form-control__above_1o2yw","block":"form-control__block_1o2yw","s":"form-control__s_1o2yw","hasInnerLabel":"form-control__hasInnerLabel_1o2yw","m":"form-control__m_1o2yw","l":"form-control__l_1o2yw","xl":"form-control__xl_1o2yw","hasLeftAddons":"form-control__hasLeftAddons_1o2yw","hasRightAddons":"form-control__hasRightAddons_1o2yw","disabled":"form-control__disabled_1o2yw","focused":"form-control__focused_1o2yw","hasError":"form-control__hasError_1o2yw","filled":"form-control__filled_1o2yw","hiddenLabel":"form-control__hiddenLabel_1o2yw"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_2h589","label":"form-control__label_2h589","hint":"form-control__hint_2h589","disabled":"form-control__disabled_2h589","filled":"form-control__filled_2h589","focused":"form-control__focused_2h589","hasError":"form-control__hasError_2h589","error":"form-control__error_2h589"};
+var invertedColors = {"component":"form-control__component_sjk19","label":"form-control__label_sjk19","hint":"form-control__hint_sjk19","disabled":"form-control__disabled_sjk19","filled":"form-control__filled_sjk19","focused":"form-control__focused_sjk19","hasError":"form-control__hasError_sjk19","error":"form-control__error_sjk19"};
 require('./inverted.css');
 
 var colorCommonStyles = {

package/form-control/esm/components/base-form-control/default.css

@@ -60,20 +60,20 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__component_jy0s5 {
+} .form-control__component_1a0fl {
     color: var(--form-control-color);
-} .form-control__label_jy0s5 {
+} .form-control__label_1a0fl {
     color: var(--form-control-label-color);
-} .form-control__hint_jy0s5 {
+} .form-control__hint_1a0fl {
     color: var(--form-control-hint-color);
-} /* DISABLED STATE */ .form-control__disabled_jy0s5 {
+} /* DISABLED STATE */ .form-control__disabled_1a0fl {
     color: var(--form-control-disabled-color);
-} .form-control__disabled_jy0s5.form-control__filled_jy0s5 .form-control__label_jy0s5 {
+} .form-control__disabled_1a0fl.form-control__filled_1a0fl .form-control__label_1a0fl {
     color: var(--form-control-disabled-filled-label-color);
-} /* FOCUS STATE */ .form-control__focused_jy0s5:not(.form-control__disabled_jy0s5):not(.form-control__hasError_jy0s5):before {
+} /* FOCUS STATE */ .form-control__focused_1a0fl:not(.form-control__disabled_1a0fl):not(.form-control__hasError_1a0fl):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} /* ERROR STATE */ .form-control__error_jy0s5 {
+} /* ERROR STATE */ .form-control__error_1a0fl {
     color: var(--form-control-error-color);
-} .form-control__hasError_jy0s5 .form-control__label_jy0s5 {
+} .form-control__hasError_1a0fl .form-control__label_1a0fl {
     color: var(--form-control-error-label-color);
 }

package/form-control/esm/components/base-form-control/index.css

@@ -70,10 +70,10 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__component_1b4xd {
+} .form-control__component_1o2yw {
     font-family: var(--form-control-font-family);
     width: max-content;
-} .form-control__inner_1b4xd {
+} .form-control__inner_1o2yw {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -83,7 +83,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_1b4xd:before {
+} /* Нижняя граница */ .form-control__inner_1o2yw:before {
     content: '';
     display: block;
     position: absolute;
@@ -92,19 +92,19 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_1b4xd {
+} .form-control__inputWrapper_1o2yw {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_1b4xd {
+} .form-control__input_1o2yw {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_1b4xd > * {
+} .form-control__input_1o2yw > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__label_1b4xd {
+} .form-control__label_1o2yw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -119,27 +119,27 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_1b4xd {
+} .form-control__labelInner_1o2yw {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_1b4xd {
+} .form-control__addons_1o2yw {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_1b4xd {
+} .form-control__leftAddons_1o2yw {
     padding-left: var(--gap-s);
-} .form-control__rightAddons_1b4xd {
+} .form-control__rightAddons_1o2yw {
     padding-right: var(--gap-s);
-} .form-control__sub_1b4xd {
+} .form-control__sub_1o2yw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px;
-} .form-control__above_1b4xd {
+} .form-control__above_1o2yw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -149,73 +149,73 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .form-control__block_1b4xd {
+} .form-control__block_1o2yw {
     width: 100%;
-} /* SIZES */ .form-control__s_1b4xd .form-control__inner_1b4xd {
+} /* SIZES */ .form-control__s_1o2yw .form-control__inner_1o2yw {
     min-height: var(--form-control-s-min-height);
-} .form-control__s_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
+} .form-control__s_1o2yw .form-control__hasInnerLabel_1o2yw .form-control__input_1o2yw > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__s_1b4xd .form-control__label_1b4xd {
+} .form-control__s_1o2yw .form-control__label_1o2yw {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__m_1b4xd .form-control__inner_1b4xd {
+} .form-control__m_1o2yw .form-control__inner_1o2yw {
     min-height: var(--form-control-m-min-height);
-} .form-control__m_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
+} .form-control__m_1o2yw .form-control__hasInnerLabel_1o2yw .form-control__input_1o2yw > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__m_1b4xd .form-control__label_1b4xd {
+} .form-control__m_1o2yw .form-control__label_1o2yw {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__l_1b4xd .form-control__inner_1b4xd {
+} .form-control__l_1o2yw .form-control__inner_1o2yw {
     min-height: var(--form-control-l-min-height);
-} .form-control__l_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
+} .form-control__l_1o2yw .form-control__hasInnerLabel_1o2yw .form-control__input_1o2yw > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__l_1b4xd .form-control__label_1b4xd {
+} .form-control__l_1o2yw .form-control__label_1o2yw {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__xl_1b4xd .form-control__inner_1b4xd {
+} .form-control__xl_1o2yw .form-control__inner_1o2yw {
     min-height: var(--form-control-xl-min-height);
-} .form-control__xl_1b4xd .form-control__label_1b4xd {
+} .form-control__xl_1o2yw .form-control__label_1o2yw {
     left: var(--gap-m);
-} .form-control__xl_1b4xd .form-control__input_1b4xd > * {
+} .form-control__xl_1o2yw .form-control__input_1o2yw > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__xl_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
+} .form-control__xl_1o2yw .form-control__hasInnerLabel_1o2yw .form-control__input_1o2yw > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__xl_1b4xd .form-control__leftAddons_1b4xd {
+} .form-control__xl_1o2yw .form-control__leftAddons_1o2yw {
     padding-left: var(--gap-m);
-} .form-control__xl_1b4xd .form-control__rightAddons_1b4xd {
+} .form-control__xl_1o2yw .form-control__rightAddons_1o2yw {
     padding-right: var(--gap-m);
-} .form-control__xl_1b4xd.form-control__hasLeftAddons_1b4xd .form-control__label_1b4xd {
+} .form-control__xl_1o2yw.form-control__hasLeftAddons_1o2yw .form-control__label_1o2yw {
     left: var(--gap-s);
-} .form-control__xl_1b4xd.form-control__hasLeftAddons_1b4xd .form-control__input_1b4xd > * {
+} .form-control__xl_1o2yw.form-control__hasLeftAddons_1o2yw .form-control__input_1o2yw > * {
     padding-left: var(--gap-s);
-} .form-control__xl_1b4xd.form-control__hasRightAddons_1b4xd .form-control__input_1b4xd > * {
+} .form-control__xl_1o2yw.form-control__hasRightAddons_1o2yw .form-control__input_1o2yw > * {
     padding-right: var(--gap-s);
-} .form-control__xl_1b4xd .form-control__label_1b4xd {
+} .form-control__xl_1o2yw .form-control__label_1o2yw {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_1b4xd {
+} /* DISABLED STATE */ .form-control__disabled_1o2yw {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_1b4xd:not(.form-control__disabled_1b4xd):before,
-.form-control__hasError_1b4xd:before {
+} /* FOCUS STATE */ .form-control__focused_1o2yw:not(.form-control__disabled_1o2yw):before,
+.form-control__hasError_1o2yw:before {
     transform: scaleY(2);
-} .form-control__filled_1b4xd .form-control__label_1b4xd {
+} .form-control__filled_1o2yw .form-control__label_1o2yw {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__xl_1b4xd .form-control__filled_1b4xd .form-control__label_1b4xd {
+} .form-control__xl_1o2yw .form-control__filled_1o2yw .form-control__label_1o2yw {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_1b4xd {
+} .form-control__hiddenLabel_1o2yw {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__xl_1b4xd .form-control__hiddenLabel_1b4xd {
+} .form-control__xl_1o2yw .form-control__hiddenLabel_1o2yw {
     padding: var(--form-control-xl-paddings);
 } /* min-height and width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .form-control__component_1b4xd {
+    .form-control__component_1o2yw {
         display: inline-block;
     }
 
-    .form-control__inner_1b4xd:after {
+    .form-control__inner_1o2yw:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/form-control/esm/components/base-form-control/inverted.css

@@ -62,20 +62,20 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__component_2h589 {
+} .form-control__component_sjk19 {
     color: var(--form-control-inverted-color);
-} .form-control__label_2h589 {
+} .form-control__label_sjk19 {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_2h589 {
+} .form-control__hint_sjk19 {
     color: var(--form-control-inverted-hint-color);
-} /* DISABLED STATE */ .form-control__disabled_2h589 {
+} /* DISABLED STATE */ .form-control__disabled_sjk19 {
     color: var(--form-control-inverted-disabled-color);
-} .form-control__disabled_2h589.form-control__filled_2h589 .form-control__label_2h589 {
+} .form-control__disabled_sjk19.form-control__filled_sjk19 .form-control__label_sjk19 {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} /* FOCUS STATE */ .form-control__focused_2h589:not(.form-control__disabled_2h589):not(.form-control__hasError_2h589):before {
+} /* FOCUS STATE */ .form-control__focused_sjk19:not(.form-control__disabled_sjk19):not(.form-control__hasError_sjk19):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} /* ERROR STATE */ .form-control__error_2h589 {
+} /* ERROR STATE */ .form-control__error_sjk19 {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_2h589 .form-control__label_2h589 {
+} .form-control__hasError_sjk19 .form-control__label_sjk19 {
     color: var(--form-control-inverted-error-label-color);
 }

package/form-control/esm/default.desktop.css

@@ -67,29 +67,29 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__inner_txxat {
+} .form-control__inner_1k0c3 {
     background-color: var(--form-control-bg-color);
-} /* Нижняя граница */ .form-control__inner_txxat:before {
+} /* Нижняя граница */ .form-control__inner_1k0c3:before {
     border-bottom: var(--form-control-border-bottom);
-} /* DISABLED STATE */ .form-control__disabled_txxat {
+} /* DISABLED STATE */ .form-control__disabled_1k0c3 {
     background-color: var(--form-control-disabled-bg-color);
     box-shadow: var(--form-control-disabled-shadow);
-} .form-control__disabled_txxat:before {
+} .form-control__disabled_1k0c3:before {
     border-bottom: var(--form-control-disabled-border-bottom);
-} .form-control__disabled_txxat.form-control__hasError_txxat {
+} .form-control__disabled_1k0c3.form-control__hasError_1k0c3 {
     box-shadow: var(--form-control-error-disabled-shadow);
     background-color: var(--form-control-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_txxat:not(.form-control__disabled_txxat):hover {
+} /* HOVER STATE */ .form-control__inner_1k0c3:not(.form-control__disabled_1k0c3):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_txxat.form-control__inner_txxat,
-.form-control__focused_txxat.form-control__inner_txxat:hover {
+} /* FOCUS STATE */ .form-control__focused_1k0c3.form-control__inner_1k0c3,
+.form-control__focused_1k0c3.form-control__inner_1k0c3:hover {
     background-color: var(--form-control-focus-bg-color);
     box-shadow: var(--form-control-focus-shadow)
-} .form-control__focused_txxat.form-control__inner_txxat.form-control__hasError_txxat, .form-control__focused_txxat.form-control__inner_txxat:hover.form-control__hasError_txxat {
+} .form-control__focused_1k0c3.form-control__inner_1k0c3.form-control__hasError_1k0c3, .form-control__focused_1k0c3.form-control__inner_1k0c3:hover.form-control__hasError_1k0c3 {
         box-shadow: var(--form-control-focus-error-shadow);
-    } .form-control__hasError_txxat {
+    } .form-control__hasError_1k0c3 {
     box-shadow: var(--form-control-error-shadow);
     background-color: var(--form-control-error-bg-color);
-} .form-control__hasError_txxat:before {
+} .form-control__hasError_1k0c3:before {
     border-bottom: var(--form-control-error-border-bottom);
 }

package/form-control/esm/default.mobile.css

@@ -65,29 +65,29 @@
     --form-control-mobile-border-bottom: 0;
     --form-control-mobile-disabled-border-bottom: 0;
     --form-control-error-mobile-border-bottom: 0;
-} .form-control__inner_4g4uh {
+} .form-control__inner_1dzor {
     background-color: var(--form-control-mobile-bg-color);
-} /* Нижняя граница */ .form-control__inner_4g4uh:before {
+} /* Нижняя граница */ .form-control__inner_1dzor:before {
     border-bottom: var(--form-control-mobile-border-bottom);
-} /* DISABLED STATE */ .form-control__disabled_4g4uh {
+} /* DISABLED STATE */ .form-control__disabled_1dzor {
     background-color: var(--form-control-mobile-disabled-bg-color);
     box-shadow: var(--form-control-mobile-disabled-shadow);
-} .form-control__disabled_4g4uh:before {
+} .form-control__disabled_1dzor:before {
     border-bottom: var(--form-control-mobile-disabled-border-bottom);
-} .form-control__disabled_4g4uh.form-control__hasError_4g4uh {
+} .form-control__disabled_1dzor.form-control__hasError_1dzor {
     box-shadow: var(--form-control-error-mobile-disabled-shadow);
     background-color: var(--form-control-mobile-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_4g4uh:not(.form-control__disabled_4g4uh):hover {
+} /* HOVER STATE */ .form-control__inner_1dzor:not(.form-control__disabled_1dzor):hover {
     background-color: var(--form-control-mobile-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_4g4uh.form-control__inner_4g4uh,
-.form-control__focused_4g4uh.form-control__inner_4g4uh:hover {
+} /* FOCUS STATE */ .form-control__focused_1dzor.form-control__inner_1dzor,
+.form-control__focused_1dzor.form-control__inner_1dzor:hover {
     background-color: var(--form-control-focus-mobile-bg-color);
     box-shadow: var(--form-control-focus-mobile-shadow)
-} .form-control__focused_4g4uh.form-control__inner_4g4uh.form-control__hasError_4g4uh, .form-control__focused_4g4uh.form-control__inner_4g4uh:hover.form-control__hasError_4g4uh {
+} .form-control__focused_1dzor.form-control__inner_1dzor.form-control__hasError_1dzor, .form-control__focused_1dzor.form-control__inner_1dzor:hover.form-control__hasError_1dzor {
         box-shadow: var(--form-control-focus-error-mobile-shadow);
-    } .form-control__hasError_4g4uh {
+    } .form-control__hasError_1dzor {
     box-shadow: var(--form-control-error-mobile-shadow);
     background-color: var(--form-control-error-mobile-bg-color);
-} .form-control__hasError_4g4uh:before {
+} .form-control__hasError_1dzor:before {
     border-bottom: var(--form-control-error-mobile-border-bottom);
 }

package/form-control/esm/desktop.css

@@ -56,18 +56,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_3jq0v {
+} .form-control__above_1cif9 {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_3jq0v {
+} .form-control__sub_1cif9 {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_3jq0v {
+} .form-control__error_1cif9 {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__s_3jq0v .form-control__inner_3jq0v {
+} /* SIZES */ .form-control__s_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__m_3jq0v .form-control__inner_3jq0v {
+} .form-control__m_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__l_3jq0v .form-control__inner_3jq0v {
+} .form-control__l_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__xl_3jq0v .form-control__inner_3jq0v {
+} .form-control__xl_1cif9 .form-control__inner_1cif9 {
     border-radius: var(--form-control-xl-border-radius);
 }

package/form-control/esm/inverted.desktop.css

@@ -73,29 +73,29 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__inner_zazv7 {
+} .form-control__inner_mcybl {
     background-color: var(--form-control-inverted-bg-color);
-} /* Нижняя граница */ .form-control__inner_zazv7:before {
+} /* Нижняя граница */ .form-control__inner_mcybl:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__disabled_zazv7 {
+} /* DISABLED STATE */ .form-control__disabled_mcybl {
     background-color: var(--form-control-inverted-disabled-bg-color);
     box-shadow: var(--form-control-inverted-disabled-shadow);
-} .form-control__disabled_zazv7:before {
+} .form-control__disabled_mcybl:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_zazv7.form-control__hasError_zazv7 {
+} .form-control__disabled_mcybl.form-control__hasError_mcybl {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_zazv7:not(.form-control__disabled_zazv7):hover {
+} /* HOVER STATE */ .form-control__inner_mcybl:not(.form-control__disabled_mcybl):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_zazv7.form-control__inner_zazv7,
-.form-control__focused_zazv7.form-control__inner_zazv7:hover {
+} /* FOCUS STATE */ .form-control__focused_mcybl.form-control__inner_mcybl,
+.form-control__focused_mcybl.form-control__inner_mcybl:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_zazv7.form-control__inner_zazv7.form-control__hasError_zazv7, .form-control__focused_zazv7.form-control__inner_zazv7:hover.form-control__hasError_zazv7 {
+} .form-control__focused_mcybl.form-control__inner_mcybl.form-control__hasError_mcybl, .form-control__focused_mcybl.form-control__inner_mcybl:hover.form-control__hasError_mcybl {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
-    } .form-control__hasError_zazv7 {
+    } .form-control__hasError_mcybl {
     box-shadow: var(--form-control-inverted-error-shadow);
     background-color: var(--form-control-inverted-error-bg-color);
-} .form-control__hasError_zazv7:before {
+} .form-control__hasError_mcybl:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
 }

package/form-control/esm/inverted.mobile.css

@@ -68,29 +68,29 @@
     --form-control-inverted-mobile-border-bottom: 0;
     --form-control-inverted-mobile-disabled-border-bottom: 0;
     --form-control-inverted-error-mobile-border-bottom: 0;
-} .form-control__inner_1ja34 {
+} .form-control__inner_94l3m {
     background-color: var(--form-control-inverted-mobile-bg-color);
-} /* Нижняя граница */ .form-control__inner_1ja34:before {
+} /* Нижняя граница */ .form-control__inner_94l3m:before {
     border-bottom: var(--form-control-inverted-mobile-border-bottom);
-} /* DISABLED STATE */ .form-control__disabled_1ja34 {
+} /* DISABLED STATE */ .form-control__disabled_94l3m {
     background-color: var(--form-control-mobile-inverted-disabled-bg-color);
     box-shadow: var(--form-control-mobile-inverted-disabled-shadow);
-} .form-control__disabled_1ja34:before {
+} .form-control__disabled_94l3m:before {
     border-bottom: var(--form-control-inverted-mobile-disabled-border-bottom);
-} .form-control__disabled_1ja34.form-control__hasError_1ja34 {
+} .form-control__disabled_94l3m.form-control__hasError_94l3m {
     box-shadow: var(--form-control-inverted-error-mobile-disabled-shadow);
     background-color: var(--form-control-mobile-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_1ja34:not(.form-control__disabled_1ja34):hover {
+} /* HOVER STATE */ .form-control__inner_94l3m:not(.form-control__disabled_94l3m):hover {
     background-color: var(--form-control-inverted-mobile-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_1ja34.form-control__inner_1ja34,
-.form-control__focused_1ja34.form-control__inner_1ja34:hover {
+} /* FOCUS STATE */ .form-control__focused_94l3m.form-control__inner_94l3m,
+.form-control__focused_94l3m.form-control__inner_94l3m:hover {
     background-color: var(--form-control-inverted-focus-mobile-bg-color);
     box-shadow: var(--form-control-inverted-focus-mobile-shadow)
-} .form-control__focused_1ja34.form-control__inner_1ja34.form-control__hasError_1ja34, .form-control__focused_1ja34.form-control__inner_1ja34:hover.form-control__hasError_1ja34 {
+} .form-control__focused_94l3m.form-control__inner_94l3m.form-control__hasError_94l3m, .form-control__focused_94l3m.form-control__inner_94l3m:hover.form-control__hasError_94l3m {
         box-shadow: var(--form-control-inverted-focus-error-mobile-shadow);
-    } .form-control__hasError_1ja34 {
+    } .form-control__hasError_94l3m {
     box-shadow: var(--form-control-inverted-error-mobile-shadow);
     background-color: var(--form-control-inverted-error-mobile-bg-color);
-} .form-control__hasError_1ja34:before {
+} .form-control__hasError_94l3m:before {
     border-bottom: var(--form-control-inverted-error-mobile-border-bottom);
 }

package/form-control/esm/mobile.css

@@ -55,18 +55,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_1sg01 {
+} .form-control__above_iwg4b {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_1sg01 {
+} .form-control__sub_iwg4b {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_1sg01 {
+} .form-control__error_iwg4b {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__s_1sg01 .form-control__inner_1sg01 {
+} /* SIZES */ .form-control__s_iwg4b .form-control__inner_iwg4b {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__m_1sg01 .form-control__inner_1sg01 {
+} .form-control__m_iwg4b .form-control__inner_iwg4b {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__l_1sg01 .form-control__inner_1sg01 {
+} .form-control__l_iwg4b .form-control__inner_iwg4b {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__xl_1sg01 .form-control__inner_1sg01 {
+} .form-control__xl_iwg4b .form-control__inner_iwg4b {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

package/form-control/inverted.desktop.css

@@ -73,29 +73,29 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__inner_zazv7 {
+} .form-control__inner_mcybl {
     background-color: var(--form-control-inverted-bg-color);
-} /* Нижняя граница */ .form-control__inner_zazv7:before {
+} /* Нижняя граница */ .form-control__inner_mcybl:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__disabled_zazv7 {
+} /* DISABLED STATE */ .form-control__disabled_mcybl {
     background-color: var(--form-control-inverted-disabled-bg-color);
     box-shadow: var(--form-control-inverted-disabled-shadow);
-} .form-control__disabled_zazv7:before {
+} .form-control__disabled_mcybl:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_zazv7.form-control__hasError_zazv7 {
+} .form-control__disabled_mcybl.form-control__hasError_mcybl {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_zazv7:not(.form-control__disabled_zazv7):hover {
+} /* HOVER STATE */ .form-control__inner_mcybl:not(.form-control__disabled_mcybl):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_zazv7.form-control__inner_zazv7,
-.form-control__focused_zazv7.form-control__inner_zazv7:hover {
+} /* FOCUS STATE */ .form-control__focused_mcybl.form-control__inner_mcybl,
+.form-control__focused_mcybl.form-control__inner_mcybl:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_zazv7.form-control__inner_zazv7.form-control__hasError_zazv7, .form-control__focused_zazv7.form-control__inner_zazv7:hover.form-control__hasError_zazv7 {
+} .form-control__focused_mcybl.form-control__inner_mcybl.form-control__hasError_mcybl, .form-control__focused_mcybl.form-control__inner_mcybl:hover.form-control__hasError_mcybl {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
-    } .form-control__hasError_zazv7 {
+    } .form-control__hasError_mcybl {
     box-shadow: var(--form-control-inverted-error-shadow);
     background-color: var(--form-control-inverted-error-bg-color);
-} .form-control__hasError_zazv7:before {
+} .form-control__hasError_mcybl:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
 }