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

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

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

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

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

package/form-control/esm/desktop.css

@@ -56,18 +56,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_1kdnc {
+} .form-control__above_3jq0v {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_1kdnc {
+} .form-control__sub_3jq0v {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_1kdnc {
+} .form-control__error_3jq0v {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__s_1kdnc .form-control__inner_1kdnc {
+} /* SIZES */ .form-control__s_3jq0v .form-control__inner_3jq0v {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__m_1kdnc .form-control__inner_1kdnc {
+} .form-control__m_3jq0v .form-control__inner_3jq0v {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__l_1kdnc .form-control__inner_1kdnc {
+} .form-control__l_3jq0v .form-control__inner_3jq0v {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__xl_1kdnc .form-control__inner_1kdnc {
+} .form-control__xl_3jq0v .form-control__inner_3jq0v {
     border-radius: var(--form-control-xl-border-radius);
 }

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

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

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

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

package/form-control/esm/mobile.css

@@ -55,18 +55,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_15dxa {
+} .form-control__above_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_15dxa {
+} .form-control__sub_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_15dxa {
+} .form-control__error_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__s_15dxa .form-control__inner_15dxa {
+} /* SIZES */ .form-control__s_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__m_15dxa .form-control__inner_15dxa {
+} .form-control__m_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__l_15dxa .form-control__inner_15dxa {
+} .form-control__l_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__xl_15dxa .form-control__inner_15dxa {
+} .form-control__xl_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

package/form-control/inverted.desktop.css

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

package/form-control/inverted.mobile.css

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

package/form-control/mobile.css

@@ -55,18 +55,18 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__above_15dxa {
+} .form-control__above_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_15dxa {
+} .form-control__sub_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_15dxa {
+} .form-control__error_1sg01 {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__s_15dxa .form-control__inner_15dxa {
+} /* SIZES */ .form-control__s_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__m_15dxa .form-control__inner_15dxa {
+} .form-control__m_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__l_15dxa .form-control__inner_15dxa {
+} .form-control__l_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__xl_15dxa .form-control__inner_15dxa {
+} .form-control__xl_1sg01 .form-control__inner_1sg01 {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

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

@@ -2,13 +2,13 @@ import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
 
-const defaultColors = {"inner":"form-control__inner_19j1p","disabled":"form-control__disabled_19j1p","hasError":"form-control__hasError_19j1p","focused":"form-control__focused_19j1p"};
+const defaultColors = {"inner":"form-control__inner_txxat","disabled":"form-control__disabled_txxat","hasError":"form-control__hasError_txxat","focused":"form-control__focused_txxat"};
 require('./default.desktop.css');
 
-const styles = {"above":"form-control__above_1kdnc","sub":"form-control__sub_1kdnc","error":"form-control__error_1kdnc","s":"form-control__s_1kdnc","inner":"form-control__inner_1kdnc","m":"form-control__m_1kdnc","l":"form-control__l_1kdnc","xl":"form-control__xl_1kdnc"};
+const styles = {"above":"form-control__above_3jq0v","sub":"form-control__sub_3jq0v","error":"form-control__error_3jq0v","s":"form-control__s_3jq0v","inner":"form-control__inner_3jq0v","m":"form-control__m_3jq0v","l":"form-control__l_3jq0v","xl":"form-control__xl_3jq0v"};
 require('./desktop.css');
 
-const invertedColors = {"inner":"form-control__inner_u86ei","disabled":"form-control__disabled_u86ei","hasError":"form-control__hasError_u86ei","focused":"form-control__focused_u86ei"};
+const invertedColors = {"inner":"form-control__inner_zazv7","disabled":"form-control__disabled_zazv7","hasError":"form-control__hasError_zazv7","focused":"form-control__focused_zazv7"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -2,13 +2,13 @@ import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
 
-const defaultColors = {"inner":"form-control__inner_1g1vk","disabled":"form-control__disabled_1g1vk","hasError":"form-control__hasError_1g1vk","focused":"form-control__focused_1g1vk"};
+const defaultColors = {"inner":"form-control__inner_4g4uh","disabled":"form-control__disabled_4g4uh","hasError":"form-control__hasError_4g4uh","focused":"form-control__focused_4g4uh"};
 require('./default.mobile.css');
 
-const invertedColors = {"inner":"form-control__inner_1oaaa","disabled":"form-control__disabled_1oaaa","hasError":"form-control__hasError_1oaaa","focused":"form-control__focused_1oaaa"};
+const invertedColors = {"inner":"form-control__inner_1ja34","disabled":"form-control__disabled_1ja34","hasError":"form-control__hasError_1ja34","focused":"form-control__focused_1ja34"};
 require('./inverted.mobile.css');
 
-const styles = {"above":"form-control__above_15dxa","sub":"form-control__sub_15dxa","error":"form-control__error_15dxa","s":"form-control__s_15dxa","inner":"form-control__inner_15dxa","m":"form-control__m_15dxa","l":"form-control__l_15dxa","xl":"form-control__xl_15dxa"};
+const styles = {"above":"form-control__above_1sg01","sub":"form-control__sub_1sg01","error":"form-control__error_1sg01","s":"form-control__s_1sg01","inner":"form-control__inner_1sg01","m":"form-control__m_1sg01","l":"form-control__l_1sg01","xl":"form-control__xl_1sg01"};
 require('./mobile.css');
 
 const colorStyles = {

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"component":"form-control__component_zj570","label":"form-control__label_zj570","hint":"form-control__hint_zj570","disabled":"form-control__disabled_zj570","filled":"form-control__filled_zj570","focused":"form-control__focused_zj570","hasError":"form-control__hasError_zj570","error":"form-control__error_zj570"};
+const defaultColors = {"component":"form-control__component_jy0s5","label":"form-control__label_jy0s5","hint":"form-control__hint_jy0s5","disabled":"form-control__disabled_jy0s5","filled":"form-control__filled_jy0s5","focused":"form-control__focused_jy0s5","hasError":"form-control__hasError_jy0s5","error":"form-control__error_jy0s5"};
 require('./default.css');
 
-const commonStyles = {"component":"form-control__component_1dloi","inner":"form-control__inner_1dloi","inputWrapper":"form-control__inputWrapper_1dloi","input":"form-control__input_1dloi","label":"form-control__label_1dloi","labelInner":"form-control__labelInner_1dloi","addons":"form-control__addons_1dloi","leftAddons":"form-control__leftAddons_1dloi","rightAddons":"form-control__rightAddons_1dloi","sub":"form-control__sub_1dloi","above":"form-control__above_1dloi","block":"form-control__block_1dloi","s":"form-control__s_1dloi","hasInnerLabel":"form-control__hasInnerLabel_1dloi","m":"form-control__m_1dloi","l":"form-control__l_1dloi","xl":"form-control__xl_1dloi","hasLeftAddons":"form-control__hasLeftAddons_1dloi","hasRightAddons":"form-control__hasRightAddons_1dloi","disabled":"form-control__disabled_1dloi","focused":"form-control__focused_1dloi","hasError":"form-control__hasError_1dloi","filled":"form-control__filled_1dloi","hiddenLabel":"form-control__hiddenLabel_1dloi"};
+const commonStyles = {"component":"form-control__component_1b4xd","inner":"form-control__inner_1b4xd","inputWrapper":"form-control__inputWrapper_1b4xd","input":"form-control__input_1b4xd","label":"form-control__label_1b4xd","labelInner":"form-control__labelInner_1b4xd","addons":"form-control__addons_1b4xd","leftAddons":"form-control__leftAddons_1b4xd","rightAddons":"form-control__rightAddons_1b4xd","sub":"form-control__sub_1b4xd","above":"form-control__above_1b4xd","block":"form-control__block_1b4xd","s":"form-control__s_1b4xd","hasInnerLabel":"form-control__hasInnerLabel_1b4xd","m":"form-control__m_1b4xd","l":"form-control__l_1b4xd","xl":"form-control__xl_1b4xd","hasLeftAddons":"form-control__hasLeftAddons_1b4xd","hasRightAddons":"form-control__hasRightAddons_1b4xd","disabled":"form-control__disabled_1b4xd","focused":"form-control__focused_1b4xd","hasError":"form-control__hasError_1b4xd","filled":"form-control__filled_1b4xd","hiddenLabel":"form-control__hiddenLabel_1b4xd"};
 require('./index.css');
 
-const invertedColors = {"component":"form-control__component_i29n3","label":"form-control__label_i29n3","hint":"form-control__hint_i29n3","disabled":"form-control__disabled_i29n3","filled":"form-control__filled_i29n3","focused":"form-control__focused_i29n3","hasError":"form-control__hasError_i29n3","error":"form-control__error_i29n3"};
+const invertedColors = {"component":"form-control__component_2h589","label":"form-control__label_2h589","hint":"form-control__hint_2h589","disabled":"form-control__disabled_2h589","filled":"form-control__filled_2h589","focused":"form-control__focused_2h589","hasError":"form-control__hasError_2h589","error":"form-control__error_2h589"};
 require('./inverted.css');
 
 const colorCommonStyles = {

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

@@ -60,20 +60,20 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__component_zj570 {
+} .form-control__component_jy0s5 {
     color: var(--form-control-color);
-} .form-control__label_zj570 {
+} .form-control__label_jy0s5 {
     color: var(--form-control-label-color);
-} .form-control__hint_zj570 {
+} .form-control__hint_jy0s5 {
     color: var(--form-control-hint-color);
-} /* DISABLED STATE */ .form-control__disabled_zj570 {
+} /* DISABLED STATE */ .form-control__disabled_jy0s5 {
     color: var(--form-control-disabled-color);
-} .form-control__disabled_zj570.form-control__filled_zj570 .form-control__label_zj570 {
+} .form-control__disabled_jy0s5.form-control__filled_jy0s5 .form-control__label_jy0s5 {
     color: var(--form-control-disabled-filled-label-color);
-} /* FOCUS STATE */ .form-control__focused_zj570:not(.form-control__disabled_zj570):not(.form-control__hasError_zj570):before {
+} /* FOCUS STATE */ .form-control__focused_jy0s5:not(.form-control__disabled_jy0s5):not(.form-control__hasError_jy0s5):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} /* ERROR STATE */ .form-control__error_zj570 {
+} /* ERROR STATE */ .form-control__error_jy0s5 {
     color: var(--form-control-error-color);
-} .form-control__hasError_zj570 .form-control__label_zj570 {
+} .form-control__hasError_jy0s5 .form-control__label_jy0s5 {
     color: var(--form-control-error-label-color);
 }

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

@@ -70,10 +70,10 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .form-control__component_1dloi {
+} .form-control__component_1b4xd {
     font-family: var(--form-control-font-family);
     width: max-content;
-} .form-control__inner_1dloi {
+} .form-control__inner_1b4xd {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -83,7 +83,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_1dloi:before {
+} /* Нижняя граница */ .form-control__inner_1b4xd:before {
     content: '';
     display: block;
     position: absolute;
@@ -92,19 +92,19 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_1dloi {
+} .form-control__inputWrapper_1b4xd {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_1dloi {
+} .form-control__input_1b4xd {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_1dloi > * {
+} .form-control__input_1b4xd > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__label_1dloi {
+} .form-control__label_1b4xd {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -119,27 +119,27 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_1dloi {
+} .form-control__labelInner_1b4xd {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_1dloi {
+} .form-control__addons_1b4xd {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_1dloi {
+} .form-control__leftAddons_1b4xd {
     padding-left: var(--gap-s);
-} .form-control__rightAddons_1dloi {
+} .form-control__rightAddons_1b4xd {
     padding-right: var(--gap-s);
-} .form-control__sub_1dloi {
+} .form-control__sub_1b4xd {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px;
-} .form-control__above_1dloi {
+} .form-control__above_1b4xd {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -149,73 +149,73 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-} .form-control__block_1dloi {
+} .form-control__block_1b4xd {
     width: 100%;
-} /* SIZES */ .form-control__s_1dloi .form-control__inner_1dloi {
+} /* SIZES */ .form-control__s_1b4xd .form-control__inner_1b4xd {
     min-height: var(--form-control-s-min-height);
-} .form-control__s_1dloi .form-control__hasInnerLabel_1dloi .form-control__input_1dloi > * {
+} .form-control__s_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__s_1dloi .form-control__label_1dloi {
+} .form-control__s_1b4xd .form-control__label_1b4xd {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__m_1dloi .form-control__inner_1dloi {
+} .form-control__m_1b4xd .form-control__inner_1b4xd {
     min-height: var(--form-control-m-min-height);
-} .form-control__m_1dloi .form-control__hasInnerLabel_1dloi .form-control__input_1dloi > * {
+} .form-control__m_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__m_1dloi .form-control__label_1dloi {
+} .form-control__m_1b4xd .form-control__label_1b4xd {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__l_1dloi .form-control__inner_1dloi {
+} .form-control__l_1b4xd .form-control__inner_1b4xd {
     min-height: var(--form-control-l-min-height);
-} .form-control__l_1dloi .form-control__hasInnerLabel_1dloi .form-control__input_1dloi > * {
+} .form-control__l_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__l_1dloi .form-control__label_1dloi {
+} .form-control__l_1b4xd .form-control__label_1b4xd {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__xl_1dloi .form-control__inner_1dloi {
+} .form-control__xl_1b4xd .form-control__inner_1b4xd {
     min-height: var(--form-control-xl-min-height);
-} .form-control__xl_1dloi .form-control__label_1dloi {
+} .form-control__xl_1b4xd .form-control__label_1b4xd {
     left: var(--gap-m);
-} .form-control__xl_1dloi .form-control__input_1dloi > * {
+} .form-control__xl_1b4xd .form-control__input_1b4xd > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__xl_1dloi .form-control__hasInnerLabel_1dloi .form-control__input_1dloi > * {
+} .form-control__xl_1b4xd .form-control__hasInnerLabel_1b4xd .form-control__input_1b4xd > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__xl_1dloi .form-control__leftAddons_1dloi {
+} .form-control__xl_1b4xd .form-control__leftAddons_1b4xd {
     padding-left: var(--gap-m);
-} .form-control__xl_1dloi .form-control__rightAddons_1dloi {
+} .form-control__xl_1b4xd .form-control__rightAddons_1b4xd {
     padding-right: var(--gap-m);
-} .form-control__xl_1dloi.form-control__hasLeftAddons_1dloi .form-control__label_1dloi {
+} .form-control__xl_1b4xd.form-control__hasLeftAddons_1b4xd .form-control__label_1b4xd {
     left: var(--gap-s);
-} .form-control__xl_1dloi.form-control__hasLeftAddons_1dloi .form-control__input_1dloi > * {
+} .form-control__xl_1b4xd.form-control__hasLeftAddons_1b4xd .form-control__input_1b4xd > * {
     padding-left: var(--gap-s);
-} .form-control__xl_1dloi.form-control__hasRightAddons_1dloi .form-control__input_1dloi > * {
+} .form-control__xl_1b4xd.form-control__hasRightAddons_1b4xd .form-control__input_1b4xd > * {
     padding-right: var(--gap-s);
-} .form-control__xl_1dloi .form-control__label_1dloi {
+} .form-control__xl_1b4xd .form-control__label_1b4xd {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_1dloi {
+} /* DISABLED STATE */ .form-control__disabled_1b4xd {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_1dloi:not(.form-control__disabled_1dloi):before,
-.form-control__hasError_1dloi:before {
+} /* FOCUS STATE */ .form-control__focused_1b4xd:not(.form-control__disabled_1b4xd):before,
+.form-control__hasError_1b4xd:before {
     transform: scaleY(2);
-} .form-control__filled_1dloi .form-control__label_1dloi {
+} .form-control__filled_1b4xd .form-control__label_1b4xd {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__xl_1dloi .form-control__filled_1dloi .form-control__label_1dloi {
+} .form-control__xl_1b4xd .form-control__filled_1b4xd .form-control__label_1b4xd {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_1dloi {
+} .form-control__hiddenLabel_1b4xd {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__xl_1dloi .form-control__hiddenLabel_1dloi {
+} .form-control__xl_1b4xd .form-control__hiddenLabel_1b4xd {
     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_1dloi {
+    .form-control__component_1b4xd {
         display: inline-block;
     }
 
-    .form-control__inner_1dloi:after {
+    .form-control__inner_1b4xd:after {
         min-height: inherit;
         font-size: 0;
         content: '';