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

package/filter-tag/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: o2ull */
+/* hash: 61c42 */
 :root {
     --color-dark-border-underline: #6d7986;
     --color-light-bg-primary-inverted: #0b1f35;
@@ -76,50 +76,50 @@
 :root {
     --filter-tag-separator-background-color-hover: transparent;
 }
-.filter-tag__component_ytc4u {
+.filter-tag__component_1h8x7 {
     display: flex;
     width: max-content;
     box-sizing: border-box
 }
-.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7 {
         background-color: var(--tag-background-color-disabled);
     }
-.filter-tag__component_ytc4u.filter-tag__defaultVariant_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__defaultVariant_1h8x7 {
         border-radius: var(--tag-border-radius);
     }
-.filter-tag__component_ytc4u.filter-tag__alt_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__alt_1h8x7 {
         border-radius: var(--tag-alt-border-radius);
     }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u) {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7) {
             background-color: var(--tag-background-color-checked);
         }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u).filter-tag__xxs_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7).filter-tag__xxs_1h8x7 {
             min-width: 84px;
         }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u).filter-tag__xs_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7).filter-tag__xs_1h8x7 {
             min-width: 104px;
         }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u).filter-tag__s_ytc4u {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7).filter-tag__s_1h8x7 {
             min-width: 116px;
         }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u):hover {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7):hover {
             background-color: var(--tag-background-color-checked-hover);
         }
-.filter-tag__component_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__component_ytc4u.filter-tag__disabled_ytc4u):active {
+.filter-tag__component_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__component_1h8x7.filter-tag__disabled_1h8x7):active {
             background-color: var(--tag-background-color-checked-active);
         }
-.filter-tag__focused_ytc4u {
+.filter-tag__focused_1h8x7 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.filter-tag__chevron_ytc4u {
+.filter-tag__chevron_1h8x7 {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.filter-tag__valueButton_ytc4u {
+.filter-tag__valueButton_1h8x7 {
     display: flex;
     align-items: center;
     box-shadow: none;
@@ -135,140 +135,140 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease
 }
-.filter-tag__valueButton_ytc4u.filter-tag__defaultVariant_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__defaultVariant_1h8x7 {
         border-radius: var(--tag-border-radius);
     }
-.filter-tag__valueButton_ytc4u.filter-tag__alt_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__alt_1h8x7 {
         border-radius: var(--tag-alt-border-radius);
     }
-.filter-tag__valueButton_ytc4u.filter-tag__xxs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xxs_1h8x7 {
         min-width: 60px;
         min-height: var(--size-xs-height)
     }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.filter-tag__valueButton_ytc4u.filter-tag__xxs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xxs_1h8x7 {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 32px
     }
         }
-.filter-tag__valueButton_ytc4u.filter-tag__xs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xs_1h8x7 {
         min-width: 72px;
         min-height: 40px
     }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.filter-tag__valueButton_ytc4u.filter-tag__xs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xs_1h8x7 {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 40px
     }
         }
-.filter-tag__valueButton_ytc4u.filter-tag__s_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__s_1h8x7 {
         min-width: 80px;
         min-height: var(--size-s-height)
     }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.filter-tag__valueButton_ytc4u.filter-tag__s_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__s_1h8x7 {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 48px
     }
         }
-.filter-tag__valueButton_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):hover {
+.filter-tag__valueButton_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):hover {
         background-color: var(--tag-background-color-hover);
         border-color: var(--tag-border-color-hover);
     }
-.filter-tag__valueButton_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):active {
+.filter-tag__valueButton_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):active {
         background-color: var(--tag-background-color-active);
         border-color: var(--tag-border-color-active);
     }
-.filter-tag__valueButton_ytc4u:disabled {
+.filter-tag__valueButton_1h8x7:disabled {
         cursor: not-allowed;
         background-color: var(--tag-background-color-disabled);
         border-color: var(--tag-border-color-disabled);
         color: var(--tag-text-color-disabled);
     }
-.filter-tag__valueButton_ytc4u.filter-tag__s_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__s_1h8x7 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
         padding-right: var(--gap-s);
         padding-left: var(--gap-xl)
     }
-.filter-tag__valueButton_ytc4u.filter-tag__s_ytc4u .filter-tag__chevron_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__s_1h8x7 .filter-tag__chevron_1h8x7 {
             margin: 0 var(--gap-xs);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__xs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xs_1h8x7 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-xs);
         padding-left: var(--gap-l)
     }
-.filter-tag__valueButton_ytc4u.filter-tag__xs_ytc4u .filter-tag__chevron_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xs_1h8x7 .filter-tag__chevron_1h8x7 {
             margin: 0 var(--gap-xs) 0 var(--gap-2xs);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__xxs_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xxs_1h8x7 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-2xs);
         padding-left: var(--gap-m)
     }
-.filter-tag__valueButton_ytc4u.filter-tag__xxs_ytc4u .filter-tag__chevron_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__xxs_1h8x7 .filter-tag__chevron_1h8x7 {
             margin: 0 var(--gap-xs) 0 var(--gap-2xs);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__open_ytc4u .filter-tag__chevron_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__open_1h8x7 .filter-tag__chevron_1h8x7 {
         transform: rotateZ(180deg);
     }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7 {
         background-color: var(--tag-background-color-checked);
         border-width: 0;
         color: var(--tag-text-color-checked)
     }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u.filter-tag__defaultVariant_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7.filter-tag__defaultVariant_1h8x7 {
             border-radius: var(--tag-border-radius) 0 0 var(--tag-border-radius)
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u.filter-tag__defaultVariant_ytc4u:disabled {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7.filter-tag__defaultVariant_1h8x7:disabled {
                 border-radius: var(--tag-border-radius);
             }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u.filter-tag__alt_ytc4u {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7.filter-tag__alt_1h8x7 {
             border-radius: var(--tag-alt-border-radius) 0 0 var(--tag-alt-border-radius)
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u.filter-tag__alt_ytc4u:disabled {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7.filter-tag__alt_1h8x7:disabled {
                 border-radius: var(--tag-alt-border-radius);
             }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled) {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled) {
             padding-right: 0;
             border-right-width: 0;
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):hover {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):hover {
             background-color: var(--tag-background-color-checked-hover);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):active {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):active {
             background-color: var(--tag-background-color-checked-active);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):hover + .filter-tag__clear_ytc4u:before {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):hover + .filter-tag__clear_1h8x7:before {
             background-color: var(--filter-tag-separator-background-color-hover);
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:not(.filter-tag__valueButton_ytc4u:disabled):active + .filter-tag__clear_ytc4u:before {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:not(.filter-tag__valueButton_1h8x7:disabled):active + .filter-tag__clear_1h8x7:before {
             background-color: transparent;
         }
-.filter-tag__valueButton_ytc4u.filter-tag__checked_ytc4u:disabled {
+.filter-tag__valueButton_1h8x7.filter-tag__checked_1h8x7:disabled {
             background-color: var(--tag-background-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
         }
-.filter-tag__clear_ytc4u {
+.filter-tag__clear_1h8x7 {
     position: relative;
     background-color: var(--tag-background-color-checked)
 }
-.filter-tag__clear_ytc4u.filter-tag__defaultVariant_ytc4u {
+.filter-tag__clear_1h8x7.filter-tag__defaultVariant_1h8x7 {
         border-radius: 0 var(--tag-border-radius) var(--tag-border-radius) 0;
     }
-.filter-tag__clear_ytc4u.filter-tag__alt_ytc4u {
+.filter-tag__clear_1h8x7.filter-tag__alt_1h8x7 {
         border-radius: 0 var(--tag-alt-border-radius) var(--tag-alt-border-radius) 0;
     }
-.filter-tag__clear_ytc4u:before {
+.filter-tag__clear_1h8x7:before {
         content: '';
         position: absolute;
         left: 0;
@@ -279,33 +279,33 @@
         width: 1px;
         transition: background-color 0.2s ease;
     }
-.filter-tag__clear_ytc4u:hover:before {
+.filter-tag__clear_1h8x7:hover:before {
         background-color: var(--filter-tag-separator-background-color-hover);
     }
-.filter-tag__clear_ytc4u:active:before {
+.filter-tag__clear_1h8x7:active:before {
         background-color: transparent;
     }
-.filter-tag__clear_ytc4u:hover {
+.filter-tag__clear_1h8x7:hover {
         background-color: var(--tag-background-color-checked-hover);
     }
-.filter-tag__clear_ytc4u:active {
+.filter-tag__clear_1h8x7:active {
         background-color: var(--tag-background-color-checked-active);
     }
-.filter-tag__clear_ytc4u.filter-tag__s_ytc4u {
+.filter-tag__clear_1h8x7.filter-tag__s_1h8x7 {
         padding: 0 var(--gap-s) 0 var(--gap-xs)
     }
-.filter-tag__clear_ytc4u.filter-tag__s_ytc4u:before {
+.filter-tag__clear_1h8x7.filter-tag__s_1h8x7:before {
             height: 24px;
         }
-.filter-tag__clear_ytc4u.filter-tag__xs_ytc4u {
+.filter-tag__clear_1h8x7.filter-tag__xs_1h8x7 {
         padding: 0 var(--gap-xs)
     }
-.filter-tag__clear_ytc4u.filter-tag__xs_ytc4u:before {
+.filter-tag__clear_1h8x7.filter-tag__xs_1h8x7:before {
             height: 24px;
         }
-.filter-tag__clear_ytc4u.filter-tag__xxs_ytc4u {
+.filter-tag__clear_1h8x7.filter-tag__xxs_1h8x7 {
         padding: 0 3px 0 var(--gap-2xs)
     }
-.filter-tag__clear_ytc4u.filter-tag__xxs_ytc4u:before {
+.filter-tag__clear_1h8x7.filter-tag__xxs_1h8x7:before {
             height: 20px;
         }

package/form-control/CHANGELOG.md

@@ -0,0 +1,237 @@
+# 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.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.2...@alfalab/core-components-form-control@7.5.3) (2022-07-18)
+
+**Note:** Version bump only for package @alfalab/core-components-form-control
+
+
+
+
+
+## [7.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-form-control@7.5.1...@alfalab/core-components-form-control@7.5.2) (2022-07-15)
+
+
+### Bug Fixes
+
+* bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
+
+
+
+
+
+## [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_94dvd","inner":"form-control__inner_94dvd","inputWrapper":"form-control__inputWrapper_94dvd","input":"form-control__input_94dvd","label":"form-control__label_94dvd","labelInner":"form-control__labelInner_94dvd","addons":"form-control__addons_94dvd","leftAddons":"form-control__leftAddons_94dvd","rightAddons":"form-control__rightAddons_94dvd","sub":"form-control__sub_94dvd","block":"form-control__block_94dvd","s":"form-control__s_94dvd","hasLabel":"form-control__hasLabel_94dvd","m":"form-control__m_94dvd","l":"form-control__l_94dvd","xl":"form-control__xl_94dvd","hasLeftAddons":"form-control__hasLeftAddons_94dvd","hasRightAddons":"form-control__hasRightAddons_94dvd","disabled":"form-control__disabled_94dvd","focused":"form-control__focused_94dvd","hasError":"form-control__hasError_94dvd","filled":"form-control__filled_94dvd","hiddenLabel":"form-control__hiddenLabel_94dvd"};
 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_11q1w","inner":"form-control__inner_11q1w","label":"form-control__label_11q1w","hint":"form-control__hint_11q1w","disabled":"form-control__disabled_11q1w","focused":"form-control__focused_11q1w","hasError":"form-control__hasError_11q1w","error":"form-control__error_11q1w"};
 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_1thcw","inner":"form-control__inner_1thcw","label":"form-control__label_1thcw","hint":"form-control__hint_1thcw","disabled":"form-control__disabled_1thcw","focused":"form-control__focused_1thcw","hasError":"form-control__hasError_1thcw","error":"form-control__error_1thcw"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/default.css

@@ -1,4 +1,4 @@
-/* hash: vsgmx */
+/* hash: lh6rj */
 :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_11q1w {
     color: var(--form-control-color);
 }
-.form-control__inner_9h2cs {
+.form-control__inner_11q1w {
     background-color: var(--form-control-bg-color);
 }
 /* Нижняя граница */
-.form-control__inner_9h2cs:before {
+.form-control__inner_11q1w:before {
     border-bottom: var(--form-control-border-bottom);
 }
-.form-control__label_9h2cs {
+.form-control__label_11q1w {
     color: var(--form-control-label-color);
 }
-.form-control__hint_9h2cs {
+.form-control__hint_11q1w {
     color: var(--form-control-hint-color);
 }
 /* DISABLED STATE */
-.form-control__disabled_9h2cs {
+.form-control__disabled_11q1w {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
 }
-.form-control__disabled_9h2cs:before {
+.form-control__disabled_11q1w: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_11q1w:not(.form-control__disabled_11q1w):not(.form-control__hasError_11q1w):before {
     border-bottom: var(--form-control-focus-border-bottom);
 }
-.form-control__focused_9h2cs.form-control__inner_9h2cs {
+.form-control__focused_11q1w.form-control__inner_11q1w {
     background-color: var(--form-control-focus-bg-color);
 }
 /* HOVER STATE */
-.form-control__inner_9h2cs:not(.form-control__disabled_9h2cs):hover {
+.form-control__inner_11q1w:not(.form-control__disabled_11q1w):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* ERROR STATE */
-.form-control__error_9h2cs {
+.form-control__error_11q1w {
     color: var(--form-control-error-color);
 }
-.form-control__hasError_9h2cs .form-control__label_9h2cs {
+.form-control__hasError_11q1w .form-control__label_11q1w {
     color: var(--form-control-error-label-color);
 }
-.form-control__hasError_9h2cs {
+.form-control__hasError_11q1w {
     box-shadow: var(--form-control-error-shadow);
 }
-.form-control__hasError_9h2cs:before {
+.form-control__hasError_11q1w: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_94dvd","inner":"form-control__inner_94dvd","inputWrapper":"form-control__inputWrapper_94dvd","input":"form-control__input_94dvd","label":"form-control__label_94dvd","labelInner":"form-control__labelInner_94dvd","addons":"form-control__addons_94dvd","leftAddons":"form-control__leftAddons_94dvd","rightAddons":"form-control__rightAddons_94dvd","sub":"form-control__sub_94dvd","block":"form-control__block_94dvd","s":"form-control__s_94dvd","hasLabel":"form-control__hasLabel_94dvd","m":"form-control__m_94dvd","l":"form-control__l_94dvd","xl":"form-control__xl_94dvd","hasLeftAddons":"form-control__hasLeftAddons_94dvd","hasRightAddons":"form-control__hasRightAddons_94dvd","disabled":"form-control__disabled_94dvd","focused":"form-control__focused_94dvd","hasError":"form-control__hasError_94dvd","filled":"form-control__filled_94dvd","hiddenLabel":"form-control__hiddenLabel_94dvd"};
 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_11q1w","inner":"form-control__inner_11q1w","label":"form-control__label_11q1w","hint":"form-control__hint_11q1w","disabled":"form-control__disabled_11q1w","focused":"form-control__focused_11q1w","hasError":"form-control__hasError_11q1w","error":"form-control__error_11q1w"};
 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_1thcw","inner":"form-control__inner_1thcw","label":"form-control__label_1thcw","hint":"form-control__hint_1thcw","disabled":"form-control__disabled_1thcw","focused":"form-control__focused_1thcw","hasError":"form-control__hasError_1thcw","error":"form-control__error_1thcw"};
 require('./inverted.css');
 
 var colorStyles = {