@alfalab/core-components 20.6.0 → 21.0.0

package/file-upload-item/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 5s8l9 */
+/* hash: 1cucu */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-negative: #f15045;
@@ -20,7 +20,7 @@
     --gap-xs: 8px;
     --gap-s: 12px;
 }
-.file-upload-item__component_5s8l9 {
+.file-upload-item__component_1cucu {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -33,29 +33,29 @@
     padding: 0 0 var(--gap-xs) 0;
     margin-bottom: var(--gap-xs)
 }
-.file-upload-item__component_5s8l9 svg {
+.file-upload-item__component_1cucu svg {
         display: block;
     }
-.file-upload-item__info_5s8l9 {
+.file-upload-item__info_1cucu {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     flex: 1;
 }
-.file-upload-item__icon_5s8l9 {
+.file-upload-item__icon_1cucu {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_5s8l9 {
+.file-upload-item__errorIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_5s8l9 {
+.file-upload-item__successIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_5s8l9 {
+.file-upload-item__name_1cucu {
     flex: 1;
     margin-left: var(--gap-xs);
     white-space: nowrap;
@@ -64,36 +64,36 @@
     color: var(--color-light-text-primary);
     min-width: 40%
 }
-.file-upload-item__name_5s8l9 a {
+.file-upload-item__name_1cucu a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_5s8l9 {
+.file-upload-item__meta_1cucu {
     display: flex;
     align-items: center;
 
     white-space: nowrap
 }
-.file-upload-item__meta_5s8l9 > * {
+.file-upload-item__meta_1cucu > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_5s8l9 > *:last-child {
+.file-upload-item__meta_1cucu > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_5s8l9 {
+.file-upload-item__size_1cucu {
     width: 65px;
     text-align: right;
 }
-.file-upload-item__delete_5s8l9 {
+.file-upload-item__delete_1cucu {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-s);
 }
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }

package/file-upload-item/index.css

@@ -1,4 +1,4 @@
-/* hash: 5s8l9 */
+/* hash: 1cucu */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-negative: #f15045;
@@ -20,7 +20,7 @@
     --gap-xs: 8px;
     --gap-s: 12px;
 }
-.file-upload-item__component_5s8l9 {
+.file-upload-item__component_1cucu {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -33,29 +33,29 @@
     padding: 0 0 var(--gap-xs) 0;
     margin-bottom: var(--gap-xs)
 }
-.file-upload-item__component_5s8l9 svg {
+.file-upload-item__component_1cucu svg {
         display: block;
     }
-.file-upload-item__info_5s8l9 {
+.file-upload-item__info_1cucu {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     flex: 1;
 }
-.file-upload-item__icon_5s8l9 {
+.file-upload-item__icon_1cucu {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_5s8l9 {
+.file-upload-item__errorIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_5s8l9 {
+.file-upload-item__successIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_5s8l9 {
+.file-upload-item__name_1cucu {
     flex: 1;
     margin-left: var(--gap-xs);
     white-space: nowrap;
@@ -64,36 +64,36 @@
     color: var(--color-light-text-primary);
     min-width: 40%
 }
-.file-upload-item__name_5s8l9 a {
+.file-upload-item__name_1cucu a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_5s8l9 {
+.file-upload-item__meta_1cucu {
     display: flex;
     align-items: center;
 
     white-space: nowrap
 }
-.file-upload-item__meta_5s8l9 > * {
+.file-upload-item__meta_1cucu > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_5s8l9 > *:last-child {
+.file-upload-item__meta_1cucu > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_5s8l9 {
+.file-upload-item__size_1cucu {
     width: 65px;
     text-align: right;
 }
-.file-upload-item__delete_5s8l9 {
+.file-upload-item__delete_1cucu {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-s);
 }
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }

package/file-upload-item/modern/Component.d.ts

@@ -27,6 +27,11 @@ type FileUploadItemProps = {
      * Ссылка на файл. Если прокидывается этот параметр, то заголовок становится ссылкой
      */
     downloadLink?: string;
+    /**
+     * Рекомендует браузеру скачивать контент по ссылке.
+     * В проп может быть передано рекомендуемое название скачиваемого файла.
+     */
+    download?: string | true;
     /**
      * Отображение кнопки удаления
      */

package/file-upload-item/modern/Component.js

@@ -9,10 +9,10 @@ import { Link } from '../../link/modern';
 import { Spinner } from '../../spinner/modern';
 import { fileIcon, humanFileSize } from './utils.js';
 
-var styles = {"component":"file-upload-item__component_5s8l9","info":"file-upload-item__info_5s8l9","icon":"file-upload-item__icon_5s8l9","errorIcon":"file-upload-item__errorIcon_5s8l9","successIcon":"file-upload-item__successIcon_5s8l9","name":"file-upload-item__name_5s8l9","meta":"file-upload-item__meta_5s8l9","size":"file-upload-item__size_5s8l9","delete":"file-upload-item__delete_5s8l9","error":"file-upload-item__error_5s8l9"};
+var styles = {"component":"file-upload-item__component_1cucu","info":"file-upload-item__info_1cucu","icon":"file-upload-item__icon_1cucu","errorIcon":"file-upload-item__errorIcon_1cucu","successIcon":"file-upload-item__successIcon_1cucu","name":"file-upload-item__name_1cucu","meta":"file-upload-item__meta_1cucu","size":"file-upload-item__size_1cucu","delete":"file-upload-item__delete_1cucu","error":"file-upload-item__error_1cucu"};
 require('./index.css');
 
-const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, uploadStatus, uploadPercent = 0, error = uploadStatus === 'ERROR' ? 'Не удалось загрузить файл' : undefined, showDelete, showRestore, onDelete, onDownload, onRestore, dataTestId, }) => {
+const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error = uploadStatus === 'ERROR' ? 'Не удалось загрузить файл' : undefined, showDelete, showRestore, onDelete, onDownload, onRestore, dataTestId, }) => {
     const handleDownload = useCallback((event) => {
         if (onDownload) {
             event.preventDefault();
@@ -41,7 +41,7 @@ const FileUploadItem = ({ className, children, id = '0', name = '', size, icon:
             }
         }
     }, [uploadStatus]);
-    const renderName = useCallback(() => (React.createElement("div", { className: styles.name }, downloadLink ? (React.createElement(Link, { pseudo: true, href: downloadLink, onClick: handleDownload }, name)) : (name))), [downloadLink, handleDownload, name]);
+    const renderName = useCallback(() => (React.createElement("div", { className: styles.name }, downloadLink ? (React.createElement(Link, { pseudo: true, href: downloadLink, onClick: handleDownload, download: download }, name)) : (name))), [downloadLink, handleDownload, download, name]);
     const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
     return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
         React.createElement("div", { className: styles.info },

package/file-upload-item/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 5s8l9 */
+/* hash: 1cucu */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-negative: #f15045;
@@ -20,7 +20,7 @@
     --gap-xs: 8px;
     --gap-s: 12px;
 }
-.file-upload-item__component_5s8l9 {
+.file-upload-item__component_1cucu {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -33,29 +33,29 @@
     padding: 0 0 var(--gap-xs) 0;
     margin-bottom: var(--gap-xs)
 }
-.file-upload-item__component_5s8l9 svg {
+.file-upload-item__component_1cucu svg {
         display: block;
     }
-.file-upload-item__info_5s8l9 {
+.file-upload-item__info_1cucu {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     flex: 1;
 }
-.file-upload-item__icon_5s8l9 {
+.file-upload-item__icon_1cucu {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
 }
-.file-upload-item__errorIcon_5s8l9 {
+.file-upload-item__errorIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
 }
-.file-upload-item__successIcon_5s8l9 {
+.file-upload-item__successIcon_1cucu {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
 }
-.file-upload-item__name_5s8l9 {
+.file-upload-item__name_1cucu {
     flex: 1;
     margin-left: var(--gap-xs);
     white-space: nowrap;
@@ -64,36 +64,36 @@
     color: var(--color-light-text-primary);
     min-width: 40%
 }
-.file-upload-item__name_5s8l9 a {
+.file-upload-item__name_1cucu a {
         display: block;
         margin-bottom: 1px;
     }
-.file-upload-item__meta_5s8l9 {
+.file-upload-item__meta_1cucu {
     display: flex;
     align-items: center;
 
     white-space: nowrap
 }
-.file-upload-item__meta_5s8l9 > * {
+.file-upload-item__meta_1cucu > * {
         margin-right: var(--gap-s)
     }
-.file-upload-item__meta_5s8l9 > *:last-child {
+.file-upload-item__meta_1cucu > *:last-child {
             margin-right: 0;
         }
-.file-upload-item__size_5s8l9 {
+.file-upload-item__size_1cucu {
     width: 65px;
     text-align: right;
 }
-.file-upload-item__delete_5s8l9 {
+.file-upload-item__delete_1cucu {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-s);
 }
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
     color: var(--color-light-text-accent)
 }
 @media (--small-only) {
-.file-upload-item__error_5s8l9 {
+.file-upload-item__error_1cucu {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }

package/form-control/Component.js

@@ -47,13 +47,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"form-control__component_oqizm","inner":"form-control__inner_oqizm","inputWrapper":"form-control__inputWrapper_oqizm","input":"form-control__input_oqizm","label":"form-control__label_oqizm","labelInner":"form-control__labelInner_oqizm","addons":"form-control__addons_oqizm","leftAddons":"form-control__leftAddons_oqizm","rightAddons":"form-control__rightAddons_oqizm","sub":"form-control__sub_oqizm","block":"form-control__block_oqizm","s":"form-control__s_oqizm","hasLabel":"form-control__hasLabel_oqizm","m":"form-control__m_oqizm","l":"form-control__l_oqizm","xl":"form-control__xl_oqizm","hasLeftAddons":"form-control__hasLeftAddons_oqizm","hasRightAddons":"form-control__hasRightAddons_oqizm","disabled":"form-control__disabled_oqizm","focused":"form-control__focused_oqizm","hasError":"form-control__hasError_oqizm","filled":"form-control__filled_oqizm","hiddenLabel":"form-control__hiddenLabel_oqizm"};
+var styles = {"component":"form-control__component_46zek","inner":"form-control__inner_46zek","inputWrapper":"form-control__inputWrapper_46zek","input":"form-control__input_46zek","label":"form-control__label_46zek","labelInner":"form-control__labelInner_46zek","addons":"form-control__addons_46zek","leftAddons":"form-control__leftAddons_46zek","rightAddons":"form-control__rightAddons_46zek","sub":"form-control__sub_46zek","block":"form-control__block_46zek","s":"form-control__s_46zek","hasLabel":"form-control__hasLabel_46zek","m":"form-control__m_46zek","l":"form-control__l_46zek","xl":"form-control__xl_46zek","hasLeftAddons":"form-control__hasLeftAddons_46zek","hasRightAddons":"form-control__hasRightAddons_46zek","disabled":"form-control__disabled_46zek","focused":"form-control__focused_46zek","hasError":"form-control__hasError_46zek","filled":"form-control__filled_46zek","hiddenLabel":"form-control__hiddenLabel_46zek"};
 require('./index.css');
 
-var defaultColors = {"component":"form-control__component_qv7p6","inner":"form-control__inner_qv7p6","label":"form-control__label_qv7p6","hint":"form-control__hint_qv7p6","disabled":"form-control__disabled_qv7p6","focused":"form-control__focused_qv7p6","hasError":"form-control__hasError_qv7p6","error":"form-control__error_qv7p6"};
+var defaultColors = {"component":"form-control__component_2whld","inner":"form-control__inner_2whld","label":"form-control__label_2whld","hint":"form-control__hint_2whld","disabled":"form-control__disabled_2whld","focused":"form-control__focused_2whld","hasError":"form-control__hasError_2whld","error":"form-control__error_2whld"};
 require('./default.css');
 
-var invertedColors = {"component":"form-control__component_10v1x","inner":"form-control__inner_10v1x","label":"form-control__label_10v1x","hint":"form-control__hint_10v1x","disabled":"form-control__disabled_10v1x","focused":"form-control__focused_10v1x","hasError":"form-control__hasError_10v1x","error":"form-control__error_10v1x"};
+var invertedColors = {"component":"form-control__component_cwbtg","inner":"form-control__inner_cwbtg","label":"form-control__label_cwbtg","hint":"form-control__hint_cwbtg","disabled":"form-control__disabled_cwbtg","focused":"form-control__focused_cwbtg","hasError":"form-control__hasError_cwbtg","error":"form-control__error_cwbtg"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/default.css

@@ -1,4 +1,4 @@
-/* hash: qv7p6 */
+/* hash: 2whld */
 :root {
     --color-light-border-key: #0b1f35;
     --color-light-border-secondary-inverted: #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_qv7p6 {
+.form-control__component_2whld {
     color: var(--form-control-color);
 }
-.form-control__inner_qv7p6 {
+.form-control__inner_2whld {
     background-color: var(--form-control-bg-color);
 }
 /* Нижняя граница */
-.form-control__inner_qv7p6:before {
+.form-control__inner_2whld:before {
     border-bottom: var(--form-control-border-bottom);
 }
-.form-control__label_qv7p6 {
+.form-control__label_2whld {
     color: var(--form-control-label-color);
 }
-.form-control__hint_qv7p6 {
+.form-control__hint_2whld {
     color: var(--form-control-hint-color);
 }
 /* DISABLED STATE */
-.form-control__disabled_qv7p6 {
+.form-control__disabled_2whld {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
 }
-.form-control__disabled_qv7p6:before {
+.form-control__disabled_2whld:before {
     border-bottom: var(--form-control-disabled-border-bottom);
 }
 /* FOCUS STATE */
-.form-control__focused_qv7p6:not(.form-control__disabled_qv7p6):not(.form-control__hasError_qv7p6):before {
+.form-control__focused_2whld:not(.form-control__disabled_2whld):not(.form-control__hasError_2whld):before {
     border-bottom: var(--form-control-focus-border-bottom);
 }
-.form-control__focused_qv7p6.form-control__inner_qv7p6 {
+.form-control__focused_2whld.form-control__inner_2whld {
     background-color: var(--form-control-focus-bg-color);
 }
 /* HOVER STATE */
-.form-control__inner_qv7p6:not(.form-control__disabled_qv7p6):hover {
+.form-control__inner_2whld:not(.form-control__disabled_2whld):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* ERROR STATE */
-.form-control__error_qv7p6 {
+.form-control__error_2whld {
     color: var(--form-control-error-color);
 }
-.form-control__hasError_qv7p6 .form-control__label_qv7p6 {
+.form-control__hasError_2whld .form-control__label_2whld {
     color: var(--form-control-error-label-color);
 }
-.form-control__hasError_qv7p6 {
+.form-control__hasError_2whld {
     box-shadow: var(--form-control-error-shadow);
 }
-.form-control__hasError_qv7p6:before {
+.form-control__hasError_2whld: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_oqizm","inner":"form-control__inner_oqizm","inputWrapper":"form-control__inputWrapper_oqizm","input":"form-control__input_oqizm","label":"form-control__label_oqizm","labelInner":"form-control__labelInner_oqizm","addons":"form-control__addons_oqizm","leftAddons":"form-control__leftAddons_oqizm","rightAddons":"form-control__rightAddons_oqizm","sub":"form-control__sub_oqizm","block":"form-control__block_oqizm","s":"form-control__s_oqizm","hasLabel":"form-control__hasLabel_oqizm","m":"form-control__m_oqizm","l":"form-control__l_oqizm","xl":"form-control__xl_oqizm","hasLeftAddons":"form-control__hasLeftAddons_oqizm","hasRightAddons":"form-control__hasRightAddons_oqizm","disabled":"form-control__disabled_oqizm","focused":"form-control__focused_oqizm","hasError":"form-control__hasError_oqizm","filled":"form-control__filled_oqizm","hiddenLabel":"form-control__hiddenLabel_oqizm"};
+var styles = {"component":"form-control__component_46zek","inner":"form-control__inner_46zek","inputWrapper":"form-control__inputWrapper_46zek","input":"form-control__input_46zek","label":"form-control__label_46zek","labelInner":"form-control__labelInner_46zek","addons":"form-control__addons_46zek","leftAddons":"form-control__leftAddons_46zek","rightAddons":"form-control__rightAddons_46zek","sub":"form-control__sub_46zek","block":"form-control__block_46zek","s":"form-control__s_46zek","hasLabel":"form-control__hasLabel_46zek","m":"form-control__m_46zek","l":"form-control__l_46zek","xl":"form-control__xl_46zek","hasLeftAddons":"form-control__hasLeftAddons_46zek","hasRightAddons":"form-control__hasRightAddons_46zek","disabled":"form-control__disabled_46zek","focused":"form-control__focused_46zek","hasError":"form-control__hasError_46zek","filled":"form-control__filled_46zek","hiddenLabel":"form-control__hiddenLabel_46zek"};
 require('./index.css');
 
-var defaultColors = {"component":"form-control__component_qv7p6","inner":"form-control__inner_qv7p6","label":"form-control__label_qv7p6","hint":"form-control__hint_qv7p6","disabled":"form-control__disabled_qv7p6","focused":"form-control__focused_qv7p6","hasError":"form-control__hasError_qv7p6","error":"form-control__error_qv7p6"};
+var defaultColors = {"component":"form-control__component_2whld","inner":"form-control__inner_2whld","label":"form-control__label_2whld","hint":"form-control__hint_2whld","disabled":"form-control__disabled_2whld","focused":"form-control__focused_2whld","hasError":"form-control__hasError_2whld","error":"form-control__error_2whld"};
 require('./default.css');
 
-var invertedColors = {"component":"form-control__component_10v1x","inner":"form-control__inner_10v1x","label":"form-control__label_10v1x","hint":"form-control__hint_10v1x","disabled":"form-control__disabled_10v1x","focused":"form-control__focused_10v1x","hasError":"form-control__hasError_10v1x","error":"form-control__error_10v1x"};
+var invertedColors = {"component":"form-control__component_cwbtg","inner":"form-control__inner_cwbtg","label":"form-control__label_cwbtg","hint":"form-control__hint_cwbtg","disabled":"form-control__disabled_cwbtg","focused":"form-control__focused_cwbtg","hasError":"form-control__hasError_cwbtg","error":"form-control__error_cwbtg"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: qv7p6 */
+/* hash: 2whld */
 :root {
     --color-light-border-key: #0b1f35;
     --color-light-border-secondary-inverted: #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_qv7p6 {
+.form-control__component_2whld {
     color: var(--form-control-color);
 }
-.form-control__inner_qv7p6 {
+.form-control__inner_2whld {
     background-color: var(--form-control-bg-color);
 }
 /* Нижняя граница */
-.form-control__inner_qv7p6:before {
+.form-control__inner_2whld:before {
     border-bottom: var(--form-control-border-bottom);
 }
-.form-control__label_qv7p6 {
+.form-control__label_2whld {
     color: var(--form-control-label-color);
 }
-.form-control__hint_qv7p6 {
+.form-control__hint_2whld {
     color: var(--form-control-hint-color);
 }
 /* DISABLED STATE */
-.form-control__disabled_qv7p6 {
+.form-control__disabled_2whld {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
 }
-.form-control__disabled_qv7p6:before {
+.form-control__disabled_2whld:before {
     border-bottom: var(--form-control-disabled-border-bottom);
 }
 /* FOCUS STATE */
-.form-control__focused_qv7p6:not(.form-control__disabled_qv7p6):not(.form-control__hasError_qv7p6):before {
+.form-control__focused_2whld:not(.form-control__disabled_2whld):not(.form-control__hasError_2whld):before {
     border-bottom: var(--form-control-focus-border-bottom);
 }
-.form-control__focused_qv7p6.form-control__inner_qv7p6 {
+.form-control__focused_2whld.form-control__inner_2whld {
     background-color: var(--form-control-focus-bg-color);
 }
 /* HOVER STATE */
-.form-control__inner_qv7p6:not(.form-control__disabled_qv7p6):hover {
+.form-control__inner_2whld:not(.form-control__disabled_2whld):hover {
     background-color: var(--form-control-hover-bg-color);
 }
 /* ERROR STATE */
-.form-control__error_qv7p6 {
+.form-control__error_2whld {
     color: var(--form-control-error-color);
 }
-.form-control__hasError_qv7p6 .form-control__label_qv7p6 {
+.form-control__hasError_2whld .form-control__label_2whld {
     color: var(--form-control-error-label-color);
 }
-.form-control__hasError_qv7p6 {
+.form-control__hasError_2whld {
     box-shadow: var(--form-control-error-shadow);
 }
-.form-control__hasError_qv7p6:before {
+.form-control__hasError_2whld:before {
     border-bottom: var(--form-control-error-border-bottom);
 }