@alfalab/core-components 38.2.0 → 38.4.0

package/dropzone/esm/index.css

@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_1ox2m {
+} .dropzone__component_1479l {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
-} .dropzone__disabled_1ox2m {
+} .dropzone__disabled_1479l {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1ox2m:not(.dropzone__disabled_1ox2m):hover {
+} .dropzone__component_1479l:not(.dropzone__disabled_1479l):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1ox2m {
+} .dropzone__block_1479l {
     width: 100%;
-} .dropzone__dragOver_1ox2m {
+} .dropzone__dragOver_1479l {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1ox2m {
+} .dropzone__error_1479l {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/index.css

@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_1ox2m {
+} .dropzone__component_1479l {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
-} .dropzone__disabled_1ox2m {
+} .dropzone__disabled_1479l {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1ox2m:not(.dropzone__disabled_1ox2m):hover {
+} .dropzone__component_1479l:not(.dropzone__disabled_1479l):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1ox2m {
+} .dropzone__block_1479l {
     width: 100%;
-} .dropzone__dragOver_1ox2m {
+} .dropzone__dragOver_1479l {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1ox2m {
+} .dropzone__error_1479l {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/modern/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"component":"dropzone__component_1ox2m","disabled":"dropzone__disabled_1ox2m","block":"dropzone__block_1ox2m","dragOver":"dropzone__dragOver_1ox2m","error":"dropzone__error_1ox2m"};
+const styles = {"component":"dropzone__component_1479l","disabled":"dropzone__disabled_1479l","block":"dropzone__block_1479l","dragOver":"dropzone__dragOver_1479l","error":"dropzone__error_1479l"};
 require('./index.css');
 
 const Dropzone = ({ className, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {

package/dropzone/modern/components/overlay/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"overlay":"dropzone__overlay_12o8o","visible":"dropzone__visible_12o8o","text":"dropzone__text_12o8o"};
+const styles = {"overlay":"dropzone__overlay_93fnq","visible":"dropzone__visible_93fnq","text":"dropzone__text_93fnq"};
 require('./index.css');
 
 const Overlay = ({ text = 'Перетащите файлы', visible = false }) => (React.createElement("div", { className: cn(styles.overlay, {

package/dropzone/modern/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_12o8o {
+} .dropzone__overlay_93fnq {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_12o8o {
+} .dropzone__visible_93fnq {
     opacity: 1;
-} .dropzone__text_12o8o {
+} .dropzone__text_93fnq {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_1ox2m {
+} .dropzone__component_1479l {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 2px dashed var(--color-light-border-underline);
-} .dropzone__disabled_1ox2m {
+} .dropzone__disabled_1479l {
     cursor: var(--disabled-cursor);
-} .dropzone__component_1ox2m:not(.dropzone__disabled_1ox2m):hover {
+} .dropzone__component_1479l:not(.dropzone__disabled_1479l):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_1ox2m {
+} .dropzone__block_1479l {
     width: 100%;
-} .dropzone__dragOver_1ox2m {
+} .dropzone__dragOver_1479l {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_1ox2m {
+} .dropzone__error_1479l {
     border-color: var(--color-light-border-accent);
 }

package/file-upload-item/Component.js

@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"file-upload-item__component_1nfvg","infoSection":"file-upload-item__infoSection_1nfvg","info":"file-upload-item__info_1nfvg","icon":"file-upload-item__icon_1nfvg","errorIcon":"file-upload-item__errorIcon_1nfvg","successIcon":"file-upload-item__successIcon_1nfvg","name":"file-upload-item__name_1nfvg","meta":"file-upload-item__meta_1nfvg","size":"file-upload-item__size_1nfvg","delete":"file-upload-item__delete_1nfvg","download":"file-upload-item__download_1nfvg","errorWrapper":"file-upload-item__errorWrapper_1nfvg","restore":"file-upload-item__restore_1nfvg","spinnerWrapper":"file-upload-item__spinnerWrapper_1nfvg","spinner":"file-upload-item__spinner_1nfvg","uploadPercent":"file-upload-item__uploadPercent_1nfvg"};
+var styles = {"component":"file-upload-item__component_ehzbr","infoSection":"file-upload-item__infoSection_ehzbr","info":"file-upload-item__info_ehzbr","icon":"file-upload-item__icon_ehzbr","errorIcon":"file-upload-item__errorIcon_ehzbr","successIcon":"file-upload-item__successIcon_ehzbr","name":"file-upload-item__name_ehzbr","meta":"file-upload-item__meta_ehzbr","size":"file-upload-item__size_ehzbr","delete":"file-upload-item__delete_ehzbr","download":"file-upload-item__download_ehzbr","errorWrapper":"file-upload-item__errorWrapper_ehzbr","restore":"file-upload-item__restore_ehzbr","spinnerWrapper":"file-upload-item__spinnerWrapper_ehzbr","spinner":"file-upload-item__spinner_ehzbr","uploadPercent":"file-upload-item__uploadPercent_ehzbr"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-var styles = {"component":"file-upload-item__component_1nfvg","infoSection":"file-upload-item__infoSection_1nfvg","info":"file-upload-item__info_1nfvg","icon":"file-upload-item__icon_1nfvg","errorIcon":"file-upload-item__errorIcon_1nfvg","successIcon":"file-upload-item__successIcon_1nfvg","name":"file-upload-item__name_1nfvg","meta":"file-upload-item__meta_1nfvg","size":"file-upload-item__size_1nfvg","delete":"file-upload-item__delete_1nfvg","download":"file-upload-item__download_1nfvg","errorWrapper":"file-upload-item__errorWrapper_1nfvg","restore":"file-upload-item__restore_1nfvg","spinnerWrapper":"file-upload-item__spinnerWrapper_1nfvg","spinner":"file-upload-item__spinner_1nfvg","uploadPercent":"file-upload-item__uploadPercent_1nfvg"};
+var styles = {"component":"file-upload-item__component_ehzbr","infoSection":"file-upload-item__infoSection_ehzbr","info":"file-upload-item__info_ehzbr","icon":"file-upload-item__icon_ehzbr","errorIcon":"file-upload-item__errorIcon_ehzbr","successIcon":"file-upload-item__successIcon_ehzbr","name":"file-upload-item__name_ehzbr","meta":"file-upload-item__meta_ehzbr","size":"file-upload-item__size_ehzbr","delete":"file-upload-item__delete_ehzbr","download":"file-upload-item__download_ehzbr","errorWrapper":"file-upload-item__errorWrapper_ehzbr","restore":"file-upload-item__restore_ehzbr","spinnerWrapper":"file-upload-item__spinnerWrapper_ehzbr","spinner":"file-upload-item__spinner_ehzbr","uploadPercent":"file-upload-item__uploadPercent_ehzbr"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: i082x */
+/* hash: 1li6r */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -25,7 +25,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_1nfvg {
+} .file-upload-item__component_ehzbr {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -36,78 +36,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
-} .file-upload-item__component_1nfvg svg {
+} .file-upload-item__component_ehzbr svg {
         display: block;
-    } .file-upload-item__infoSection_1nfvg {
+    } .file-upload-item__infoSection_ehzbr {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_1nfvg {
+} .file-upload-item__info_ehzbr {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_1nfvg {
+} .file-upload-item__icon_ehzbr {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
-} .file-upload-item__errorIcon_1nfvg {
+} .file-upload-item__errorIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
-} .file-upload-item__successIcon_1nfvg {
+} .file-upload-item__successIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
-} .file-upload-item__name_1nfvg {
+} .file-upload-item__name_ehzbr {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_1nfvg a {
+} .file-upload-item__name_ehzbr a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_1nfvg {
+    } .file-upload-item__meta_ehzbr {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_1nfvg > * {
+} .file-upload-item__meta_ehzbr > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_1nfvg > *:last-child {
+    } .file-upload-item__meta_ehzbr > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_1nfvg {
+        } .file-upload-item__size_ehzbr {
     text-align: right;
-} .file-upload-item__delete_1nfvg,
-.file-upload-item__download_1nfvg {
+} .file-upload-item__delete_ehzbr,
+.file-upload-item__download_ehzbr {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_1nfvg {
+} .file-upload-item__errorWrapper_ehzbr {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
-} @media (--small-only) { .file-upload-item__errorWrapper_1nfvg {
+} @media (--small-only) { .file-upload-item__errorWrapper_ehzbr {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_1nfvg {
+    } .file-upload-item__restore_ehzbr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_1nfvg {
+} .file-upload-item__spinnerWrapper_ehzbr {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_1nfvg {
+} .file-upload-item__spinner_ehzbr {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_1nfvg {
+} .file-upload-item__uploadPercent_ehzbr {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

package/file-upload-item/index.css

@@ -1,4 +1,4 @@
-/* hash: i082x */
+/* hash: 1li6r */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -25,7 +25,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_1nfvg {
+} .file-upload-item__component_ehzbr {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -36,78 +36,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
-} .file-upload-item__component_1nfvg svg {
+} .file-upload-item__component_ehzbr svg {
         display: block;
-    } .file-upload-item__infoSection_1nfvg {
+    } .file-upload-item__infoSection_ehzbr {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_1nfvg {
+} .file-upload-item__info_ehzbr {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_1nfvg {
+} .file-upload-item__icon_ehzbr {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
-} .file-upload-item__errorIcon_1nfvg {
+} .file-upload-item__errorIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
-} .file-upload-item__successIcon_1nfvg {
+} .file-upload-item__successIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
-} .file-upload-item__name_1nfvg {
+} .file-upload-item__name_ehzbr {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_1nfvg a {
+} .file-upload-item__name_ehzbr a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_1nfvg {
+    } .file-upload-item__meta_ehzbr {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_1nfvg > * {
+} .file-upload-item__meta_ehzbr > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_1nfvg > *:last-child {
+    } .file-upload-item__meta_ehzbr > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_1nfvg {
+        } .file-upload-item__size_ehzbr {
     text-align: right;
-} .file-upload-item__delete_1nfvg,
-.file-upload-item__download_1nfvg {
+} .file-upload-item__delete_ehzbr,
+.file-upload-item__download_ehzbr {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_1nfvg {
+} .file-upload-item__errorWrapper_ehzbr {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
-} @media (--small-only) { .file-upload-item__errorWrapper_1nfvg {
+} @media (--small-only) { .file-upload-item__errorWrapper_ehzbr {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_1nfvg {
+    } .file-upload-item__restore_ehzbr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_1nfvg {
+} .file-upload-item__spinnerWrapper_ehzbr {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_1nfvg {
+} .file-upload-item__spinner_ehzbr {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_1nfvg {
+} .file-upload-item__uploadPercent_ehzbr {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

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

@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
 import '@alfalab/icons-glyph/DocumentTxtMIcon';
 import '@alfalab/icons-glyph/DocumentUnknownMIcon';
 
-const styles = {"component":"file-upload-item__component_1nfvg","infoSection":"file-upload-item__infoSection_1nfvg","info":"file-upload-item__info_1nfvg","icon":"file-upload-item__icon_1nfvg","errorIcon":"file-upload-item__errorIcon_1nfvg","successIcon":"file-upload-item__successIcon_1nfvg","name":"file-upload-item__name_1nfvg","meta":"file-upload-item__meta_1nfvg","size":"file-upload-item__size_1nfvg","delete":"file-upload-item__delete_1nfvg","download":"file-upload-item__download_1nfvg","errorWrapper":"file-upload-item__errorWrapper_1nfvg","restore":"file-upload-item__restore_1nfvg","spinnerWrapper":"file-upload-item__spinnerWrapper_1nfvg","spinner":"file-upload-item__spinner_1nfvg","uploadPercent":"file-upload-item__uploadPercent_1nfvg"};
+const styles = {"component":"file-upload-item__component_ehzbr","infoSection":"file-upload-item__infoSection_ehzbr","info":"file-upload-item__info_ehzbr","icon":"file-upload-item__icon_ehzbr","errorIcon":"file-upload-item__errorIcon_ehzbr","successIcon":"file-upload-item__successIcon_ehzbr","name":"file-upload-item__name_ehzbr","meta":"file-upload-item__meta_ehzbr","size":"file-upload-item__size_ehzbr","delete":"file-upload-item__delete_ehzbr","download":"file-upload-item__download_ehzbr","errorWrapper":"file-upload-item__errorWrapper_ehzbr","restore":"file-upload-item__restore_ehzbr","spinnerWrapper":"file-upload-item__spinnerWrapper_ehzbr","spinner":"file-upload-item__spinner_ehzbr","uploadPercent":"file-upload-item__uploadPercent_ehzbr"};
 require('./index.css');
 
 const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: i082x */
+/* hash: 1li6r */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
@@ -25,7 +25,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_1nfvg {
+} .file-upload-item__component_ehzbr {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -36,78 +36,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
     box-sizing: border-box
-} .file-upload-item__component_1nfvg svg {
+} .file-upload-item__component_ehzbr svg {
         display: block;
-    } .file-upload-item__infoSection_1nfvg {
+    } .file-upload-item__infoSection_ehzbr {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_1nfvg {
+} .file-upload-item__info_ehzbr {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_1nfvg {
+} .file-upload-item__icon_ehzbr {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-text-primary);
-} .file-upload-item__errorIcon_1nfvg {
+} .file-upload-item__errorIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-negative);
-} .file-upload-item__successIcon_1nfvg {
+} .file-upload-item__successIcon_ehzbr {
     flex-shrink: 0;
     color: var(--color-light-graphic-positive);
-} .file-upload-item__name_1nfvg {
+} .file-upload-item__name_ehzbr {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_1nfvg a {
+} .file-upload-item__name_ehzbr a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_1nfvg {
+    } .file-upload-item__meta_ehzbr {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: var(--gap-xl);
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_1nfvg > * {
+} .file-upload-item__meta_ehzbr > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_1nfvg > *:last-child {
+    } .file-upload-item__meta_ehzbr > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_1nfvg {
+        } .file-upload-item__size_ehzbr {
     text-align: right;
-} .file-upload-item__delete_1nfvg,
-.file-upload-item__download_1nfvg {
+} .file-upload-item__delete_ehzbr,
+.file-upload-item__download_ehzbr {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_1nfvg {
+} .file-upload-item__errorWrapper_ehzbr {
     margin-top: var(--gap-s);
     color: var(--color-light-text-accent)
-} @media (--small-only) { .file-upload-item__errorWrapper_1nfvg {
+} @media (--small-only) { .file-upload-item__errorWrapper_ehzbr {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_1nfvg {
+    } .file-upload-item__restore_ehzbr {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_1nfvg {
+} .file-upload-item__spinnerWrapper_ehzbr {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_1nfvg {
+} .file-upload-item__spinner_ehzbr {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_1nfvg {
+} .file-upload-item__uploadPercent_ehzbr {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }

package/filter-tag/Component.d.ts

@@ -34,10 +34,6 @@ type FilterTagProps = {
      * Размер компонента
      */
     size?: 'xxs' | 'xs' | 's';
-    /**
-     * Вариант тега
-     */
-    variant?: 'default' | 'alt';
     /**
      * Дополнительный класс
      */
@@ -46,6 +42,20 @@ type FilterTagProps = {
      * Показывать крестик для очистки выбора
      */
     showClear?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: 'default' | 'alt';
+    /**
+     * Форма тега
+     */
+    shape?: 'rounded' | 'rectangular';
+    /**
+     * Стиль тега
+     */
+    view?: 'outlined' | 'filled';
 };
 declare const FilterTag: React.ForwardRefExoticComponent<FilterTagProps & React.RefAttributes<HTMLDivElement>>;
 export { FilterTagProps, FilterTag };

package/filter-tag/Component.js

@@ -11,46 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"component":"filter-tag__component_1luln","disabled":"filter-tag__disabled_1luln","defaultVariant":"filter-tag__defaultVariant_1luln","alt":"filter-tag__alt_1luln","checked":"filter-tag__checked_1luln","xxs":"filter-tag__xxs_1luln","xs":"filter-tag__xs_1luln","s":"filter-tag__s_1luln","focused":"filter-tag__focused_1luln","chevron":"filter-tag__chevron_1luln","valueButton":"filter-tag__valueButton_1luln","open":"filter-tag__open_1luln","close":"filter-tag__close_1luln","clear":"filter-tag__clear_1luln","iconWrapper":"filter-tag__iconWrapper_1luln"};
+var styles = {"component":"filter-tag__component_1tp45","disabled":"filter-tag__disabled_1tp45","rounded":"filter-tag__rounded_1tp45","xxs":"filter-tag__xxs_1tp45","xs":"filter-tag__xs_1tp45","s":"filter-tag__s_1tp45","rectangular":"filter-tag__rectangular_1tp45","checked":"filter-tag__checked_1tp45","focused":"filter-tag__focused_1tp45","chevron":"filter-tag__chevron_1tp45","valueButton":"filter-tag__valueButton_1tp45","outlined":"filter-tag__outlined_1tp45","filled":"filter-tag__filled_1tp45","open":"filter-tag__open_1tp45","close":"filter-tag__close_1tp45","clear":"filter-tag__clear_1tp45","iconWrapper":"filter-tag__iconWrapper_1tp45"};
 require('./index.css');
 
 var isKeyBoardEvent = function (event) {
@@ -58,7 +19,7 @@ var isKeyBoardEvent = function (event) {
 };
 var FilterTag = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 's' : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.onClear, onClear = _f === void 0 ? function () { return null; } : _f, _g = _a.showClear, showClear = _g === void 0 ? true : _g, className = _a.className, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "checked", "disabled", "open", "onClick", "size", "variant", "onClear", "showClear", "className", "dataTestId"]);
+    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 's' : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, className = _a.className, dataTestId = _a.dataTestId;
     var valueRef = React.useRef(null);
     var focused = hooks.useFocus(valueRef, 'keyboard')[0];
     var handleClear = function (event) {
@@ -71,23 +32,24 @@ var FilterTag = React.forwardRef(function (_a, ref) {
         }
         onClear();
     };
-    var variantClassName = variant === 'default' ? 'defaultVariant' : variant;
+    var variantClassName = variant === 'default' ? 'rounded' : 'rectangular';
+    var shapeClassName = shape || variantClassName;
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React__default.default.createElement("div", __assign({ className: cn__default.default(className, [styles.component], styles[variantClassName], styles[size], (_b = {},
+    React__default.default.createElement("div", { className: cn__default.default(className, [styles.component], styles[shapeClassName], styles[size], (_b = {},
             _b[styles.checked] = checked,
             _b[styles.disabled] = disabled,
             _b[styles.focused] = focused,
             _b[styles.open] = open,
-            _b)), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick }, restProps),
-        React__default.default.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn__default.default(styles.valueButton, styles[size], styles[variantClassName], (_c = {},
+            _b)), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick },
+        React__default.default.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn__default.default(styles.valueButton, styles[size], styles[shapeClassName], styles[view], (_c = {},
                 _c[styles.checked] = checked,
                 _c[styles.open] = open,
                 _c[styles.close] = !showClear,
                 _c)) },
             React__default.default.createElement("span", null, children),
             React__default.default.createElement("span", { className: styles.chevron }, size === 'xxs' ? React__default.default.createElement(ChevronDownCompactSIcon.ChevronDownCompactSIcon, null) : React__default.default.createElement(ChevronDownMIcon.ChevronDownMIcon, null))),
-        checked && !disabled && showClear && (React__default.default.createElement("div", { role: 'button', className: cn__default.default(styles.clear, styles[size], styles[variantClassName]), onClick: handleClear, onKeyDown: handleClear, tabIndex: 0 },
+        checked && !disabled && showClear && (React__default.default.createElement("div", { role: 'button', className: cn__default.default(styles.clear, styles[size], styles[shapeClassName]), onClick: handleClear, onKeyDown: handleClear, tabIndex: 0 },
             React__default.default.createElement("span", { className: styles.iconWrapper }, size === 'xxs' ? React__default.default.createElement(CrossCircleSIcon.CrossCircleSIcon, null) : React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, null))))));
 });