@alfalab/core-components 47.22.0-beta.0 → 47.22.0

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

@@ -77,11 +77,11 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_1tph6 {
+} .form-control__component_b75hv {
     font-family: var(--form-control-font-family);
     width: max-content;
     max-width: 100%;
-} .form-control__inner_1tph6 {
+} .form-control__inner_b75hv {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -91,7 +91,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_1tph6:before {
+} /* Нижняя граница */ .form-control__inner_b75hv:before {
     content: '';
     display: block;
     position: absolute;
@@ -100,19 +100,19 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_1tph6 {
+} .form-control__inputWrapper_b75hv {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_1tph6 {
+} .form-control__input_b75hv {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_1tph6 > * {
+} .form-control__input_b75hv > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__label_1tph6 {
+} .form-control__label_b75hv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -127,27 +127,27 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_1tph6 {
+} .form-control__labelInner_b75hv {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_1tph6 {
+} .form-control__addons_b75hv {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_1tph6 {
+} .form-control__leftAddons_b75hv {
     padding-left: var(--gap-12);
-} .form-control__rightAddons_1tph6 {
+} .form-control__rightAddons_b75hv {
     padding-right: var(--gap-12);
-} .form-control__sub_1tph6 {
+} .form-control__sub_b75hv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px;
-} .form-control__above_1tph6 {
+} .form-control__above_b75hv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -157,65 +157,65 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .form-control__block_1tph6 {
+} .form-control__block_b75hv {
     width: 100%;
-} /* SIZES */ .form-control__size-48_1tph6 .form-control__inner_1tph6 {
+} /* SIZES */ .form-control__size-48_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-s-min-height);
-} .form-control__size-48_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-48_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__size-48_1tph6 .form-control__label_1tph6 {
+} .form-control__size-48_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__size-56_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-56_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-m-min-height);
-} .form-control__size-56_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-56_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__size-56_1tph6 .form-control__label_1tph6 {
+} .form-control__size-56_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__size-64_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-64_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-l-min-height);
-} .form-control__size-64_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-64_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__size-64_1tph6 .form-control__label_1tph6 {
+} .form-control__size-64_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__size-72_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-72_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-xl-min-height);
-} .form-control__size-72_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__label_b75hv {
     left: var(--gap-16);
-} .form-control__size-72_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__size-72_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__size-72_1tph6 .form-control__leftAddons_1tph6 {
+} .form-control__size-72_b75hv .form-control__leftAddons_b75hv {
     padding-left: var(--gap-16);
-} .form-control__size-72_1tph6 .form-control__rightAddons_1tph6 {
+} .form-control__size-72_b75hv .form-control__rightAddons_b75hv {
     padding-right: var(--gap-16);
-} .form-control__size-72_1tph6.form-control__hasLeftAddons_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv.form-control__hasLeftAddons_b75hv .form-control__label_b75hv {
     left: var(--gap-12);
-} .form-control__size-72_1tph6.form-control__hasLeftAddons_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv.form-control__hasLeftAddons_b75hv .form-control__input_b75hv > * {
     padding-left: var(--gap-12);
-} .form-control__size-72_1tph6.form-control__hasRightAddons_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv.form-control__hasRightAddons_b75hv .form-control__input_b75hv > * {
     padding-right: var(--gap-12);
-} .form-control__size-72_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_1tph6 {
+} /* DISABLED STATE */ .form-control__disabled_b75hv {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_1tph6:not(.form-control__disabled_1tph6):before,
-.form-control__hasError_1tph6:before {
+} /* FOCUS STATE */ .form-control__focused_b75hv:not(.form-control__disabled_b75hv):before,
+.form-control__hasError_b75hv:before {
     transform: scaleY(2);
-} .form-control__filled_1tph6 .form-control__label_1tph6 {
+} .form-control__filled_b75hv .form-control__label_b75hv {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__size-72_1tph6 .form-control__filled_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__filled_b75hv .form-control__label_b75hv {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_1tph6 {
+} .form-control__hiddenLabel_b75hv {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__size-72_1tph6 .form-control__hiddenLabel_1tph6 {
+} .form-control__size-72_b75hv .form-control__hiddenLabel_b75hv {
     padding: var(--form-control-xl-paddings);
 }

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

@@ -74,41 +74,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_9rb5o {
+} .form-control__component_nl81o {
     color: var(--form-control-inverted-color);
-} .form-control__label_9rb5o {
+} .form-control__label_nl81o {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_9rb5o {
+} .form-control__hint_nl81o {
     color: var(--form-control-inverted-hint-color);
-} /* Нижняя граница */ .form-control__inner_9rb5o:before {
+} /* Нижняя граница */ .form-control__inner_nl81o:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_9rb5o.form-control__disabled_9rb5o {
+} /* DISABLED STATE */ .form-control__inner_nl81o.form-control__disabled_nl81o {
     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_9rb5o:before {
+} .form-control__disabled_nl81o:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_9rb5o .form-control__label_9rb5o {
+} .form-control__disabled_nl81o .form-control__label_nl81o {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} .form-control__disabled_9rb5o.form-control__hasError_9rb5o {
+} .form-control__disabled_nl81o.form-control__hasError_nl81o {
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_9rb5o:not(.form-control__disabled_9rb5o):hover {
+} /* HOVER STATE */ .form-control__inner_nl81o:not(.form-control__disabled_nl81o):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_9rb5o:not(.form-control__disabled_9rb5o):not(.form-control__hasError_9rb5o):before {
+} /* FOCUS STATE */ .form-control__focused_nl81o:not(.form-control__disabled_nl81o):not(.form-control__hasError_nl81o):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} .form-control__focused_9rb5o.form-control__inner_9rb5o,
-.form-control__focused_9rb5o.form-control__inner_9rb5o:hover {
+} .form-control__focused_nl81o.form-control__inner_nl81o,
+.form-control__focused_nl81o.form-control__inner_nl81o:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_9rb5o.form-control__inner_9rb5o.form-control__hasError_9rb5o, .form-control__focused_9rb5o.form-control__inner_9rb5o:hover.form-control__hasError_9rb5o {
+} .form-control__focused_nl81o.form-control__inner_nl81o.form-control__hasError_nl81o, .form-control__focused_nl81o.form-control__inner_nl81o:hover.form-control__hasError_nl81o {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
         background-color: var(--form-control-inverted-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_9rb5o {
+    } /* ERROR STATE */ .form-control__error_nl81o {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_9rb5o {
+} .form-control__hasError_nl81o {
     box-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__hasError_9rb5o:before {
+} .form-control__hasError_nl81o:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
-} .form-control__hasError_9rb5o .form-control__label_9rb5o {
+} .form-control__hasError_nl81o .form-control__label_nl81o {
     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_1o63v","hasError":"form-control__hasError_1o63v","disabled":"form-control__disabled_1o63v"};
+var defaultColors = {"inner":"form-control__inner_5ns66","hasError":"form-control__hasError_5ns66","disabled":"form-control__disabled_5ns66"};
 require('./default.desktop.css');
 
-var styles = {"above":"form-control__above_12ied","sub":"form-control__sub_12ied","error":"form-control__error_12ied","size-48":"form-control__size-48_12ied","inner":"form-control__inner_12ied","size-56":"form-control__size-56_12ied","size-64":"form-control__size-64_12ied","size-72":"form-control__size-72_12ied"};
+var styles = {"above":"form-control__above_lzm0n","sub":"form-control__sub_lzm0n","error":"form-control__error_lzm0n","size-48":"form-control__size-48_lzm0n","inner":"form-control__inner_lzm0n","size-56":"form-control__size-56_lzm0n","size-64":"form-control__size-64_lzm0n","size-72":"form-control__size-72_lzm0n"};
 require('./desktop.css');
 
-var invertedColors = {"inner":"form-control__inner_ml78f","hasError":"form-control__hasError_ml78f","disabled":"form-control__disabled_ml78f"};
+var invertedColors = {"inner":"form-control__inner_8racf","hasError":"form-control__hasError_8racf","disabled":"form-control__disabled_8racf"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -52,10 +52,10 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_1o63v {
+} .form-control__inner_5ns66 {
     background-color: var(--form-control-bg-color);
-} .form-control__inner_1o63v.form-control__hasError_1o63v {
+} .form-control__inner_5ns66.form-control__hasError_5ns66 {
     background-color: var(--form-control-error-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1o63v.form-control__hasError_1o63v {
+} /* DISABLED STATE */ .form-control__disabled_5ns66.form-control__hasError_5ns66 {
     box-shadow: var(--form-control-error-disabled-shadow);
 }

package/form-control/desktop/desktop.css

@@ -55,18 +55,18 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_12ied {
+} .form-control__above_lzm0n {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_12ied {
+} .form-control__sub_lzm0n {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_12ied {
+} .form-control__error_lzm0n {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__size-48_12ied .form-control__inner_12ied {
+} /* SIZES */ .form-control__size-48_lzm0n .form-control__inner_lzm0n {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__size-56_12ied .form-control__inner_12ied {
+} .form-control__size-56_lzm0n .form-control__inner_lzm0n {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__size-64_12ied .form-control__inner_12ied {
+} .form-control__size-64_lzm0n .form-control__inner_lzm0n {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__size-72_12ied .form-control__inner_12ied {
+} .form-control__size-72_lzm0n .form-control__inner_lzm0n {
     border-radius: var(--form-control-xl-border-radius);
 }

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

@@ -53,10 +53,10 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_ml78f {
+} .form-control__inner_8racf {
     background-color: var(--form-control-inverted-bg-color);
-} .form-control__inner_ml78f.form-control__hasError_ml78f {
+} .form-control__inner_8racf.form-control__hasError_8racf {
     background-color: var(--form-control-inverted-error-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_ml78f.form-control__hasError_ml78f {
+} /* DISABLED STATE */ .form-control__disabled_8racf.form-control__hasError_8racf {
     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_9rncg","label":"form-control__label_9rncg","hint":"form-control__hint_9rncg","inner":"form-control__inner_9rncg","disabled":"form-control__disabled_9rncg","hasError":"form-control__hasError_9rncg","focused":"form-control__focused_9rncg","error":"form-control__error_9rncg"};
+var defaultColors = {"component":"form-control__component_nlk8g","label":"form-control__label_nlk8g","hint":"form-control__hint_nlk8g","inner":"form-control__inner_nlk8g","disabled":"form-control__disabled_nlk8g","hasError":"form-control__hasError_nlk8g","focused":"form-control__focused_nlk8g","error":"form-control__error_nlk8g"};
 require('./default.css');
 
-var commonStyles = {"component":"form-control__component_1tph6","inner":"form-control__inner_1tph6","inputWrapper":"form-control__inputWrapper_1tph6","input":"form-control__input_1tph6","label":"form-control__label_1tph6","labelInner":"form-control__labelInner_1tph6","addons":"form-control__addons_1tph6","leftAddons":"form-control__leftAddons_1tph6","rightAddons":"form-control__rightAddons_1tph6","sub":"form-control__sub_1tph6","above":"form-control__above_1tph6","block":"form-control__block_1tph6","size-48":"form-control__size-48_1tph6","hasInnerLabel":"form-control__hasInnerLabel_1tph6","size-56":"form-control__size-56_1tph6","size-64":"form-control__size-64_1tph6","size-72":"form-control__size-72_1tph6","hasLeftAddons":"form-control__hasLeftAddons_1tph6","hasRightAddons":"form-control__hasRightAddons_1tph6","disabled":"form-control__disabled_1tph6","focused":"form-control__focused_1tph6","hasError":"form-control__hasError_1tph6","filled":"form-control__filled_1tph6","hiddenLabel":"form-control__hiddenLabel_1tph6"};
+var commonStyles = {"component":"form-control__component_b75hv","inner":"form-control__inner_b75hv","inputWrapper":"form-control__inputWrapper_b75hv","input":"form-control__input_b75hv","label":"form-control__label_b75hv","labelInner":"form-control__labelInner_b75hv","addons":"form-control__addons_b75hv","leftAddons":"form-control__leftAddons_b75hv","rightAddons":"form-control__rightAddons_b75hv","sub":"form-control__sub_b75hv","above":"form-control__above_b75hv","block":"form-control__block_b75hv","size-48":"form-control__size-48_b75hv","hasInnerLabel":"form-control__hasInnerLabel_b75hv","size-56":"form-control__size-56_b75hv","size-64":"form-control__size-64_b75hv","size-72":"form-control__size-72_b75hv","hasLeftAddons":"form-control__hasLeftAddons_b75hv","hasRightAddons":"form-control__hasRightAddons_b75hv","disabled":"form-control__disabled_b75hv","focused":"form-control__focused_b75hv","hasError":"form-control__hasError_b75hv","filled":"form-control__filled_b75hv","hiddenLabel":"form-control__hiddenLabel_b75hv"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_9rb5o","label":"form-control__label_9rb5o","hint":"form-control__hint_9rb5o","inner":"form-control__inner_9rb5o","disabled":"form-control__disabled_9rb5o","hasError":"form-control__hasError_9rb5o","focused":"form-control__focused_9rb5o","error":"form-control__error_9rb5o"};
+var invertedColors = {"component":"form-control__component_nl81o","label":"form-control__label_nl81o","hint":"form-control__hint_nl81o","inner":"form-control__inner_nl81o","disabled":"form-control__disabled_nl81o","hasError":"form-control__hasError_nl81o","focused":"form-control__focused_nl81o","error":"form-control__error_nl81o"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -71,41 +71,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_9rncg {
+} .form-control__component_nlk8g {
     color: var(--form-control-color);
-} .form-control__label_9rncg {
+} .form-control__label_nlk8g {
     color: var(--form-control-label-color);
-} .form-control__hint_9rncg {
+} .form-control__hint_nlk8g {
     color: var(--form-control-hint-color);
-} /* Нижняя граница */ .form-control__inner_9rncg:before {
+} /* Нижняя граница */ .form-control__inner_nlk8g:before {
     border-bottom: var(--form-control-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_9rncg.form-control__disabled_9rncg {
+} /* DISABLED STATE */ .form-control__inner_nlk8g.form-control__disabled_nlk8g {
     color: var(--form-control-disabled-color);
     background-color: var(--form-control-disabled-bg-color);
     box-shadow: var(--form-control-disabled-shadow);
-} .form-control__disabled_9rncg:before {
+} .form-control__disabled_nlk8g:before {
     border-bottom: var(--form-control-disabled-border-bottom);
-} .form-control__disabled_9rncg .form-control__label_9rncg {
+} .form-control__disabled_nlk8g .form-control__label_nlk8g {
     color: var(--form-control-disabled-filled-label-color);
-} .form-control__disabled_9rncg.form-control__hasError_9rncg {
+} .form-control__disabled_nlk8g.form-control__hasError_nlk8g {
     background-color: var(--form-control-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_9rncg:not(.form-control__disabled_9rncg):hover {
+} /* HOVER STATE */ .form-control__inner_nlk8g:not(.form-control__disabled_nlk8g):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_9rncg:not(.form-control__disabled_9rncg):not(.form-control__hasError_9rncg):before {
+} /* FOCUS STATE */ .form-control__focused_nlk8g:not(.form-control__disabled_nlk8g):not(.form-control__hasError_nlk8g):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} .form-control__focused_9rncg.form-control__inner_9rncg,
-.form-control__focused_9rncg.form-control__inner_9rncg:hover {
+} .form-control__focused_nlk8g.form-control__inner_nlk8g,
+.form-control__focused_nlk8g.form-control__inner_nlk8g:hover {
     background-color: var(--form-control-focus-bg-color);
     box-shadow: var(--form-control-focus-shadow)
-} .form-control__focused_9rncg.form-control__inner_9rncg.form-control__hasError_9rncg, .form-control__focused_9rncg.form-control__inner_9rncg:hover.form-control__hasError_9rncg {
+} .form-control__focused_nlk8g.form-control__inner_nlk8g.form-control__hasError_nlk8g, .form-control__focused_nlk8g.form-control__inner_nlk8g:hover.form-control__hasError_nlk8g {
         box-shadow: var(--form-control-focus-error-shadow);
         background-color: var(--form-control-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_9rncg {
+    } /* ERROR STATE */ .form-control__error_nlk8g {
     color: var(--form-control-error-color);
-} .form-control__hasError_9rncg {
+} .form-control__hasError_nlk8g {
     box-shadow: var(--form-control-error-shadow);
-} .form-control__hasError_9rncg:before {
+} .form-control__hasError_nlk8g:before {
     border-bottom: var(--form-control-error-border-bottom);
-} .form-control__hasError_9rncg .form-control__label_9rncg {
+} .form-control__hasError_nlk8g .form-control__label_nlk8g {
     color: var(--form-control-error-label-color);
 }

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

@@ -77,11 +77,11 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_1tph6 {
+} .form-control__component_b75hv {
     font-family: var(--form-control-font-family);
     width: max-content;
     max-width: 100%;
-} .form-control__inner_1tph6 {
+} .form-control__inner_b75hv {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -91,7 +91,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_1tph6:before {
+} /* Нижняя граница */ .form-control__inner_b75hv:before {
     content: '';
     display: block;
     position: absolute;
@@ -100,19 +100,19 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_1tph6 {
+} .form-control__inputWrapper_b75hv {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_1tph6 {
+} .form-control__input_b75hv {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_1tph6 > * {
+} .form-control__input_b75hv > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__label_1tph6 {
+} .form-control__label_b75hv {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -127,27 +127,27 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_1tph6 {
+} .form-control__labelInner_b75hv {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_1tph6 {
+} .form-control__addons_b75hv {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_1tph6 {
+} .form-control__leftAddons_b75hv {
     padding-left: var(--gap-12);
-} .form-control__rightAddons_1tph6 {
+} .form-control__rightAddons_b75hv {
     padding-right: var(--gap-12);
-} .form-control__sub_1tph6 {
+} .form-control__sub_b75hv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px;
-} .form-control__above_1tph6 {
+} .form-control__above_b75hv {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -157,65 +157,65 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .form-control__block_1tph6 {
+} .form-control__block_b75hv {
     width: 100%;
-} /* SIZES */ .form-control__size-48_1tph6 .form-control__inner_1tph6 {
+} /* SIZES */ .form-control__size-48_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-s-min-height);
-} .form-control__size-48_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-48_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__size-48_1tph6 .form-control__label_1tph6 {
+} .form-control__size-48_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__size-56_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-56_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-m-min-height);
-} .form-control__size-56_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-56_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__size-56_1tph6 .form-control__label_1tph6 {
+} .form-control__size-56_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__size-64_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-64_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-l-min-height);
-} .form-control__size-64_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-64_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__size-64_1tph6 .form-control__label_1tph6 {
+} .form-control__size-64_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__size-72_1tph6 .form-control__inner_1tph6 {
+} .form-control__size-72_b75hv .form-control__inner_b75hv {
     min-height: var(--form-control-xl-min-height);
-} .form-control__size-72_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__label_b75hv {
     left: var(--gap-16);
-} .form-control__size-72_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__size-72_1tph6 .form-control__hasInnerLabel_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv .form-control__hasInnerLabel_b75hv .form-control__input_b75hv > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__size-72_1tph6 .form-control__leftAddons_1tph6 {
+} .form-control__size-72_b75hv .form-control__leftAddons_b75hv {
     padding-left: var(--gap-16);
-} .form-control__size-72_1tph6 .form-control__rightAddons_1tph6 {
+} .form-control__size-72_b75hv .form-control__rightAddons_b75hv {
     padding-right: var(--gap-16);
-} .form-control__size-72_1tph6.form-control__hasLeftAddons_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv.form-control__hasLeftAddons_b75hv .form-control__label_b75hv {
     left: var(--gap-12);
-} .form-control__size-72_1tph6.form-control__hasLeftAddons_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv.form-control__hasLeftAddons_b75hv .form-control__input_b75hv > * {
     padding-left: var(--gap-12);
-} .form-control__size-72_1tph6.form-control__hasRightAddons_1tph6 .form-control__input_1tph6 > * {
+} .form-control__size-72_b75hv.form-control__hasRightAddons_b75hv .form-control__input_b75hv > * {
     padding-right: var(--gap-12);
-} .form-control__size-72_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__label_b75hv {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_1tph6 {
+} /* DISABLED STATE */ .form-control__disabled_b75hv {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_1tph6:not(.form-control__disabled_1tph6):before,
-.form-control__hasError_1tph6:before {
+} /* FOCUS STATE */ .form-control__focused_b75hv:not(.form-control__disabled_b75hv):before,
+.form-control__hasError_b75hv:before {
     transform: scaleY(2);
-} .form-control__filled_1tph6 .form-control__label_1tph6 {
+} .form-control__filled_b75hv .form-control__label_b75hv {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__size-72_1tph6 .form-control__filled_1tph6 .form-control__label_1tph6 {
+} .form-control__size-72_b75hv .form-control__filled_b75hv .form-control__label_b75hv {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_1tph6 {
+} .form-control__hiddenLabel_b75hv {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__size-72_1tph6 .form-control__hiddenLabel_1tph6 {
+} .form-control__size-72_b75hv .form-control__hiddenLabel_b75hv {
     padding: var(--form-control-xl-paddings);
 }

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

@@ -74,41 +74,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_9rb5o {
+} .form-control__component_nl81o {
     color: var(--form-control-inverted-color);
-} .form-control__label_9rb5o {
+} .form-control__label_nl81o {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_9rb5o {
+} .form-control__hint_nl81o {
     color: var(--form-control-inverted-hint-color);
-} /* Нижняя граница */ .form-control__inner_9rb5o:before {
+} /* Нижняя граница */ .form-control__inner_nl81o:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_9rb5o.form-control__disabled_9rb5o {
+} /* DISABLED STATE */ .form-control__inner_nl81o.form-control__disabled_nl81o {
     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_9rb5o:before {
+} .form-control__disabled_nl81o:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_9rb5o .form-control__label_9rb5o {
+} .form-control__disabled_nl81o .form-control__label_nl81o {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} .form-control__disabled_9rb5o.form-control__hasError_9rb5o {
+} .form-control__disabled_nl81o.form-control__hasError_nl81o {
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_9rb5o:not(.form-control__disabled_9rb5o):hover {
+} /* HOVER STATE */ .form-control__inner_nl81o:not(.form-control__disabled_nl81o):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_9rb5o:not(.form-control__disabled_9rb5o):not(.form-control__hasError_9rb5o):before {
+} /* FOCUS STATE */ .form-control__focused_nl81o:not(.form-control__disabled_nl81o):not(.form-control__hasError_nl81o):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} .form-control__focused_9rb5o.form-control__inner_9rb5o,
-.form-control__focused_9rb5o.form-control__inner_9rb5o:hover {
+} .form-control__focused_nl81o.form-control__inner_nl81o,
+.form-control__focused_nl81o.form-control__inner_nl81o:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_9rb5o.form-control__inner_9rb5o.form-control__hasError_9rb5o, .form-control__focused_9rb5o.form-control__inner_9rb5o:hover.form-control__hasError_9rb5o {
+} .form-control__focused_nl81o.form-control__inner_nl81o.form-control__hasError_nl81o, .form-control__focused_nl81o.form-control__inner_nl81o:hover.form-control__hasError_nl81o {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
         background-color: var(--form-control-inverted-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_9rb5o {
+    } /* ERROR STATE */ .form-control__error_nl81o {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_9rb5o {
+} .form-control__hasError_nl81o {
     box-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__hasError_9rb5o:before {
+} .form-control__hasError_nl81o:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
-} .form-control__hasError_9rb5o .form-control__label_9rb5o {
+} .form-control__hasError_nl81o .form-control__label_nl81o {
     color: var(--form-control-inverted-error-label-color);
 }