@alfalab/core-components 48.23.0-beta.1 → 48.23.1

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

@@ -83,11 +83,11 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_1fk6r {
+} .form-control__component_nae38 {
     font-family: var(--form-control-font-family);
     width: max-content;
     max-width: 100%;
-} .form-control__inner_1fk6r {
+} .form-control__inner_nae38 {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -97,7 +97,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_1fk6r:before {
+} /* Нижняя граница */ .form-control__inner_nae38:before {
     content: '';
     display: block;
     position: absolute;
@@ -106,21 +106,21 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_1fk6r {
+} .form-control__inputWrapper_nae38 {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_1fk6r {
+} .form-control__input_nae38 {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_1fk6r > * {
+} .form-control__input_nae38 > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__input_1fk6r.form-control__size-40_1fk6r > * {
+} .form-control__input_nae38.form-control__size-40_nae38 > * {
     padding: 0 var(--gap-8);
-} .form-control__label_1fk6r {
+} .form-control__label_nae38 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -135,32 +135,32 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_1fk6r {
+} .form-control__labelInner_nae38 {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_1fk6r {
+} .form-control__addons_nae38 {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_1fk6r {
+} .form-control__leftAddons_nae38 {
     padding-left: var(--gap-12);
-} .form-control__rightAddons_1fk6r {
+} .form-control__rightAddons_nae38 {
     padding-right: var(--gap-12);
-} .form-control__sub_1fk6r {
+} .form-control__sub_nae38 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px
-} .form-control__sub_1fk6r.form-control__size-40_1fk6r {
+} .form-control__sub_nae38.form-control__size-40_nae38 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         margin-top: var(--gap-4);
-    } .form-control__above_1fk6r {
+    } .form-control__above_nae38 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -170,85 +170,85 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .form-control__above_1fk6r.form-control__size-40_1fk6r {
+} .form-control__above_nae38.form-control__size-40_nae38 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         margin-bottom: var(--gap-4);
-    } .form-control__block_1fk6r {
+    } .form-control__block_nae38 {
     width: 100%;
-} /* SIZES */ .form-control__size-40_1fk6r .form-control__inner_1fk6r {
+} /* SIZES */ .form-control__size-40_nae38 .form-control__inner_nae38 {
         min-height: var(--form-control-40-min-height);
         padding: var(--gap-0) var(--gap-4);
-    } .form-control__size-40_1fk6r .form-control__hasInnerLabel_1fk6r .form-control__input_1fk6r > * {
+    } .form-control__size-40_nae38 .form-control__hasInnerLabel_nae38 .form-control__input_nae38 > * {
         padding: var(--form-control-labeled-40-paddings);
-    } .form-control__size-40_1fk6r .form-control__label_1fk6r {
+    } .form-control__size-40_nae38 .form-control__label_nae38 {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         top: calc(var(--form-control-40-min-height) / 2);
         left: var(--gap-8);
-    } .form-control__size-40_1fk6r .form-control__addons_1fk6r.form-control__rightAddons_1fk6r {
+    } .form-control__size-40_nae38 .form-control__addons_nae38.form-control__rightAddons_nae38 {
             padding-right: var(--gap-8);
-        } .form-control__size-40_1fk6r .form-control__addons_1fk6r.form-control__leftAddons_1fk6r {
+        } .form-control__size-40_nae38 .form-control__addons_nae38.form-control__leftAddons_nae38 {
             padding-left: var(--gap-8);
-        } .form-control__size-48_1fk6r .form-control__inner_1fk6r {
+        } .form-control__size-48_nae38 .form-control__inner_nae38 {
     min-height: var(--form-control-s-min-height);
-} .form-control__size-48_1fk6r .form-control__hasInnerLabel_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-48_nae38 .form-control__hasInnerLabel_nae38 .form-control__input_nae38 > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__size-48_1fk6r .form-control__label_1fk6r {
+} .form-control__size-48_nae38 .form-control__label_nae38 {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__size-56_1fk6r .form-control__inner_1fk6r {
+} .form-control__size-56_nae38 .form-control__inner_nae38 {
     min-height: var(--form-control-m-min-height);
-} .form-control__size-56_1fk6r .form-control__hasInnerLabel_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-56_nae38 .form-control__hasInnerLabel_nae38 .form-control__input_nae38 > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__size-56_1fk6r .form-control__label_1fk6r {
+} .form-control__size-56_nae38 .form-control__label_nae38 {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__size-64_1fk6r .form-control__inner_1fk6r {
+} .form-control__size-64_nae38 .form-control__inner_nae38 {
     min-height: var(--form-control-l-min-height);
-} .form-control__size-64_1fk6r .form-control__hasInnerLabel_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-64_nae38 .form-control__hasInnerLabel_nae38 .form-control__input_nae38 > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__size-64_1fk6r .form-control__label_1fk6r {
+} .form-control__size-64_nae38 .form-control__label_nae38 {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__size-72_1fk6r .form-control__inner_1fk6r {
+} .form-control__size-72_nae38 .form-control__inner_nae38 {
     min-height: var(--form-control-xl-min-height);
-} .form-control__size-72_1fk6r .form-control__label_1fk6r {
+} .form-control__size-72_nae38 .form-control__label_nae38 {
     left: var(--gap-16);
-} .form-control__size-72_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-72_nae38 .form-control__input_nae38 > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__size-72_1fk6r .form-control__hasInnerLabel_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-72_nae38 .form-control__hasInnerLabel_nae38 .form-control__input_nae38 > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__size-72_1fk6r .form-control__leftAddons_1fk6r {
+} .form-control__size-72_nae38 .form-control__leftAddons_nae38 {
     padding-left: var(--gap-16);
-} .form-control__size-72_1fk6r .form-control__rightAddons_1fk6r {
+} .form-control__size-72_nae38 .form-control__rightAddons_nae38 {
     padding-right: var(--gap-16);
-} .form-control__size-72_1fk6r.form-control__hasLeftAddons_1fk6r .form-control__label_1fk6r {
+} .form-control__size-72_nae38.form-control__hasLeftAddons_nae38 .form-control__label_nae38 {
     left: var(--gap-12);
-} .form-control__size-72_1fk6r.form-control__hasLeftAddons_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-72_nae38.form-control__hasLeftAddons_nae38 .form-control__input_nae38 > * {
     padding-left: var(--gap-12);
-} .form-control__size-72_1fk6r.form-control__hasRightAddons_1fk6r .form-control__input_1fk6r > * {
+} .form-control__size-72_nae38.form-control__hasRightAddons_nae38 .form-control__input_nae38 > * {
     padding-right: var(--gap-12);
-} .form-control__size-72_1fk6r .form-control__label_1fk6r {
+} .form-control__size-72_nae38 .form-control__label_nae38 {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_1fk6r {
+} /* DISABLED STATE */ .form-control__disabled_nae38 {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_1fk6r:not(.form-control__disabled_1fk6r):before,
-.form-control__hasError_1fk6r:before {
+} /* FOCUS STATE */ .form-control__focused_nae38:not(.form-control__disabled_nae38):before,
+.form-control__hasError_nae38:before {
     transform: scaleY(2);
-} .form-control__filled_1fk6r .form-control__label_1fk6r {
+} .form-control__filled_nae38 .form-control__label_nae38 {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__size-72_1fk6r .form-control__filled_1fk6r .form-control__label_1fk6r {
+} .form-control__size-72_nae38 .form-control__filled_nae38 .form-control__label_nae38 {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_1fk6r {
+} .form-control__hiddenLabel_nae38 {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__size-72_1fk6r .form-control__hiddenLabel_1fk6r {
+} .form-control__size-72_nae38 .form-control__hiddenLabel_nae38 {
     padding: var(--form-control-xl-paddings);
 }

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

@@ -77,41 +77,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_nmtih {
+} .form-control__component_1fwm6 {
     color: var(--form-control-inverted-color);
-} .form-control__label_nmtih {
+} .form-control__label_1fwm6 {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_nmtih {
+} .form-control__hint_1fwm6 {
     color: var(--form-control-inverted-hint-color);
-} /* Нижняя граница */ .form-control__inner_nmtih:before {
+} /* Нижняя граница */ .form-control__inner_1fwm6:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_nmtih.form-control__disabled_nmtih {
+} /* DISABLED STATE */ .form-control__inner_1fwm6.form-control__disabled_1fwm6 {
     color: var(--form-control-inverted-disabled-color);
     background-color: var(--form-control-inverted-disabled-bg-color);
     box-shadow: var(--form-control-inverted-disabled-shadow);
-} .form-control__disabled_nmtih:before {
+} .form-control__disabled_1fwm6:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_nmtih .form-control__label_nmtih {
+} .form-control__disabled_1fwm6 .form-control__label_1fwm6 {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} .form-control__disabled_nmtih.form-control__hasError_nmtih {
+} .form-control__disabled_1fwm6.form-control__hasError_1fwm6 {
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_nmtih:not(.form-control__disabled_nmtih):hover {
+} /* HOVER STATE */ .form-control__inner_1fwm6:not(.form-control__disabled_1fwm6):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_nmtih:not(.form-control__disabled_nmtih):not(.form-control__hasError_nmtih):before {
+} /* FOCUS STATE */ .form-control__focused_1fwm6:not(.form-control__disabled_1fwm6):not(.form-control__hasError_1fwm6):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} .form-control__focused_nmtih.form-control__inner_nmtih,
-.form-control__focused_nmtih.form-control__inner_nmtih:hover {
+} .form-control__focused_1fwm6.form-control__inner_1fwm6,
+.form-control__focused_1fwm6.form-control__inner_1fwm6:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_nmtih.form-control__inner_nmtih.form-control__hasError_nmtih, .form-control__focused_nmtih.form-control__inner_nmtih:hover.form-control__hasError_nmtih {
+} .form-control__focused_1fwm6.form-control__inner_1fwm6.form-control__hasError_1fwm6, .form-control__focused_1fwm6.form-control__inner_1fwm6:hover.form-control__hasError_1fwm6 {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
         background-color: var(--form-control-inverted-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_nmtih {
+    } /* ERROR STATE */ .form-control__error_1fwm6 {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_nmtih {
+} .form-control__hasError_1fwm6 {
     box-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__hasError_nmtih:before {
+} .form-control__hasError_1fwm6:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
-} .form-control__hasError_nmtih .form-control__label_nmtih {
+} .form-control__hasError_1fwm6 .form-control__label_1fwm6 {
     color: var(--form-control-inverted-error-label-color);
 }

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

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"inner":"form-control__inner_svxg7","focused":"form-control__focused_svxg7","hasError":"form-control__hasError_svxg7","disabled":"form-control__disabled_svxg7"};
+var defaultColors = {"inner":"form-control__inner_m4rpz","focused":"form-control__focused_m4rpz","hasError":"form-control__hasError_m4rpz","disabled":"form-control__disabled_m4rpz"};
 require('./default.desktop.css');
 
-var styles = {"above":"form-control__above_1tiqz","sub":"form-control__sub_1tiqz","error":"form-control__error_1tiqz","size-40":"form-control__size-40_1tiqz","inner":"form-control__inner_1tiqz","size-48":"form-control__size-48_1tiqz","size-56":"form-control__size-56_1tiqz","size-64":"form-control__size-64_1tiqz","size-72":"form-control__size-72_1tiqz"};
+var styles = {"above":"form-control__above_mrflz","sub":"form-control__sub_mrflz","error":"form-control__error_mrflz","size-40":"form-control__size-40_mrflz","inner":"form-control__inner_mrflz","size-48":"form-control__size-48_mrflz","size-56":"form-control__size-56_mrflz","size-64":"form-control__size-64_mrflz","size-72":"form-control__size-72_mrflz"};
 require('./desktop.css');
 
-var invertedColors = {"inner":"form-control__inner_1bzo5","hasError":"form-control__hasError_1bzo5","disabled":"form-control__disabled_1bzo5"};
+var invertedColors = {"inner":"form-control__inner_jpvgr","hasError":"form-control__hasError_jpvgr","disabled":"form-control__disabled_jpvgr"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -57,14 +57,14 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_svxg7 {
+} .form-control__inner_m4rpz {
     background-color: var(--form-control-bg-color);
-} .form-control__inner_svxg7:not(.form-control__focused_svxg7):not(.form-control__hasError_svxg7):not(.form-control__disabled_svxg7) {
+} .form-control__inner_m4rpz:not(.form-control__focused_m4rpz):not(.form-control__hasError_m4rpz):not(.form-control__disabled_m4rpz) {
     box-shadow: var(--form-control-box-shadow)
-} .form-control__inner_svxg7:not(.form-control__focused_svxg7):not(.form-control__hasError_svxg7):not(.form-control__disabled_svxg7):hover {
+} .form-control__inner_m4rpz:not(.form-control__focused_m4rpz):not(.form-control__hasError_m4rpz):not(.form-control__disabled_m4rpz):hover {
         box-shadow: var(--form-control-box-shadow-hover);
-    } .form-control__inner_svxg7.form-control__hasError_svxg7 {
+    } .form-control__inner_m4rpz.form-control__hasError_m4rpz {
     background-color: var(--form-control-error-bg-color);
-} .form-control__disabled_svxg7.form-control__hasError_svxg7 {
+} .form-control__disabled_m4rpz.form-control__hasError_m4rpz {
     box-shadow: var(--form-control-error-disabled-shadow);
 }

package/form-control/desktop/desktop.css

@@ -59,22 +59,22 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_1tiqz {
+} .form-control__above_mrflz {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_1tiqz {
+} .form-control__sub_mrflz {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_1tiqz {
+} .form-control__error_mrflz {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__size-40_1tiqz .form-control__inner_1tiqz {
+} /* SIZES */ .form-control__size-40_mrflz .form-control__inner_mrflz {
     border-radius: var(--form-control-40-border-radius)
-} .form-control__size-40_1tiqz .form-control__inner_1tiqz:before {
+} .form-control__size-40_mrflz .form-control__inner_mrflz:before {
         left: 0;
-    } .form-control__size-48_1tiqz .form-control__inner_1tiqz {
+    } .form-control__size-48_mrflz .form-control__inner_mrflz {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__size-56_1tiqz .form-control__inner_1tiqz {
+} .form-control__size-56_mrflz .form-control__inner_mrflz {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__size-64_1tiqz .form-control__inner_1tiqz {
+} .form-control__size-64_mrflz .form-control__inner_mrflz {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__size-72_1tiqz .form-control__inner_1tiqz {
+} .form-control__size-72_mrflz .form-control__inner_mrflz {
     border-radius: var(--form-control-xl-border-radius);
 }

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

@@ -56,10 +56,10 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_1bzo5 {
+} .form-control__inner_jpvgr {
     background-color: var(--form-control-inverted-bg-color);
-} .form-control__inner_1bzo5.form-control__hasError_1bzo5 {
+} .form-control__inner_jpvgr.form-control__hasError_jpvgr {
     background-color: var(--form-control-inverted-error-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1bzo5.form-control__hasError_1bzo5 {
+} /* DISABLED STATE */ .form-control__disabled_jpvgr.form-control__hasError_jpvgr {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
 }

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

@@ -3,13 +3,13 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var defaultColors = {"component":"form-control__component_brbzn","label":"form-control__label_brbzn","hint":"form-control__hint_brbzn","inner":"form-control__inner_brbzn","disabled":"form-control__disabled_brbzn","hasError":"form-control__hasError_brbzn","focused":"form-control__focused_brbzn","error":"form-control__error_brbzn"};
+var defaultColors = {"component":"form-control__component_1414o","label":"form-control__label_1414o","hint":"form-control__hint_1414o","inner":"form-control__inner_1414o","disabled":"form-control__disabled_1414o","hasError":"form-control__hasError_1414o","focused":"form-control__focused_1414o","error":"form-control__error_1414o"};
 require('./default.css');
 
-var commonStyles = {"component":"form-control__component_1fk6r","inner":"form-control__inner_1fk6r","inputWrapper":"form-control__inputWrapper_1fk6r","input":"form-control__input_1fk6r","size-40":"form-control__size-40_1fk6r","label":"form-control__label_1fk6r","labelInner":"form-control__labelInner_1fk6r","addons":"form-control__addons_1fk6r","leftAddons":"form-control__leftAddons_1fk6r","rightAddons":"form-control__rightAddons_1fk6r","sub":"form-control__sub_1fk6r","above":"form-control__above_1fk6r","block":"form-control__block_1fk6r","hasInnerLabel":"form-control__hasInnerLabel_1fk6r","size-48":"form-control__size-48_1fk6r","size-56":"form-control__size-56_1fk6r","size-64":"form-control__size-64_1fk6r","size-72":"form-control__size-72_1fk6r","hasLeftAddons":"form-control__hasLeftAddons_1fk6r","hasRightAddons":"form-control__hasRightAddons_1fk6r","disabled":"form-control__disabled_1fk6r","focused":"form-control__focused_1fk6r","hasError":"form-control__hasError_1fk6r","filled":"form-control__filled_1fk6r","hiddenLabel":"form-control__hiddenLabel_1fk6r"};
+var commonStyles = {"component":"form-control__component_nae38","inner":"form-control__inner_nae38","inputWrapper":"form-control__inputWrapper_nae38","input":"form-control__input_nae38","size-40":"form-control__size-40_nae38","label":"form-control__label_nae38","labelInner":"form-control__labelInner_nae38","addons":"form-control__addons_nae38","leftAddons":"form-control__leftAddons_nae38","rightAddons":"form-control__rightAddons_nae38","sub":"form-control__sub_nae38","above":"form-control__above_nae38","block":"form-control__block_nae38","hasInnerLabel":"form-control__hasInnerLabel_nae38","size-48":"form-control__size-48_nae38","size-56":"form-control__size-56_nae38","size-64":"form-control__size-64_nae38","size-72":"form-control__size-72_nae38","hasLeftAddons":"form-control__hasLeftAddons_nae38","hasRightAddons":"form-control__hasRightAddons_nae38","disabled":"form-control__disabled_nae38","focused":"form-control__focused_nae38","hasError":"form-control__hasError_nae38","filled":"form-control__filled_nae38","hiddenLabel":"form-control__hiddenLabel_nae38"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_nmtih","label":"form-control__label_nmtih","hint":"form-control__hint_nmtih","inner":"form-control__inner_nmtih","disabled":"form-control__disabled_nmtih","hasError":"form-control__hasError_nmtih","focused":"form-control__focused_nmtih","error":"form-control__error_nmtih"};
+var invertedColors = {"component":"form-control__component_1fwm6","label":"form-control__label_1fwm6","hint":"form-control__hint_1fwm6","inner":"form-control__inner_1fwm6","disabled":"form-control__disabled_1fwm6","hasError":"form-control__hasError_1fwm6","focused":"form-control__focused_1fwm6","error":"form-control__error_1fwm6"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -74,41 +74,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_brbzn {
+} .form-control__component_1414o {
     color: var(--form-control-color);
-} .form-control__label_brbzn {
+} .form-control__label_1414o {
     color: var(--form-control-label-color);
-} .form-control__hint_brbzn {
+} .form-control__hint_1414o {
     color: var(--form-control-hint-color);
-} /* Нижняя граница */ .form-control__inner_brbzn:before {
+} /* Нижняя граница */ .form-control__inner_1414o:before {
     border-bottom: var(--form-control-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_brbzn.form-control__disabled_brbzn {
+} /* DISABLED STATE */ .form-control__inner_1414o.form-control__disabled_1414o {
     color: var(--form-control-disabled-color);
     background-color: var(--form-control-disabled-bg-color);
     box-shadow: var(--form-control-disabled-shadow);
-} .form-control__disabled_brbzn:before {
+} .form-control__disabled_1414o:before {
     border-bottom: var(--form-control-disabled-border-bottom);
-} .form-control__disabled_brbzn .form-control__label_brbzn {
+} .form-control__disabled_1414o .form-control__label_1414o {
     color: var(--form-control-disabled-filled-label-color);
-} .form-control__disabled_brbzn.form-control__hasError_brbzn {
+} .form-control__disabled_1414o.form-control__hasError_1414o {
     background-color: var(--form-control-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_brbzn:not(.form-control__disabled_brbzn):hover {
+} /* HOVER STATE */ .form-control__inner_1414o:not(.form-control__disabled_1414o):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_brbzn:not(.form-control__disabled_brbzn):not(.form-control__hasError_brbzn):before {
+} /* FOCUS STATE */ .form-control__focused_1414o:not(.form-control__disabled_1414o):not(.form-control__hasError_1414o):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} .form-control__focused_brbzn.form-control__inner_brbzn,
-.form-control__focused_brbzn.form-control__inner_brbzn:hover {
+} .form-control__focused_1414o.form-control__inner_1414o,
+.form-control__focused_1414o.form-control__inner_1414o:hover {
     background-color: var(--form-control-focus-bg-color);
     box-shadow: var(--form-control-focus-shadow)
-} .form-control__focused_brbzn.form-control__inner_brbzn.form-control__hasError_brbzn, .form-control__focused_brbzn.form-control__inner_brbzn:hover.form-control__hasError_brbzn {
+} .form-control__focused_1414o.form-control__inner_1414o.form-control__hasError_1414o, .form-control__focused_1414o.form-control__inner_1414o:hover.form-control__hasError_1414o {
         box-shadow: var(--form-control-focus-error-shadow);
         background-color: var(--form-control-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_brbzn {
+    } /* ERROR STATE */ .form-control__error_1414o {
     color: var(--form-control-error-color);
-} .form-control__hasError_brbzn {
+} .form-control__hasError_1414o {
     box-shadow: var(--form-control-error-shadow);
-} .form-control__hasError_brbzn:before {
+} .form-control__hasError_1414o:before {
     border-bottom: var(--form-control-error-border-bottom);
-} .form-control__hasError_brbzn .form-control__label_brbzn {
+} .form-control__hasError_1414o .form-control__label_1414o {
     color: var(--form-control-error-label-color);
 }