@alfalab/core-components 43.2.0 → 44.0.0

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

@@ -1,4 +1,4 @@
-/* hash: w6zf1 */
+/* hash: m6m16 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -62,11 +62,11 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_qba71 {
+} .form-control__component_p0mxw {
     font-family: var(--form-control-font-family);
     width: max-content;
     max-width: 100%;
-} .form-control__inner_qba71 {
+} .form-control__inner_p0mxw {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -76,7 +76,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_qba71:before {
+} /* Нижняя граница */ .form-control__inner_p0mxw:before {
     content: '';
     display: block;
     position: absolute;
@@ -85,19 +85,19 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_qba71 {
+} .form-control__inputWrapper_p0mxw {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_qba71 {
+} .form-control__input_p0mxw {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_qba71 > * {
+} .form-control__input_p0mxw > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__label_qba71 {
+} .form-control__label_p0mxw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -112,27 +112,27 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_qba71 {
+} .form-control__labelInner_p0mxw {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_qba71 {
+} .form-control__addons_p0mxw {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_qba71 {
+} .form-control__leftAddons_p0mxw {
     padding-left: var(--gap-s);
-} .form-control__rightAddons_qba71 {
+} .form-control__rightAddons_p0mxw {
     padding-right: var(--gap-s);
-} .form-control__sub_qba71 {
+} .form-control__sub_p0mxw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px;
-} .form-control__above_qba71 {
+} .form-control__above_p0mxw {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -142,75 +142,65 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .form-control__block_qba71 {
+} .form-control__block_p0mxw {
     width: 100%;
-} /* SIZES */ .form-control__s_qba71 .form-control__inner_qba71 {
+} /* SIZES */ .form-control__s_p0mxw .form-control__inner_p0mxw {
     min-height: var(--form-control-s-min-height);
-} .form-control__s_qba71 .form-control__hasInnerLabel_qba71 .form-control__input_qba71 > * {
+} .form-control__s_p0mxw .form-control__hasInnerLabel_p0mxw .form-control__input_p0mxw > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__s_qba71 .form-control__label_qba71 {
+} .form-control__s_p0mxw .form-control__label_p0mxw {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__m_qba71 .form-control__inner_qba71 {
+} .form-control__m_p0mxw .form-control__inner_p0mxw {
     min-height: var(--form-control-m-min-height);
-} .form-control__m_qba71 .form-control__hasInnerLabel_qba71 .form-control__input_qba71 > * {
+} .form-control__m_p0mxw .form-control__hasInnerLabel_p0mxw .form-control__input_p0mxw > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__m_qba71 .form-control__label_qba71 {
+} .form-control__m_p0mxw .form-control__label_p0mxw {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__l_qba71 .form-control__inner_qba71 {
+} .form-control__l_p0mxw .form-control__inner_p0mxw {
     min-height: var(--form-control-l-min-height);
-} .form-control__l_qba71 .form-control__hasInnerLabel_qba71 .form-control__input_qba71 > * {
+} .form-control__l_p0mxw .form-control__hasInnerLabel_p0mxw .form-control__input_p0mxw > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__l_qba71 .form-control__label_qba71 {
+} .form-control__l_p0mxw .form-control__label_p0mxw {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__xl_qba71 .form-control__inner_qba71 {
+} .form-control__xl_p0mxw .form-control__inner_p0mxw {
     min-height: var(--form-control-xl-min-height);
-} .form-control__xl_qba71 .form-control__label_qba71 {
+} .form-control__xl_p0mxw .form-control__label_p0mxw {
     left: var(--gap-m);
-} .form-control__xl_qba71 .form-control__input_qba71 > * {
+} .form-control__xl_p0mxw .form-control__input_p0mxw > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__xl_qba71 .form-control__hasInnerLabel_qba71 .form-control__input_qba71 > * {
+} .form-control__xl_p0mxw .form-control__hasInnerLabel_p0mxw .form-control__input_p0mxw > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__xl_qba71 .form-control__leftAddons_qba71 {
+} .form-control__xl_p0mxw .form-control__leftAddons_p0mxw {
     padding-left: var(--gap-m);
-} .form-control__xl_qba71 .form-control__rightAddons_qba71 {
+} .form-control__xl_p0mxw .form-control__rightAddons_p0mxw {
     padding-right: var(--gap-m);
-} .form-control__xl_qba71.form-control__hasLeftAddons_qba71 .form-control__label_qba71 {
+} .form-control__xl_p0mxw.form-control__hasLeftAddons_p0mxw .form-control__label_p0mxw {
     left: var(--gap-s);
-} .form-control__xl_qba71.form-control__hasLeftAddons_qba71 .form-control__input_qba71 > * {
+} .form-control__xl_p0mxw.form-control__hasLeftAddons_p0mxw .form-control__input_p0mxw > * {
     padding-left: var(--gap-s);
-} .form-control__xl_qba71.form-control__hasRightAddons_qba71 .form-control__input_qba71 > * {
+} .form-control__xl_p0mxw.form-control__hasRightAddons_p0mxw .form-control__input_p0mxw > * {
     padding-right: var(--gap-s);
-} .form-control__xl_qba71 .form-control__label_qba71 {
+} .form-control__xl_p0mxw .form-control__label_p0mxw {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_qba71 {
+} /* DISABLED STATE */ .form-control__disabled_p0mxw {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_qba71:not(.form-control__disabled_qba71):before,
-.form-control__hasError_qba71:before {
+} /* FOCUS STATE */ .form-control__focused_p0mxw:not(.form-control__disabled_p0mxw):before,
+.form-control__hasError_p0mxw:before {
     transform: scaleY(2);
-} .form-control__filled_qba71 .form-control__label_qba71 {
+} .form-control__filled_p0mxw .form-control__label_p0mxw {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__xl_qba71 .form-control__filled_qba71 .form-control__label_qba71 {
+} .form-control__xl_p0mxw .form-control__filled_p0mxw .form-control__label_p0mxw {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_qba71 {
+} .form-control__hiddenLabel_p0mxw {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__xl_qba71 .form-control__hiddenLabel_qba71 {
+} .form-control__xl_p0mxw .form-control__hiddenLabel_p0mxw {
     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_qba71 {
-        display: inline-block;
-    }
-
-    .form-control__inner_qba71:after {
-        min-height: inherit;
-        font-size: 0;
-        content: '';
-    }
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1idmk */
+/* hash: l8y4a */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
@@ -71,41 +71,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_shdez {
+} .form-control__component_olfnk {
     color: var(--form-control-inverted-color);
-} .form-control__label_shdez {
+} .form-control__label_olfnk {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_shdez {
+} .form-control__hint_olfnk {
     color: var(--form-control-inverted-hint-color);
-} /* Нижняя граница */ .form-control__inner_shdez:before {
+} /* Нижняя граница */ .form-control__inner_olfnk:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_shdez.form-control__disabled_shdez {
+} /* DISABLED STATE */ .form-control__inner_olfnk.form-control__disabled_olfnk {
     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_shdez:before {
+} .form-control__disabled_olfnk:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_shdez .form-control__label_shdez {
+} .form-control__disabled_olfnk .form-control__label_olfnk {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} .form-control__disabled_shdez.form-control__hasError_shdez {
+} .form-control__disabled_olfnk.form-control__hasError_olfnk {
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_shdez:not(.form-control__disabled_shdez):hover {
+} /* HOVER STATE */ .form-control__inner_olfnk:not(.form-control__disabled_olfnk):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_shdez:not(.form-control__disabled_shdez):not(.form-control__hasError_shdez):before {
+} /* FOCUS STATE */ .form-control__focused_olfnk:not(.form-control__disabled_olfnk):not(.form-control__hasError_olfnk):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} .form-control__focused_shdez.form-control__inner_shdez,
-.form-control__focused_shdez.form-control__inner_shdez:hover {
+} .form-control__focused_olfnk.form-control__inner_olfnk,
+.form-control__focused_olfnk.form-control__inner_olfnk:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_shdez.form-control__inner_shdez.form-control__hasError_shdez, .form-control__focused_shdez.form-control__inner_shdez:hover.form-control__hasError_shdez {
+} .form-control__focused_olfnk.form-control__inner_olfnk.form-control__hasError_olfnk, .form-control__focused_olfnk.form-control__inner_olfnk:hover.form-control__hasError_olfnk {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
-    } /* ERROR STATE */ .form-control__error_shdez {
+    } /* ERROR STATE */ .form-control__error_olfnk {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_shdez {
+} .form-control__hasError_olfnk {
     box-shadow: var(--form-control-inverted-error-shadow);
     background-color: var(--form-control-inverted-error-bg-color);
-} .form-control__hasError_shdez:before {
+} .form-control__hasError_olfnk:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
-} .form-control__hasError_shdez .form-control__label_shdez {
+} .form-control__hasError_olfnk .form-control__label_olfnk {
     color: var(--form-control-inverted-error-label-color);
 }

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

@@ -4,13 +4,13 @@ import { BaseFormControl } from '../components/base-form-control/Component.js';
 import 'classnames';
 import '../../../shared/esm';
 
-var defaultColors = {"inner":"form-control__inner_bqjdi","disabled":"form-control__disabled_bqjdi","hasError":"form-control__hasError_bqjdi"};
+var defaultColors = {"inner":"form-control__inner_afw4d","disabled":"form-control__disabled_afw4d","hasError":"form-control__hasError_afw4d"};
 require('./default.desktop.css');
 
-var styles = {"above":"form-control__above_ysd22","sub":"form-control__sub_ysd22","error":"form-control__error_ysd22","s":"form-control__s_ysd22","inner":"form-control__inner_ysd22","m":"form-control__m_ysd22","l":"form-control__l_ysd22","xl":"form-control__xl_ysd22"};
+var styles = {"above":"form-control__above_uwfao","sub":"form-control__sub_uwfao","error":"form-control__error_uwfao","s":"form-control__s_uwfao","inner":"form-control__inner_uwfao","m":"form-control__m_uwfao","l":"form-control__l_uwfao","xl":"form-control__xl_uwfao"};
 require('./desktop.css');
 
-var invertedColors = {"inner":"form-control__inner_1mauq","disabled":"form-control__disabled_1mauq","hasError":"form-control__hasError_1mauq"};
+var invertedColors = {"inner":"form-control__inner_1l07h","disabled":"form-control__disabled_1l07h","hasError":"form-control__hasError_1l07h"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: 1doss */
+/* hash: 13ofe */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
@@ -46,8 +46,8 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_bqjdi {
+} .form-control__inner_afw4d {
     background-color: var(--form-control-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_bqjdi.form-control__hasError_bqjdi {
+} /* DISABLED STATE */ .form-control__disabled_afw4d.form-control__hasError_afw4d {
     box-shadow: var(--form-control-error-disabled-shadow);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 14m8s */
+/* hash: 1emm6 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -48,18 +48,18 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_ysd22 {
+} .form-control__above_uwfao {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_ysd22 {
+} .form-control__sub_uwfao {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_ysd22 {
+} .form-control__error_uwfao {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__s_ysd22 .form-control__inner_ysd22 {
+} /* SIZES */ .form-control__s_uwfao .form-control__inner_uwfao {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__m_ysd22 .form-control__inner_ysd22 {
+} .form-control__m_uwfao .form-control__inner_uwfao {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__l_ysd22 .form-control__inner_ysd22 {
+} .form-control__l_uwfao .form-control__inner_uwfao {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__xl_ysd22 .form-control__inner_ysd22 {
+} .form-control__xl_uwfao .form-control__inner_uwfao {
     border-radius: var(--form-control-xl-border-radius);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 23f6s */
+/* hash: z83mj */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
@@ -47,8 +47,8 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_1mauq {
+} .form-control__inner_1l07h {
     background-color: var(--form-control-inverted-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1mauq.form-control__hasError_1mauq {
+} /* DISABLED STATE */ .form-control__disabled_1l07h.form-control__hasError_1l07h {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
 }

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

@@ -4,13 +4,13 @@ import { BaseFormControl } from '../components/base-form-control/Component.js';
 import 'classnames';
 import '../../../shared/esm';
 
-var defaultColors = {"inner":"form-control__inner_dmirf","disabled":"form-control__disabled_dmirf","hasError":"form-control__hasError_dmirf"};
+var defaultColors = {"inner":"form-control__inner_cbvib","disabled":"form-control__disabled_cbvib","hasError":"form-control__hasError_cbvib"};
 require('./default.mobile.css');
 
-var invertedColors = {"inner":"form-control__inner_1c723","disabled":"form-control__disabled_1c723","hasError":"form-control__hasError_1c723"};
+var invertedColors = {"inner":"form-control__inner_1aweu","disabled":"form-control__disabled_1aweu","hasError":"form-control__hasError_1aweu"};
 require('./inverted.mobile.css');
 
-var styles = {"above":"form-control__above_1gwlt","sub":"form-control__sub_1gwlt","error":"form-control__error_1gwlt","s":"form-control__s_1gwlt","inner":"form-control__inner_1gwlt","m":"form-control__m_1gwlt","l":"form-control__l_1gwlt","xl":"form-control__xl_1gwlt"};
+var styles = {"above":"form-control__above_19hfy","sub":"form-control__sub_19hfy","error":"form-control__error_19hfy","s":"form-control__s_19hfy","inner":"form-control__inner_19hfy","m":"form-control__m_19hfy","l":"form-control__l_19hfy","xl":"form-control__xl_19hfy"};
 require('./mobile.css');
 
 var colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: sg79r */
+/* hash: 1pkvp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -46,8 +46,8 @@
 
     /* error mobile */
     --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);
-} .form-control__inner_dmirf {
+} .form-control__inner_cbvib {
     background-color: var(--form-control-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_dmirf.form-control__hasError_dmirf {
+} /* DISABLED STATE */ .form-control__disabled_cbvib.form-control__hasError_cbvib {
     box-shadow: var(--form-control-error-mobile-disabled-shadow);
 }

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

@@ -1,4 +1,4 @@
-/* hash: f47g8 */
+/* hash: 53u2d */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
@@ -47,8 +47,8 @@
 
     /* error mobile */
     --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__inner_1c723 {
+} .form-control__inner_1aweu {
     background-color: var(--form-control-inverted-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1c723.form-control__hasError_1c723 {
+} /* DISABLED STATE */ .form-control__disabled_1aweu.form-control__hasError_1aweu {
     box-shadow: var(--form-control-inverted-error-mobile-disabled-shadow);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1in0p */
+/* hash: 1qks6 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -47,18 +47,18 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_1gwlt {
+} .form-control__above_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_1gwlt {
+} .form-control__sub_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_1gwlt {
+} .form-control__error_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__s_1gwlt .form-control__inner_1gwlt {
+} /* SIZES */ .form-control__s_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__m_1gwlt .form-control__inner_1gwlt {
+} .form-control__m_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__l_1gwlt .form-control__inner_1gwlt {
+} .form-control__l_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__xl_1gwlt .form-control__inner_1gwlt {
+} .form-control__xl_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

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

@@ -10,13 +10,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"inner":"form-control__inner_dmirf","disabled":"form-control__disabled_dmirf","hasError":"form-control__hasError_dmirf"};
+var defaultColors = {"inner":"form-control__inner_cbvib","disabled":"form-control__disabled_cbvib","hasError":"form-control__hasError_cbvib"};
 require('./default.mobile.css');
 
-var invertedColors = {"inner":"form-control__inner_1c723","disabled":"form-control__disabled_1c723","hasError":"form-control__hasError_1c723"};
+var invertedColors = {"inner":"form-control__inner_1aweu","disabled":"form-control__disabled_1aweu","hasError":"form-control__hasError_1aweu"};
 require('./inverted.mobile.css');
 
-var styles = {"above":"form-control__above_1gwlt","sub":"form-control__sub_1gwlt","error":"form-control__error_1gwlt","s":"form-control__s_1gwlt","inner":"form-control__inner_1gwlt","m":"form-control__m_1gwlt","l":"form-control__l_1gwlt","xl":"form-control__xl_1gwlt"};
+var styles = {"above":"form-control__above_19hfy","sub":"form-control__sub_19hfy","error":"form-control__error_19hfy","s":"form-control__s_19hfy","inner":"form-control__inner_19hfy","m":"form-control__m_19hfy","l":"form-control__l_19hfy","xl":"form-control__xl_19hfy"};
 require('./mobile.css');
 
 var colorStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: sg79r */
+/* hash: 1pkvp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -46,8 +46,8 @@
 
     /* error mobile */
     --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);
-} .form-control__inner_dmirf {
+} .form-control__inner_cbvib {
     background-color: var(--form-control-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_dmirf.form-control__hasError_dmirf {
+} /* DISABLED STATE */ .form-control__disabled_cbvib.form-control__hasError_cbvib {
     box-shadow: var(--form-control-error-mobile-disabled-shadow);
 }

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

@@ -1,4 +1,4 @@
-/* hash: f47g8 */
+/* hash: 53u2d */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
@@ -47,8 +47,8 @@
 
     /* error mobile */
     --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__inner_1c723 {
+} .form-control__inner_1aweu {
     background-color: var(--form-control-inverted-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1c723.form-control__hasError_1c723 {
+} /* DISABLED STATE */ .form-control__disabled_1aweu.form-control__hasError_1aweu {
     box-shadow: var(--form-control-inverted-error-mobile-disabled-shadow);
 }

package/form-control/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1in0p */
+/* hash: 1qks6 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -47,18 +47,18 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_1gwlt {
+} .form-control__above_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_1gwlt {
+} .form-control__sub_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_1gwlt {
+} .form-control__error_19hfy {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__s_1gwlt .form-control__inner_1gwlt {
+} /* SIZES */ .form-control__s_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__m_1gwlt .form-control__inner_1gwlt {
+} .form-control__m_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__l_1gwlt .form-control__inner_1gwlt {
+} .form-control__l_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__xl_1gwlt .form-control__inner_1gwlt {
+} .form-control__xl_19hfy .form-control__inner_19hfy {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

package/form-control/modern/components/base-form-control/Component.d.ts

@@ -95,7 +95,9 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      */
     rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для слота слева используется модификатор -left-addons, слота справа -right-addons,
+     * ошибки -error-message, текста подсказки -hint
      */
     dataTestId?: string;
     /**
@@ -199,7 +201,9 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      */
     rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для слота слева используется модификатор -left-addons, слота справа -right-addons,
+     * ошибки -error-message, текста подсказки -hint
      */
     dataTestId?: string | undefined;
     /**

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

@@ -2,13 +2,13 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 
-const defaultColors = {"component":"form-control__component_19y8y","label":"form-control__label_19y8y","hint":"form-control__hint_19y8y","inner":"form-control__inner_19y8y","disabled":"form-control__disabled_19y8y","hasError":"form-control__hasError_19y8y","focused":"form-control__focused_19y8y","error":"form-control__error_19y8y"};
+const defaultColors = {"component":"form-control__component_162b7","label":"form-control__label_162b7","hint":"form-control__hint_162b7","inner":"form-control__inner_162b7","disabled":"form-control__disabled_162b7","hasError":"form-control__hasError_162b7","focused":"form-control__focused_162b7","error":"form-control__error_162b7"};
 require('./default.css');
 
-const commonStyles = {"component":"form-control__component_qba71","inner":"form-control__inner_qba71","inputWrapper":"form-control__inputWrapper_qba71","input":"form-control__input_qba71","label":"form-control__label_qba71","labelInner":"form-control__labelInner_qba71","addons":"form-control__addons_qba71","leftAddons":"form-control__leftAddons_qba71","rightAddons":"form-control__rightAddons_qba71","sub":"form-control__sub_qba71","above":"form-control__above_qba71","block":"form-control__block_qba71","s":"form-control__s_qba71","hasInnerLabel":"form-control__hasInnerLabel_qba71","m":"form-control__m_qba71","l":"form-control__l_qba71","xl":"form-control__xl_qba71","hasLeftAddons":"form-control__hasLeftAddons_qba71","hasRightAddons":"form-control__hasRightAddons_qba71","disabled":"form-control__disabled_qba71","focused":"form-control__focused_qba71","hasError":"form-control__hasError_qba71","filled":"form-control__filled_qba71","hiddenLabel":"form-control__hiddenLabel_qba71"};
+const commonStyles = {"component":"form-control__component_p0mxw","inner":"form-control__inner_p0mxw","inputWrapper":"form-control__inputWrapper_p0mxw","input":"form-control__input_p0mxw","label":"form-control__label_p0mxw","labelInner":"form-control__labelInner_p0mxw","addons":"form-control__addons_p0mxw","leftAddons":"form-control__leftAddons_p0mxw","rightAddons":"form-control__rightAddons_p0mxw","sub":"form-control__sub_p0mxw","above":"form-control__above_p0mxw","block":"form-control__block_p0mxw","s":"form-control__s_p0mxw","hasInnerLabel":"form-control__hasInnerLabel_p0mxw","m":"form-control__m_p0mxw","l":"form-control__l_p0mxw","xl":"form-control__xl_p0mxw","hasLeftAddons":"form-control__hasLeftAddons_p0mxw","hasRightAddons":"form-control__hasRightAddons_p0mxw","disabled":"form-control__disabled_p0mxw","focused":"form-control__focused_p0mxw","hasError":"form-control__hasError_p0mxw","filled":"form-control__filled_p0mxw","hiddenLabel":"form-control__hiddenLabel_p0mxw"};
 require('./index.css');
 
-const invertedColors = {"component":"form-control__component_shdez","label":"form-control__label_shdez","hint":"form-control__hint_shdez","inner":"form-control__inner_shdez","disabled":"form-control__disabled_shdez","hasError":"form-control__hasError_shdez","focused":"form-control__focused_shdez","error":"form-control__error_shdez"};
+const invertedColors = {"component":"form-control__component_olfnk","label":"form-control__label_olfnk","hint":"form-control__hint_olfnk","inner":"form-control__inner_olfnk","disabled":"form-control__disabled_olfnk","hasError":"form-control__hasError_olfnk","focused":"form-control__focused_olfnk","error":"form-control__error_olfnk"};
 require('./inverted.css');
 
 const colorCommonStyles = {