@alfalab/core-components 44.6.0 → 44.7.0

package/drawer/modern/index.css

@@ -23,97 +23,97 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_4sg2w {
+} .drawer__component_1y8zr {
     top: 0;
     height: 100%;
     width: var(--drawer-width);
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__component_4sg2w.drawer__component_4sg2w {
+} .drawer__component_1y8zr.drawer__component_1y8zr {
     position: fixed;
-} .drawer__customScrollbar_4sg2w {
+} .drawer__customScrollbar_1y8zr {
     overflow: auto;
     cursor: auto;
-} .drawer__customScrollbar_4sg2w::-webkit-scrollbar {
+} .drawer__customScrollbar_1y8zr::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-track {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-track {
         background-color: transparent;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-track-piece {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb:vertical {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / 6px;
         min-height: 40px;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb:vertical:hover {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb:horizontal {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb:horizontal {
         border-radius: 6px / var(--border-radius-circle);
         min-width: 40px;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb:horizontal:hover {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-thumb:active {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .drawer__customScrollbar_4sg2w::-webkit-resizer {
+    } .drawer__customScrollbar_1y8zr::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .drawer__customScrollbar_4sg2w::-webkit-scrollbar-button,
-    .drawer__customScrollbar_4sg2w::-webkit-scrollbar-corner {
+    } .drawer__customScrollbar_1y8zr::-webkit-scrollbar-button,
+    .drawer__customScrollbar_1y8zr::-webkit-scrollbar-corner {
         display: none;
-    } .drawer__rightPlacement_4sg2w {
+    } .drawer__rightPlacement_1y8zr {
     right: 0;
     align-self: flex-end;
-} .drawer__leftPlacement_4sg2w {
+} .drawer__leftPlacement_1y8zr {
     left: 0;
     align-self: flex-start;
-} .drawer__content_4sg2w {
+} .drawer__content_1y8zr {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} /* enter */ .drawer__enterRight_4sg2w {
+} /* enter */ .drawer__enterRight_1y8zr {
     transform: translateX(100%);
-} .drawer__enterLeft_4sg2w {
+} .drawer__enterLeft_1y8zr {
     transform: translateX(-100%);
-} .drawer__contentEnter_4sg2w {
+} .drawer__contentEnter_1y8zr {
     opacity: 0;
-} .drawer__backdropEnter_4sg2w {
+} .drawer__backdropEnter_1y8zr {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_4sg2w {
+} .drawer__enterActive_1y8zr {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_4sg2w,
-.drawer__backdropEnterDone_4sg2w {
+} .drawer__backdropEnterActive_1y8zr,
+.drawer__backdropEnterDone_1y8zr {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_4sg2w {
+} .drawer__contentEnterActive_1y8zr {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_4sg2w {
+} /* exit */ .drawer__exit_1y8zr {
     transform: translateX(0);
-} .drawer__backdropExit_4sg2w {
+} .drawer__backdropExit_1y8zr {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_4sg2w {
+} .drawer__contentExit_1y8zr {
     opacity: 1;
-} .drawer__exitActiveRight_4sg2w {
+} .drawer__exitActiveRight_1y8zr {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_4sg2w {
+} .drawer__exitActiveLeft_1y8zr {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_4sg2w,
-.drawer__backdropExitDone_4sg2w {
+} .drawer__backdropExitActive_1y8zr,
+.drawer__backdropExitDone_1y8zr {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_4sg2w {
+} .drawer__contentExitActive_1y8zr {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.d.ts

@@ -7,6 +7,10 @@ type DropzoneProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
     /**
      * Подпись для заглушки
      */

package/dropzone/Component.js

@@ -10,12 +10,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"dropzone__component_14ga0","disabled":"dropzone__disabled_14ga0","block":"dropzone__block_14ga0","dragOver":"dropzone__dragOver_14ga0","error":"dropzone__error_14ga0","inner":"dropzone__inner_14ga0","hidden":"dropzone__hidden_14ga0"};
+var styles = {"component":"dropzone__component_nu9ky","disabled":"dropzone__disabled_nu9ky","block":"dropzone__block_nu9ky","dragOver":"dropzone__dragOver_nu9ky","error":"dropzone__error_nu9ky","inner":"dropzone__inner_nu9ky","hidden":"dropzone__hidden_nu9ky"};
 require('./index.css');
 
 var Dropzone = function (_a) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay = _e === void 0 ? components_overlay_Component.Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var className = _a.className, contentClassName = _a.contentClassName, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay = _e === void 0 ? components_overlay_Component.Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _g = React.useState(false), dragOver = _g[0], setDragOver = _g[1];
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
@@ -72,8 +72,8 @@ var Dropzone = function (_a) {
             _b[styles.block] = block,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
-        React__default.default.createElement("div", { className: cn__default.default(styles.inner, isOverlayVisible && styles.hidden) }, children),
-        Overlay && React__default.default.createElement(Overlay, { text: text, visible: isOverlayVisible })));
+        React__default.default.createElement("div", { className: cn__default.default(styles.inner, isOverlayVisible && styles.hidden, contentClassName) }, children),
+        React__default.default.createElement(Overlay, { text: text, visible: isOverlayVisible })));
 };
 
 exports.Dropzone = Dropzone;

package/dropzone/components/overlay/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"overlay":"dropzone__overlay_vjk7f","visible":"dropzone__visible_vjk7f","text":"dropzone__text_vjk7f"};
+var styles = {"overlay":"dropzone__overlay_nfwu3","visible":"dropzone__visible_nfwu3","text":"dropzone__text_nfwu3"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_vjk7f {
+} .dropzone__overlay_nfwu3 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_vjk7f {
+} .dropzone__visible_nfwu3 {
     opacity: 1;
-} .dropzone__text_vjk7f {
+} .dropzone__text_nfwu3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/cssm/Component.d.ts

@@ -7,6 +7,10 @@ type DropzoneProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
     /**
      * Подпись для заглушки
      */

package/dropzone/cssm/Component.js

@@ -14,7 +14,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Dropzone = function (_a) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay = _e === void 0 ? components_overlay_Component.Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var className = _a.className, contentClassName = _a.contentClassName, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay = _e === void 0 ? components_overlay_Component.Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _g = React.useState(false), dragOver = _g[0], setDragOver = _g[1];
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
@@ -71,8 +71,8 @@ var Dropzone = function (_a) {
             _b[styles__default.default.block] = block,
             _b[styles__default.default.disabled] = disabled,
             _b)), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
-        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, isOverlayVisible && styles__default.default.hidden) }, children),
-        Overlay && React__default.default.createElement(Overlay, { text: text, visible: isOverlayVisible })));
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, isOverlayVisible && styles__default.default.hidden, contentClassName) }, children),
+        React__default.default.createElement(Overlay, { text: text, visible: isOverlayVisible })));
 };
 
 exports.Dropzone = Dropzone;

package/dropzone/esm/Component.d.ts

@@ -7,6 +7,10 @@ type DropzoneProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
     /**
      * Подпись для заглушки
      */

package/dropzone/esm/Component.js

@@ -4,12 +4,12 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"component":"dropzone__component_14ga0","disabled":"dropzone__disabled_14ga0","block":"dropzone__block_14ga0","dragOver":"dropzone__dragOver_14ga0","error":"dropzone__error_14ga0","inner":"dropzone__inner_14ga0","hidden":"dropzone__hidden_14ga0"};
+var styles = {"component":"dropzone__component_nu9ky","disabled":"dropzone__disabled_nu9ky","block":"dropzone__block_nu9ky","dragOver":"dropzone__dragOver_nu9ky","error":"dropzone__error_nu9ky","inner":"dropzone__inner_nu9ky","hidden":"dropzone__hidden_nu9ky"};
 require('./index.css');
 
 var Dropzone = function (_a) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay$1 = _e === void 0 ? Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var className = _a.className, contentClassName = _a.contentClassName, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, overlayVisible = _a.overlayVisible, _e = _a.Overlay, Overlay$1 = _e === void 0 ? Overlay : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _g = useState(false), dragOver = _g[0], setDragOver = _g[1];
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
@@ -66,8 +66,8 @@ var Dropzone = function (_a) {
             _b[styles.block] = block,
             _b[styles.disabled] = disabled,
             _b)), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
-        React.createElement("div", { className: cn(styles.inner, isOverlayVisible && styles.hidden) }, children),
-        Overlay$1 && React.createElement(Overlay$1, { text: text, visible: isOverlayVisible })));
+        React.createElement("div", { className: cn(styles.inner, isOverlayVisible && styles.hidden, contentClassName) }, children),
+        React.createElement(Overlay$1, { text: text, visible: isOverlayVisible })));
 };
 
 export { Dropzone };

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ContainerMIcon } from '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"overlay":"dropzone__overlay_vjk7f","visible":"dropzone__visible_vjk7f","text":"dropzone__text_vjk7f"};
+var styles = {"overlay":"dropzone__overlay_nfwu3","visible":"dropzone__visible_nfwu3","text":"dropzone__text_nfwu3"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_vjk7f {
+} .dropzone__overlay_nfwu3 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_vjk7f {
+} .dropzone__visible_nfwu3 {
     opacity: 1;
-} .dropzone__text_vjk7f {
+} .dropzone__text_nfwu3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_14ga0 {
+} .dropzone__component_nu9ky {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_14ga0 {
+} .dropzone__disabled_nu9ky {
     cursor: var(--disabled-cursor);
-} .dropzone__component_14ga0:not(.dropzone__disabled_14ga0):hover {
+} .dropzone__component_nu9ky:not(.dropzone__disabled_nu9ky):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_14ga0 {
+} .dropzone__block_nu9ky {
     width: 100%;
-} .dropzone__dragOver_14ga0 {
+} .dropzone__dragOver_nu9ky {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_14ga0 {
+} .dropzone__error_nu9ky {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_14ga0 {
+} .dropzone__inner_nu9ky {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_14ga0 {
+} .dropzone__hidden_nu9ky {
     opacity: 0;
 }

package/dropzone/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_14ga0 {
+} .dropzone__component_nu9ky {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_14ga0 {
+} .dropzone__disabled_nu9ky {
     cursor: var(--disabled-cursor);
-} .dropzone__component_14ga0:not(.dropzone__disabled_14ga0):hover {
+} .dropzone__component_nu9ky:not(.dropzone__disabled_nu9ky):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_14ga0 {
+} .dropzone__block_nu9ky {
     width: 100%;
-} .dropzone__dragOver_14ga0 {
+} .dropzone__dragOver_nu9ky {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_14ga0 {
+} .dropzone__error_nu9ky {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_14ga0 {
+} .dropzone__inner_nu9ky {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_14ga0 {
+} .dropzone__hidden_nu9ky {
     opacity: 0;
 }

package/dropzone/modern/Component.d.ts

@@ -7,6 +7,10 @@ type DropzoneProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
     /**
      * Подпись для заглушки
      */

package/dropzone/modern/Component.js

@@ -4,10 +4,10 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-const styles = {"component":"dropzone__component_14ga0","disabled":"dropzone__disabled_14ga0","block":"dropzone__block_14ga0","dragOver":"dropzone__dragOver_14ga0","error":"dropzone__error_14ga0","inner":"dropzone__inner_14ga0","hidden":"dropzone__hidden_14ga0"};
+const styles = {"component":"dropzone__component_nu9ky","disabled":"dropzone__disabled_nu9ky","block":"dropzone__block_nu9ky","dragOver":"dropzone__dragOver_nu9ky","error":"dropzone__error_nu9ky","inner":"dropzone__inner_nu9ky","hidden":"dropzone__hidden_nu9ky"};
 require('./index.css');
 
-const Dropzone = ({ className, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {
+const Dropzone = ({ className, contentClassName, children, text = 'Перетащите файлы', error = false, overlayVisible, Overlay: Overlay$1 = Overlay, onDragEnter, onDragLeave, onDragOver, onDrop, block = false, disabled, dataTestId, }) => {
     const [dragOver, setDragOver] = useState(false);
     /**
      * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
@@ -64,8 +64,8 @@ const Dropzone = ({ className, children, text = 'Перетащите файлы
             [styles.block]: block,
             [styles.disabled]: disabled,
         }), "data-test-id": dataTestId, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop },
-        React.createElement("div", { className: cn(styles.inner, isOverlayVisible && styles.hidden) }, children),
-        Overlay$1 && React.createElement(Overlay$1, { text: text, visible: isOverlayVisible })));
+        React.createElement("div", { className: cn(styles.inner, isOverlayVisible && styles.hidden, contentClassName) }, children),
+        React.createElement(Overlay$1, { text: text, visible: isOverlayVisible })));
 };
 
 export { Dropzone };

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_vjk7f","visible":"dropzone__visible_vjk7f","text":"dropzone__text_vjk7f"};
+const styles = {"overlay":"dropzone__overlay_nfwu3","visible":"dropzone__visible_nfwu3","text":"dropzone__text_nfwu3"};
 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_vjk7f {
+} .dropzone__overlay_nfwu3 {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_vjk7f {
+} .dropzone__visible_nfwu3 {
     opacity: 1;
-} .dropzone__text_vjk7f {
+} .dropzone__text_nfwu3 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/modern/index.css

@@ -21,24 +21,24 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-l);
-} .dropzone__component_14ga0 {
+} .dropzone__component_nu9ky {
     display: inline-block;
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
     border: 1px dashed var(--color-light-neutral-1500);
-} .dropzone__disabled_14ga0 {
+} .dropzone__disabled_nu9ky {
     cursor: var(--disabled-cursor);
-} .dropzone__component_14ga0:not(.dropzone__disabled_14ga0):hover {
+} .dropzone__component_nu9ky:not(.dropzone__disabled_nu9ky):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_14ga0 {
+} .dropzone__block_nu9ky {
     width: 100%;
-} .dropzone__dragOver_14ga0 {
+} .dropzone__dragOver_nu9ky {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_14ga0 {
+} .dropzone__error_nu9ky {
     border-color: var(--color-light-status-negative);
-} .dropzone__inner_14ga0 {
+} .dropzone__inner_nu9ky {
     transition: opacity 0.2s ease;
-} .dropzone__hidden_14ga0 {
+} .dropzone__hidden_nu9ky {
     opacity: 0;
 }

package/file-upload-item/Component.js

@@ -17,7 +17,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_2mrdy","infoSection":"file-upload-item__infoSection_2mrdy","info":"file-upload-item__info_2mrdy","icon":"file-upload-item__icon_2mrdy","errorIcon":"file-upload-item__errorIcon_2mrdy","successIcon":"file-upload-item__successIcon_2mrdy","name":"file-upload-item__name_2mrdy","meta":"file-upload-item__meta_2mrdy","size":"file-upload-item__size_2mrdy","delete":"file-upload-item__delete_2mrdy","download":"file-upload-item__download_2mrdy","errorWrapper":"file-upload-item__errorWrapper_2mrdy","restore":"file-upload-item__restore_2mrdy","spinnerWrapper":"file-upload-item__spinnerWrapper_2mrdy","spinner":"file-upload-item__spinner_2mrdy","uploadPercent":"file-upload-item__uploadPercent_2mrdy"};
+var styles = {"component":"file-upload-item__component_1w4g5","infoSection":"file-upload-item__infoSection_1w4g5","info":"file-upload-item__info_1w4g5","icon":"file-upload-item__icon_1w4g5","errorIcon":"file-upload-item__errorIcon_1w4g5","successIcon":"file-upload-item__successIcon_1w4g5","name":"file-upload-item__name_1w4g5","meta":"file-upload-item__meta_1w4g5","size":"file-upload-item__size_1w4g5","delete":"file-upload-item__delete_1w4g5","download":"file-upload-item__download_1w4g5","errorWrapper":"file-upload-item__errorWrapper_1w4g5","restore":"file-upload-item__restore_1w4g5","spinnerWrapper":"file-upload-item__spinnerWrapper_1w4g5","spinner":"file-upload-item__spinner_1w4g5","uploadPercent":"file-upload-item__uploadPercent_1w4g5"};
 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_2mrdy","infoSection":"file-upload-item__infoSection_2mrdy","info":"file-upload-item__info_2mrdy","icon":"file-upload-item__icon_2mrdy","errorIcon":"file-upload-item__errorIcon_2mrdy","successIcon":"file-upload-item__successIcon_2mrdy","name":"file-upload-item__name_2mrdy","meta":"file-upload-item__meta_2mrdy","size":"file-upload-item__size_2mrdy","delete":"file-upload-item__delete_2mrdy","download":"file-upload-item__download_2mrdy","errorWrapper":"file-upload-item__errorWrapper_2mrdy","restore":"file-upload-item__restore_2mrdy","spinnerWrapper":"file-upload-item__spinnerWrapper_2mrdy","spinner":"file-upload-item__spinner_2mrdy","uploadPercent":"file-upload-item__uploadPercent_2mrdy"};
+var styles = {"component":"file-upload-item__component_1w4g5","infoSection":"file-upload-item__infoSection_1w4g5","info":"file-upload-item__info_1w4g5","icon":"file-upload-item__icon_1w4g5","errorIcon":"file-upload-item__errorIcon_1w4g5","successIcon":"file-upload-item__successIcon_1w4g5","name":"file-upload-item__name_1w4g5","meta":"file-upload-item__meta_1w4g5","size":"file-upload-item__size_1w4g5","delete":"file-upload-item__delete_1w4g5","download":"file-upload-item__download_1w4g5","errorWrapper":"file-upload-item__errorWrapper_1w4g5","restore":"file-upload-item__restore_1w4g5","spinnerWrapper":"file-upload-item__spinnerWrapper_1w4g5","spinner":"file-upload-item__spinner_1w4g5","uploadPercent":"file-upload-item__uploadPercent_1w4g5"};
 require('./index.css');
 
 var FileUploadItem = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1ubnb */
+/* hash: 8hh2u */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500: #0e0e0e;
@@ -26,7 +26,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .file-upload-item__component_2mrdy {
+} .file-upload-item__component_1w4g5 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
@@ -37,78 +37,78 @@
     color: var(--color-light-text-secondary);
     box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
     box-sizing: border-box
-} .file-upload-item__component_2mrdy svg {
+} .file-upload-item__component_1w4g5 svg {
         display: block;
-    } .file-upload-item__infoSection_2mrdy {
+    } .file-upload-item__infoSection_1w4g5 {
     display: flex;
     flex-direction: column;
     flex: 1;
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-s);
     min-width: 40%;
-} .file-upload-item__info_2mrdy {
+} .file-upload-item__info_1w4g5 {
     display: flex;
     flex-wrap: wrap;
     flex: 1;
     overflow: hidden;
-} .file-upload-item__icon_2mrdy {
+} .file-upload-item__icon_1w4g5 {
     display: block;
     flex-shrink: 0;
     color: var(--color-light-neutral-1500);
-} .file-upload-item__errorIcon_2mrdy {
+} .file-upload-item__errorIcon_1w4g5 {
     flex-shrink: 0;
     color: var(--color-light-status-negative);
-} .file-upload-item__successIcon_2mrdy {
+} .file-upload-item__successIcon_1w4g5 {
     flex-shrink: 0;
     color: var(--color-light-status-positive);
-} .file-upload-item__name_2mrdy {
+} .file-upload-item__name_1w4g5 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary)
-} .file-upload-item__name_2mrdy a {
+} .file-upload-item__name_1w4g5 a {
         display: block;
         margin-bottom: 1px;
-    } .file-upload-item__meta_2mrdy {
+    } .file-upload-item__meta_1w4g5 {
     display: flex;
     white-space: nowrap;
     margin-right: var(--gap-2xs);
     margin-left: 36px;
     padding: var(--gap-2xs) 0
-} .file-upload-item__meta_2mrdy > * {
+} .file-upload-item__meta_1w4g5 > * {
         margin-right: var(--gap-s)
-    } .file-upload-item__meta_2mrdy > *:last-child {
+    } .file-upload-item__meta_1w4g5 > *:last-child {
             margin-right: 0;
-        } .file-upload-item__size_2mrdy {
+        } .file-upload-item__size_1w4g5 {
     text-align: right;
-} .file-upload-item__delete_2mrdy,
-.file-upload-item__download_2mrdy {
+} .file-upload-item__delete_1w4g5,
+.file-upload-item__download_1w4g5 {
     height: 24px;
     width: 24px;
     margin-left: var(--gap-xs);
-} .file-upload-item__errorWrapper_2mrdy {
+} .file-upload-item__errorWrapper_1w4g5 {
     margin-top: var(--gap-s);
     color: var(--color-light-text-negative)
-} @media (--small-only) { .file-upload-item__errorWrapper_2mrdy {
+} @media (--small-only) { .file-upload-item__errorWrapper_1w4g5 {
         flex: 1 0 100%;
         margin-top: var(--gap-3xs)
 }
-    } .file-upload-item__restore_2mrdy {
+    } .file-upload-item__restore_1w4g5 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-left: var(--gap-s);
-} .file-upload-item__spinnerWrapper_2mrdy {
+} .file-upload-item__spinnerWrapper_1w4g5 {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
-} .file-upload-item__spinner_2mrdy {
+} .file-upload-item__spinner_1w4g5 {
     width: 20px;
     height: 20px;
-} .file-upload-item__uploadPercent_2mrdy {
+} .file-upload-item__uploadPercent_1w4g5 {
     margin-top: var(--gap-2xs);
     margin-left: var(--gap-xl);
 }