@alfalab/core-components 28.2.3 → 28.2.6

package/form-control/CHANGELOG.md

@@ -0,0 +1,218 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [7.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.0...@alfalab/core-components-form-control@7.5.1) (2022-07-14)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+# [7.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.4.3...@alfalab/core-components-form-control@7.5.0) (2022-06-28)
+
+
+### Features
+
+* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
+* fixed form-control/input/select label and hint margins ([#97](https://github.com/core-ds/core-components/issues/97)) ([abd2f15](https://github.com/core-ds/core-components/commit/abd2f15f210bb63bafe0cee341f0a66b5f2071d7))
+
+
+
+
+
+# [7.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.3.0...@alfalab/core-components-form-control@7.4.0) (2021-10-11)
+
+
+### Features
+
+* проставлен role=alert для ошибок ([#850](https://github.com/core-ds/core-components/issues/850)) ([dc634a3](https://github.com/core-ds/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))
+
+
+
+
+
+# [7.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.2...@alfalab/core-components-form-control@7.3.0) (2021-09-14)
+
+
+### Features
+
+* change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))
+
+
+
+
+
+## [7.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.1...@alfalab/core-components-form-control@7.2.2) (2021-08-23)
+
+
+### Bug Fixes
+
+* **form-control:** l size offset between value and label (PDS-270) ([#781](https://github.com/core-ds/core-components/issues/781)) ([311f8a0](https://github.com/core-ds/core-components/commit/311f8a0eaa97cf7d0c89d4a3cdfc443aef2d763c))
+* **input:** smart error icon ([#746](https://github.com/core-ds/core-components/issues/746)) ([f1950d6](https://github.com/core-ds/core-components/commit/f1950d6d516d17d993f0865c10390b6301bb2707)), closes [#782](https://github.com/core-ds/core-components/issues/782)
+
+
+
+
+
+## [7.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.2.0...@alfalab/core-components-form-control@7.2.1) (2021-08-11)
+
+
+### Bug Fixes
+
+* extend hint type to ReactNode ([#792](https://github.com/core-ds/core-components/issues/792)) ([d02784e](https://github.com/core-ds/core-components/commit/d02784e392f5ca3a30ae009109fbb6351967f746))
+
+
+
+
+
+# [7.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.1.0...@alfalab/core-components-form-control@7.2.0) (2021-08-04)
+
+
+### Features
+
+* add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))
+
+
+
+
+
+# [7.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.1...@alfalab/core-components-form-control@7.1.0) (2021-07-23)
+
+
+### Features
+
+* **input:** input mobile theme (PDS-241) ([#737](https://github.com/core-ds/core-components/issues/737)) ([88f6f7c](https://github.com/core-ds/core-components/commit/88f6f7c58968b9564970eaa3d759aa2bc275ca7e))
+
+
+
+
+
+## [7.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.0.0...@alfalab/core-components-form-control@7.0.1) (2021-07-09)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+# [7.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.2.0...@alfalab/core-components-form-control@7.0.0) (2021-07-08)
+
+
+### Features
+
+* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
+
+# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.1...@alfalab/core-components-form-control@6.2.0) (2021-06-22)
+
+
+### Features
+
+* **slider-input:** design updates ([#673](https://github.com/core-ds/core-components/issues/673)) ([794e3cc](https://github.com/core-ds/core-components/commit/794e3cc99a3b61ec4faa630469dae7e49a56ee0a))
+
+
+
+
+
+## [6.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.1.0...@alfalab/core-components-form-control@6.1.1) (2021-04-26)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.5...@alfalab/core-components-form-control@6.1.0) (2021-04-09)
+
+
+### Features
+
+* **form-control:** add hidden label instead min-width ([a40ffcf](https://github.com/core-ds/core-components/commit/a40ffcf149282c83a834587a9486bc09b2929f90))
+
+
+
+
+
+## [6.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.3...@alfalab/core-components-form-control@6.0.5) (2021-03-18)
+
+
+### Bug Fixes
+
+* one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
+
+
+
+
+
+## [6.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.1...@alfalab/core-components-form-control@6.0.3) (2021-03-16)
+
+
+### Bug Fixes
+
+* border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
+
+
+
+
+
+## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@6.0.0...@alfalab/core-components-form-control@6.0.1) (2021-03-14)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.5...@alfalab/core-components-form-control@6.0.0) (2021-03-04)
+
+
+### Features
+
+* size vars (xs/s/m/l/xl → 32/48/56/64/72) ([d7254d2](https://github.com/core-ds/core-components/commit/d7254d2963106663e8f04b84bc747b38e4f57632))
+* **form-control:** changed size L (72 → 64), added size XL (72) ([4a129f3](https://github.com/core-ds/core-components/commit/4a129f3ca3c80e94489cbc485018e6eb6e542244))
+
+
+### BREAKING CHANGES
+
+* **form-control:** size L changed to size XL
+
+
+
+
+
+## [5.0.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.4...@alfalab/core-components-form-control@5.0.5) (2021-03-03)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+## [5.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.3...@alfalab/core-components-form-control@5.0.4) (2021-02-20)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+## [5.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@5.0.2...@alfalab/core-components-form-control@5.0.3) (2021-02-18)
+
+
+### Bug Fixes
+
+* update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
+
+
+
+
+
+# [@alfalab/core-components-form-control-v3.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@3.1.2...@alfalab/core-components-form-control@3.1.3) (2020-11-25)
+
+
+### Bug Fixes
+
+
+* slightly better and safer ie fixes ([0e34b4f](https://github.com/core-ds/core-components/commit/0e34b4fb9800a435c05dc8f83146ce5617cf99a5))

package/form-control/Component.js

@@ -47,13 +47,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"form-control__component_16jyg","inner":"form-control__inner_16jyg","inputWrapper":"form-control__inputWrapper_16jyg","input":"form-control__input_16jyg","label":"form-control__label_16jyg","labelInner":"form-control__labelInner_16jyg","addons":"form-control__addons_16jyg","leftAddons":"form-control__leftAddons_16jyg","rightAddons":"form-control__rightAddons_16jyg","sub":"form-control__sub_16jyg","block":"form-control__block_16jyg","s":"form-control__s_16jyg","hasLabel":"form-control__hasLabel_16jyg","m":"form-control__m_16jyg","l":"form-control__l_16jyg","xl":"form-control__xl_16jyg","hasLeftAddons":"form-control__hasLeftAddons_16jyg","hasRightAddons":"form-control__hasRightAddons_16jyg","disabled":"form-control__disabled_16jyg","focused":"form-control__focused_16jyg","hasError":"form-control__hasError_16jyg","filled":"form-control__filled_16jyg","hiddenLabel":"form-control__hiddenLabel_16jyg"};
+var styles = {"component":"form-control__component_dd4z0","inner":"form-control__inner_dd4z0","inputWrapper":"form-control__inputWrapper_dd4z0","input":"form-control__input_dd4z0","label":"form-control__label_dd4z0","labelInner":"form-control__labelInner_dd4z0","addons":"form-control__addons_dd4z0","leftAddons":"form-control__leftAddons_dd4z0","rightAddons":"form-control__rightAddons_dd4z0","sub":"form-control__sub_dd4z0","block":"form-control__block_dd4z0","s":"form-control__s_dd4z0","hasLabel":"form-control__hasLabel_dd4z0","m":"form-control__m_dd4z0","l":"form-control__l_dd4z0","xl":"form-control__xl_dd4z0","hasLeftAddons":"form-control__hasLeftAddons_dd4z0","hasRightAddons":"form-control__hasRightAddons_dd4z0","disabled":"form-control__disabled_dd4z0","focused":"form-control__focused_dd4z0","hasError":"form-control__hasError_dd4z0","filled":"form-control__filled_dd4z0","hiddenLabel":"form-control__hiddenLabel_dd4z0"};
 require('./index.css');
 
-var defaultColors = {"component":"form-control__component_9h2cs","inner":"form-control__inner_9h2cs","label":"form-control__label_9h2cs","hint":"form-control__hint_9h2cs","disabled":"form-control__disabled_9h2cs","focused":"form-control__focused_9h2cs","hasError":"form-control__hasError_9h2cs","error":"form-control__error_9h2cs"};
+var defaultColors = {"component":"form-control__component_b0be3","inner":"form-control__inner_b0be3","label":"form-control__label_b0be3","hint":"form-control__hint_b0be3","disabled":"form-control__disabled_b0be3","focused":"form-control__focused_b0be3","hasError":"form-control__hasError_b0be3","error":"form-control__error_b0be3"};
 require('./default.css');
 
-var invertedColors = {"component":"form-control__component_118dc","inner":"form-control__inner_118dc","label":"form-control__label_118dc","hint":"form-control__hint_118dc","disabled":"form-control__disabled_118dc","focused":"form-control__focused_118dc","hasError":"form-control__hasError_118dc","error":"form-control__error_118dc"};
+var invertedColors = {"component":"form-control__component_12rmd","inner":"form-control__inner_12rmd","label":"form-control__label_12rmd","hint":"form-control__hint_12rmd","disabled":"form-control__disabled_12rmd","focused":"form-control__focused_12rmd","hasError":"form-control__hasError_12rmd","error":"form-control__error_12rmd"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/default.css

@@ -1,4 +1,4 @@
-/* hash: vsgmx */
+/* hash: k9nw1 */
 :root {
     --color-light-border-key: #0b1f35;
     --color-light-border-underline: #b6bcc3;
@@ -42,51 +42,51 @@
     --form-control-error-shadow: none;
     --form-control-error-border-bottom: 1px solid var(--color-static-border-accent);
 }
-.form-control__component_9h2cs {
+.form-control__component_b0be3 {
     color: var(--form-control-color);
 }
-.form-control__inner_9h2cs {
+.form-control__inner_b0be3 {
     background-color: var(--form-control-bg-color);
 }
 /* Нижняя граница */
-.form-control__inner_9h2cs:before {
+.form-control__inner_b0be3:before {
     border-bottom: var(--form-control-border-bottom);
 }
-.form-control__label_9h2cs {
+.form-control__label_b0be3 {
     color: var(--form-control-label-color);
 }
-.form-control__hint_9h2cs {
+.form-control__hint_b0be3 {
     color: var(--form-control-hint-color);
 }
 /* DISABLED STATE */
-.form-control__disabled_9h2cs {
+.form-control__disabled_b0be3 {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
 }
-.form-control__disabled_9h2cs:before {
+.form-control__disabled_b0be3:before {
     border-bottom: var(--form-control-disabled-border-bottom);
 }
 /* FOCUS STATE */
-.form-control__focused_9h2cs:not(.form-control__disabled_9h2cs):not(.form-control__hasError_9h2cs):before {
+.form-control__focused_b0be3:not(.form-control__disabled_b0be3):not(.form-control__hasError_b0be3):before {
     border-bottom: var(--form-control-focus-border-bottom);
 }
-.form-control__focused_9h2cs.form-control__inner_9h2cs {
+.form-control__focused_b0be3.form-control__inner_b0be3 {
     background-color: var(--form-control-focus-bg-color);
 }
 /* HOVER STATE */
-.form-control__inner_9h2cs:not(.form-control__disabled_9h2cs):hover {
+.form-control__inner_b0be3:not(.form-control__disabled_b0be3):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* ERROR STATE */
-.form-control__error_9h2cs {
+.form-control__error_b0be3 {
     color: var(--form-control-error-color);
 }
-.form-control__hasError_9h2cs .form-control__label_9h2cs {
+.form-control__hasError_b0be3 .form-control__label_b0be3 {
     color: var(--form-control-error-label-color);
 }
-.form-control__hasError_9h2cs {
+.form-control__hasError_b0be3 {
     box-shadow: var(--form-control-error-shadow);
 }
-.form-control__hasError_9h2cs:before {
+.form-control__hasError_b0be3:before {
     border-bottom: var(--form-control-error-border-bottom);
 }

package/form-control/esm/Component.js

@@ -40,13 +40,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"form-control__component_16jyg","inner":"form-control__inner_16jyg","inputWrapper":"form-control__inputWrapper_16jyg","input":"form-control__input_16jyg","label":"form-control__label_16jyg","labelInner":"form-control__labelInner_16jyg","addons":"form-control__addons_16jyg","leftAddons":"form-control__leftAddons_16jyg","rightAddons":"form-control__rightAddons_16jyg","sub":"form-control__sub_16jyg","block":"form-control__block_16jyg","s":"form-control__s_16jyg","hasLabel":"form-control__hasLabel_16jyg","m":"form-control__m_16jyg","l":"form-control__l_16jyg","xl":"form-control__xl_16jyg","hasLeftAddons":"form-control__hasLeftAddons_16jyg","hasRightAddons":"form-control__hasRightAddons_16jyg","disabled":"form-control__disabled_16jyg","focused":"form-control__focused_16jyg","hasError":"form-control__hasError_16jyg","filled":"form-control__filled_16jyg","hiddenLabel":"form-control__hiddenLabel_16jyg"};
+var styles = {"component":"form-control__component_dd4z0","inner":"form-control__inner_dd4z0","inputWrapper":"form-control__inputWrapper_dd4z0","input":"form-control__input_dd4z0","label":"form-control__label_dd4z0","labelInner":"form-control__labelInner_dd4z0","addons":"form-control__addons_dd4z0","leftAddons":"form-control__leftAddons_dd4z0","rightAddons":"form-control__rightAddons_dd4z0","sub":"form-control__sub_dd4z0","block":"form-control__block_dd4z0","s":"form-control__s_dd4z0","hasLabel":"form-control__hasLabel_dd4z0","m":"form-control__m_dd4z0","l":"form-control__l_dd4z0","xl":"form-control__xl_dd4z0","hasLeftAddons":"form-control__hasLeftAddons_dd4z0","hasRightAddons":"form-control__hasRightAddons_dd4z0","disabled":"form-control__disabled_dd4z0","focused":"form-control__focused_dd4z0","hasError":"form-control__hasError_dd4z0","filled":"form-control__filled_dd4z0","hiddenLabel":"form-control__hiddenLabel_dd4z0"};
 require('./index.css');
 
-var defaultColors = {"component":"form-control__component_9h2cs","inner":"form-control__inner_9h2cs","label":"form-control__label_9h2cs","hint":"form-control__hint_9h2cs","disabled":"form-control__disabled_9h2cs","focused":"form-control__focused_9h2cs","hasError":"form-control__hasError_9h2cs","error":"form-control__error_9h2cs"};
+var defaultColors = {"component":"form-control__component_b0be3","inner":"form-control__inner_b0be3","label":"form-control__label_b0be3","hint":"form-control__hint_b0be3","disabled":"form-control__disabled_b0be3","focused":"form-control__focused_b0be3","hasError":"form-control__hasError_b0be3","error":"form-control__error_b0be3"};
 require('./default.css');
 
-var invertedColors = {"component":"form-control__component_118dc","inner":"form-control__inner_118dc","label":"form-control__label_118dc","hint":"form-control__hint_118dc","disabled":"form-control__disabled_118dc","focused":"form-control__focused_118dc","hasError":"form-control__hasError_118dc","error":"form-control__error_118dc"};
+var invertedColors = {"component":"form-control__component_12rmd","inner":"form-control__inner_12rmd","label":"form-control__label_12rmd","hint":"form-control__hint_12rmd","disabled":"form-control__disabled_12rmd","focused":"form-control__focused_12rmd","hasError":"form-control__hasError_12rmd","error":"form-control__error_12rmd"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: vsgmx */
+/* hash: k9nw1 */
 :root {
     --color-light-border-key: #0b1f35;
     --color-light-border-underline: #b6bcc3;
@@ -42,51 +42,51 @@
     --form-control-error-shadow: none;
     --form-control-error-border-bottom: 1px solid var(--color-static-border-accent);
 }
-.form-control__component_9h2cs {
+.form-control__component_b0be3 {
     color: var(--form-control-color);
 }
-.form-control__inner_9h2cs {
+.form-control__inner_b0be3 {
     background-color: var(--form-control-bg-color);
 }
 /* Нижняя граница */
-.form-control__inner_9h2cs:before {
+.form-control__inner_b0be3:before {
     border-bottom: var(--form-control-border-bottom);
 }
-.form-control__label_9h2cs {
+.form-control__label_b0be3 {
     color: var(--form-control-label-color);
 }
-.form-control__hint_9h2cs {
+.form-control__hint_b0be3 {
     color: var(--form-control-hint-color);
 }
 /* DISABLED STATE */
-.form-control__disabled_9h2cs {
+.form-control__disabled_b0be3 {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
 }
-.form-control__disabled_9h2cs:before {
+.form-control__disabled_b0be3:before {
     border-bottom: var(--form-control-disabled-border-bottom);
 }
 /* FOCUS STATE */
-.form-control__focused_9h2cs:not(.form-control__disabled_9h2cs):not(.form-control__hasError_9h2cs):before {
+.form-control__focused_b0be3:not(.form-control__disabled_b0be3):not(.form-control__hasError_b0be3):before {
     border-bottom: var(--form-control-focus-border-bottom);
 }
-.form-control__focused_9h2cs.form-control__inner_9h2cs {
+.form-control__focused_b0be3.form-control__inner_b0be3 {
     background-color: var(--form-control-focus-bg-color);
 }
 /* HOVER STATE */
-.form-control__inner_9h2cs:not(.form-control__disabled_9h2cs):hover {
+.form-control__inner_b0be3:not(.form-control__disabled_b0be3):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* ERROR STATE */
-.form-control__error_9h2cs {
+.form-control__error_b0be3 {
     color: var(--form-control-error-color);
 }
-.form-control__hasError_9h2cs .form-control__label_9h2cs {
+.form-control__hasError_b0be3 .form-control__label_b0be3 {
     color: var(--form-control-error-label-color);
 }
-.form-control__hasError_9h2cs {
+.form-control__hasError_b0be3 {
     box-shadow: var(--form-control-error-shadow);
 }
-.form-control__hasError_9h2cs:before {
+.form-control__hasError_b0be3:before {
     border-bottom: var(--form-control-error-border-bottom);
 }

package/form-control/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pguo */
+/* hash: 1ukq9 */
 :root {
 
     /* Hard */
@@ -42,11 +42,11 @@
     /* font */
     --form-control-font-family: var(--font-family);
 }
-.form-control__component_16jyg {
+.form-control__component_dd4z0 {
     font-family: var(--form-control-font-family);
     width: max-content;
 }
-.form-control__inner_16jyg {
+.form-control__inner_dd4z0 {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -59,7 +59,7 @@
     transform: translateZ(0);
 }
 /* Нижняя граница */
-.form-control__inner_16jyg:before {
+.form-control__inner_dd4z0:before {
     content: '';
     display: block;
     position: absolute;
@@ -69,22 +69,22 @@
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
 }
-.form-control__inputWrapper_16jyg {
+.form-control__inputWrapper_dd4z0 {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
 }
-.form-control__input_16jyg {
+.form-control__input_dd4z0 {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
 }
-.form-control__input_16jyg > * {
+.form-control__input_dd4z0 > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
 }
-.form-control__label_16jyg {
+.form-control__label_dd4z0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -100,24 +100,24 @@
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
 }
-.form-control__labelInner_16jyg {
+.form-control__labelInner_dd4z0 {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.form-control__addons_16jyg {
+.form-control__addons_dd4z0 {
     display: flex;
     flex-shrink: 0;
     align-items: center;
 }
-.form-control__leftAddons_16jyg {
+.form-control__leftAddons_dd4z0 {
     padding-left: var(--gap-s);
 }
-.form-control__rightAddons_16jyg {
+.form-control__rightAddons_dd4z0 {
     padding-right: var(--gap-s);
 }
-.form-control__sub_16jyg {
+.form-control__sub_dd4z0 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -128,104 +128,104 @@
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
 }
-.form-control__block_16jyg {
+.form-control__block_dd4z0 {
     width: 100%;
 }
 /* SIZES */
-.form-control__s_16jyg .form-control__inner_16jyg {
+.form-control__s_dd4z0 .form-control__inner_dd4z0 {
     min-height: var(--form-control-s-min-height);
 }
-.form-control__s_16jyg .form-control__hasLabel_16jyg .form-control__input_16jyg > * {
+.form-control__s_dd4z0 .form-control__hasLabel_dd4z0 .form-control__input_dd4z0 > * {
     padding: var(--form-control-labeled-s-paddings);
 }
-.form-control__s_16jyg .form-control__label_16jyg {
+.form-control__s_dd4z0 .form-control__label_dd4z0 {
     top: calc(var(--form-control-s-min-height) / 2);
 }
-.form-control__m_16jyg .form-control__inner_16jyg {
+.form-control__m_dd4z0 .form-control__inner_dd4z0 {
     min-height: var(--form-control-m-min-height);
 }
-.form-control__m_16jyg .form-control__hasLabel_16jyg .form-control__input_16jyg > * {
+.form-control__m_dd4z0 .form-control__hasLabel_dd4z0 .form-control__input_dd4z0 > * {
     padding: var(--form-control-labeled-m-paddings);
 }
-.form-control__m_16jyg .form-control__label_16jyg {
+.form-control__m_dd4z0 .form-control__label_dd4z0 {
     top: calc(var(--form-control-m-min-height) / 2);
 }
-.form-control__l_16jyg .form-control__inner_16jyg {
+.form-control__l_dd4z0 .form-control__inner_dd4z0 {
     min-height: var(--form-control-l-min-height);
 }
-.form-control__l_16jyg .form-control__hasLabel_16jyg .form-control__input_16jyg > * {
+.form-control__l_dd4z0 .form-control__hasLabel_dd4z0 .form-control__input_dd4z0 > * {
     padding: var(--form-control-labeled-l-paddings);
 }
-.form-control__l_16jyg .form-control__label_16jyg {
+.form-control__l_dd4z0 .form-control__label_dd4z0 {
     top: calc(var(--form-control-l-min-height) / 2);
 }
-.form-control__xl_16jyg .form-control__inner_16jyg {
+.form-control__xl_dd4z0 .form-control__inner_dd4z0 {
     min-height: var(--form-control-xl-min-height);
 }
-.form-control__xl_16jyg .form-control__label_16jyg {
+.form-control__xl_dd4z0 .form-control__label_dd4z0 {
     left: var(--gap-m);
 }
-.form-control__xl_16jyg .form-control__input_16jyg > * {
+.form-control__xl_dd4z0 .form-control__input_dd4z0 > * {
     padding: var(--form-control-xl-paddings);
 }
-.form-control__xl_16jyg .form-control__hasLabel_16jyg .form-control__input_16jyg > * {
+.form-control__xl_dd4z0 .form-control__hasLabel_dd4z0 .form-control__input_dd4z0 > * {
     padding: var(--form-control-labeled-xl-paddings);
 }
-.form-control__xl_16jyg .form-control__leftAddons_16jyg {
+.form-control__xl_dd4z0 .form-control__leftAddons_dd4z0 {
     padding-left: var(--gap-m);
 }
-.form-control__xl_16jyg .form-control__rightAddons_16jyg {
+.form-control__xl_dd4z0 .form-control__rightAddons_dd4z0 {
     padding-right: var(--gap-m);
 }
-.form-control__xl_16jyg.form-control__hasLeftAddons_16jyg .form-control__label_16jyg {
+.form-control__xl_dd4z0.form-control__hasLeftAddons_dd4z0 .form-control__label_dd4z0 {
     left: var(--gap-s);
 }
-.form-control__xl_16jyg.form-control__hasLeftAddons_16jyg .form-control__input_16jyg > * {
+.form-control__xl_dd4z0.form-control__hasLeftAddons_dd4z0 .form-control__input_dd4z0 > * {
     padding-left: var(--gap-s);
 }
-.form-control__xl_16jyg.form-control__hasRightAddons_16jyg .form-control__input_16jyg > * {
+.form-control__xl_dd4z0.form-control__hasRightAddons_dd4z0 .form-control__input_dd4z0 > * {
     padding-right: var(--gap-s);
 }
-.form-control__xl_16jyg .form-control__label_16jyg {
+.form-control__xl_dd4z0 .form-control__label_dd4z0 {
     top: calc(var(--form-control-xl-min-height) / 2);
 }
 /* DISABLED STATE */
-.form-control__disabled_16jyg {
+.form-control__disabled_dd4z0 {
     opacity: var(--form-control-disabled-opacity);
 }
 /* FOCUS STATE */
-.form-control__focused_16jyg:not(.form-control__disabled_16jyg):before,
-.form-control__hasError_16jyg:before {
+.form-control__focused_dd4z0:not(.form-control__disabled_dd4z0):before,
+.form-control__hasError_dd4z0:before {
     transform: scaleY(2);
 }
-.form-control__filled_16jyg .form-control__label_16jyg {
+.form-control__filled_dd4z0 .form-control__label_dd4z0 {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
 }
-.form-control__xl_16jyg .form-control__filled_16jyg .form-control__label_16jyg {
+.form-control__xl_dd4z0 .form-control__filled_dd4z0 .form-control__label_dd4z0 {
     /* adjusting position 👌 */
     margin-top: -1px;
 }
-.form-control__hiddenLabel_16jyg {
+.form-control__hiddenLabel_dd4z0 {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
 }
-.form-control__xl_16jyg .form-control__hiddenLabel_16jyg {
+.form-control__xl_dd4z0 .form-control__hiddenLabel_dd4z0 {
     padding: var(--form-control-l-paddings);
 }
 /* min-height and width: max-content; fix for IE */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .form-control__component_16jyg {
+    .form-control__component_dd4z0 {
         float: left;
         clear: left;
     }
 
-    .form-control__inner_16jyg:after {
+    .form-control__inner_dd4z0:after {
         min-height: inherit;
         font-size: 0;
         content: '';