@alfalab/core-components 39.0.0 → 39.1.0

package/date-time-input/modern/components/date-time-input/Component.js

@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"component":"date-time-input__component_aze2c","calendarContainer":"date-time-input__calendarContainer_aze2c","calendarResponsive":"date-time-input__calendarResponsive_aze2c","block":"date-time-input__block_aze2c"};
+const styles = {"component":"date-time-input__component_145mq","calendarContainer":"date-time-input__calendarContainer_145mq","calendarResponsive":"date-time-input__calendarResponsive_145mq","block":"date-time-input__block_145mq"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-time-input/modern/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: vk0lw */
+/* hash: fmk6v */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -40,21 +40,21 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_aze2c {
+} .date-time-input__component_145mq {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_aze2c {
+} .date-time-input__calendarContainer_145mq {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_aze2c {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_145mq {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_aze2c {
+    } .date-time-input__calendarResponsive_145mq {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
-} .date-time-input__block_aze2c {
+} .date-time-input__block_145mq {
     width: 100%;
 }

package/divider/Component.js

@@ -6,7 +6,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":"divider__component_1yjoi"};
+var styles = {"component":"divider__component_1tfbs"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_1yjoi"};
+var styles = {"component":"divider__component_1tfbs"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

@@ -17,7 +17,7 @@
 } :root {
 } :root {
     --divider-color: var(--color-light-border-primary);
-} .divider__component_1yjoi {
+} .divider__component_1tfbs {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/index.css

@@ -17,7 +17,7 @@
 } :root {
 } :root {
     --divider-color: var(--color-light-border-primary);
-} .divider__component_1yjoi {
+} .divider__component_1tfbs {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"divider__component_1yjoi"};
+const styles = {"component":"divider__component_1tfbs"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

@@ -17,7 +17,7 @@
 } :root {
 } :root {
     --divider-color: var(--color-light-border-primary);
-} .divider__component_1yjoi {
+} .divider__component_1tfbs {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/drawer/Component.js

@@ -10,7 +10,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":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
+var styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { BaseModal, BaseModalContext } from '../../base-modal/esm';
 import { Scrollbar } from '../../scrollbar/esm';
 
-var styles = {"component":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
+var styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: ewymh */
+/* hash: 12juu */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1tzhg {
+} .drawer__component_1fumu {
     position: fixed;
     top: 0;
     height: 100%;
@@ -28,54 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__rightPlacement_1tzhg {
+} .drawer__rightPlacement_1fumu {
     right: 0;
     align-self: flex-end;
-} .drawer__leftPlacement_1tzhg {
+} .drawer__leftPlacement_1fumu {
     left: 0;
     align-self: flex-start;
-} .drawer__content_1tzhg {
+} .drawer__content_1fumu {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .drawer__simplebar_1tzhg {
+} .drawer__simplebar_1fumu {
     height: 100vh;
-} /* enter */ .drawer__enterRight_1tzhg {
+} /* enter */ .drawer__enterRight_1fumu {
     transform: translateX(100%);
-} .drawer__enterLeft_1tzhg {
+} .drawer__enterLeft_1fumu {
     transform: translateX(-100%);
-} .drawer__contentEnter_1tzhg {
+} .drawer__contentEnter_1fumu {
     opacity: 0;
-} .drawer__backdropEnter_1tzhg {
+} .drawer__backdropEnter_1fumu {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1tzhg {
+} .drawer__enterActive_1fumu {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1tzhg,
-.drawer__backdropEnterDone_1tzhg {
+} .drawer__backdropEnterActive_1fumu,
+.drawer__backdropEnterDone_1fumu {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1tzhg {
+} .drawer__contentEnterActive_1fumu {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1tzhg {
+} /* exit */ .drawer__exit_1fumu {
     transform: translateX(0);
-} .drawer__backdropExit_1tzhg {
+} .drawer__backdropExit_1fumu {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1tzhg {
+} .drawer__contentExit_1fumu {
     opacity: 1;
-} .drawer__exitActiveRight_1tzhg {
+} .drawer__exitActiveRight_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1tzhg {
+} .drawer__exitActiveLeft_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1tzhg,
-.drawer__backdropExitDone_1tzhg {
+} .drawer__backdropExitActive_1fumu,
+.drawer__backdropExitDone_1fumu {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1tzhg {
+} .drawer__contentExitActive_1fumu {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -1,4 +1,4 @@
-/* hash: ewymh */
+/* hash: 12juu */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1tzhg {
+} .drawer__component_1fumu {
     position: fixed;
     top: 0;
     height: 100%;
@@ -28,54 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__rightPlacement_1tzhg {
+} .drawer__rightPlacement_1fumu {
     right: 0;
     align-self: flex-end;
-} .drawer__leftPlacement_1tzhg {
+} .drawer__leftPlacement_1fumu {
     left: 0;
     align-self: flex-start;
-} .drawer__content_1tzhg {
+} .drawer__content_1fumu {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .drawer__simplebar_1tzhg {
+} .drawer__simplebar_1fumu {
     height: 100vh;
-} /* enter */ .drawer__enterRight_1tzhg {
+} /* enter */ .drawer__enterRight_1fumu {
     transform: translateX(100%);
-} .drawer__enterLeft_1tzhg {
+} .drawer__enterLeft_1fumu {
     transform: translateX(-100%);
-} .drawer__contentEnter_1tzhg {
+} .drawer__contentEnter_1fumu {
     opacity: 0;
-} .drawer__backdropEnter_1tzhg {
+} .drawer__backdropEnter_1fumu {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1tzhg {
+} .drawer__enterActive_1fumu {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1tzhg,
-.drawer__backdropEnterDone_1tzhg {
+} .drawer__backdropEnterActive_1fumu,
+.drawer__backdropEnterDone_1fumu {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1tzhg {
+} .drawer__contentEnterActive_1fumu {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1tzhg {
+} /* exit */ .drawer__exit_1fumu {
     transform: translateX(0);
-} .drawer__backdropExit_1tzhg {
+} .drawer__backdropExit_1fumu {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1tzhg {
+} .drawer__contentExit_1fumu {
     opacity: 1;
-} .drawer__exitActiveRight_1tzhg {
+} .drawer__exitActiveRight_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1tzhg {
+} .drawer__exitActiveLeft_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1tzhg,
-.drawer__backdropExitDone_1tzhg {
+} .drawer__backdropExitActive_1fumu,
+.drawer__backdropExitDone_1fumu {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1tzhg {
+} .drawer__contentExitActive_1fumu {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModal, BaseModalContext } from '../../base-modal/modern';
 import { Scrollbar } from '../../scrollbar/modern';
 
-const styles = {"component":"drawer__component_1tzhg","rightPlacement":"drawer__rightPlacement_1tzhg","leftPlacement":"drawer__leftPlacement_1tzhg","content":"drawer__content_1tzhg","simplebar":"drawer__simplebar_1tzhg","enterRight":"drawer__enterRight_1tzhg","enterLeft":"drawer__enterLeft_1tzhg","contentEnter":"drawer__contentEnter_1tzhg","backdropEnter":"drawer__backdropEnter_1tzhg","enterActive":"drawer__enterActive_1tzhg","backdropEnterActive":"drawer__backdropEnterActive_1tzhg","backdropEnterDone":"drawer__backdropEnterDone_1tzhg","contentEnterActive":"drawer__contentEnterActive_1tzhg","exit":"drawer__exit_1tzhg","backdropExit":"drawer__backdropExit_1tzhg","contentExit":"drawer__contentExit_1tzhg","exitActiveRight":"drawer__exitActiveRight_1tzhg","exitActiveLeft":"drawer__exitActiveLeft_1tzhg","backdropExitActive":"drawer__backdropExitActive_1tzhg","backdropExitDone":"drawer__backdropExitDone_1tzhg","contentExitActive":"drawer__contentExitActive_1tzhg"};
+const styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: ewymh */
+/* hash: 12juu */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
@@ -20,7 +20,7 @@
     --backdrop-hidden-background: transparent;
 } :root {
     --drawer-width: 500px;
-} .drawer__component_1tzhg {
+} .drawer__component_1fumu {
     position: fixed;
     top: 0;
     height: 100%;
@@ -28,54 +28,54 @@
     flex: 1;
     overflow: auto;
     will-change: transform;
-} .drawer__rightPlacement_1tzhg {
+} .drawer__rightPlacement_1fumu {
     right: 0;
     align-self: flex-end;
-} .drawer__leftPlacement_1tzhg {
+} .drawer__leftPlacement_1fumu {
     left: 0;
     align-self: flex-start;
-} .drawer__content_1tzhg {
+} .drawer__content_1fumu {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .drawer__simplebar_1tzhg {
+} .drawer__simplebar_1fumu {
     height: 100vh;
-} /* enter */ .drawer__enterRight_1tzhg {
+} /* enter */ .drawer__enterRight_1fumu {
     transform: translateX(100%);
-} .drawer__enterLeft_1tzhg {
+} .drawer__enterLeft_1fumu {
     transform: translateX(-100%);
-} .drawer__contentEnter_1tzhg {
+} .drawer__contentEnter_1fumu {
     opacity: 0;
-} .drawer__backdropEnter_1tzhg {
+} .drawer__backdropEnter_1fumu {
     background-color: var(--backdrop-hidden-background);
-} .drawer__enterActive_1tzhg {
+} .drawer__enterActive_1fumu {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
-} .drawer__backdropEnterActive_1tzhg,
-.drawer__backdropEnterDone_1tzhg {
+} .drawer__backdropEnterActive_1fumu,
+.drawer__backdropEnterDone_1fumu {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
-} .drawer__contentEnterActive_1tzhg {
+} .drawer__contentEnterActive_1fumu {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
-} /* exit */ .drawer__exit_1tzhg {
+} /* exit */ .drawer__exit_1fumu {
     transform: translateX(0);
-} .drawer__backdropExit_1tzhg {
+} .drawer__backdropExit_1fumu {
     background-color: var(--backdrop-visible-background);
-} .drawer__contentExit_1tzhg {
+} .drawer__contentExit_1fumu {
     opacity: 1;
-} .drawer__exitActiveRight_1tzhg {
+} .drawer__exitActiveRight_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
-} .drawer__exitActiveLeft_1tzhg {
+} .drawer__exitActiveLeft_1fumu {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(-100%);
-} .drawer__backdropExitActive_1tzhg,
-.drawer__backdropExitDone_1tzhg {
+} .drawer__backdropExitActive_1fumu,
+.drawer__backdropExitDone_1fumu {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
-} .drawer__contentExitActive_1tzhg {
+} .drawer__contentExitActive_1fumu {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/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 = {"component":"dropzone__component_15wzc","disabled":"dropzone__disabled_15wzc","block":"dropzone__block_15wzc","dragOver":"dropzone__dragOver_15wzc","error":"dropzone__error_15wzc"};
+var styles = {"component":"dropzone__component_155bf","disabled":"dropzone__disabled_155bf","block":"dropzone__block_155bf","dragOver":"dropzone__dragOver_155bf","error":"dropzone__error_155bf"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -7,7 +7,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_2b9ck","visible":"dropzone__visible_2b9ck","text":"dropzone__text_2b9ck"};
+var styles = {"overlay":"dropzone__overlay_iwhgz","visible":"dropzone__visible_iwhgz","text":"dropzone__text_iwhgz"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -18,7 +18,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .dropzone__overlay_2b9ck {
+} .dropzone__overlay_iwhgz {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_2b9ck {
+} .dropzone__visible_iwhgz {
     opacity: 1;
-} .dropzone__text_2b9ck {
+} .dropzone__text_iwhgz {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { Overlay } from './components/overlay/Component.js';
 import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 
-var styles = {"component":"dropzone__component_15wzc","disabled":"dropzone__disabled_15wzc","block":"dropzone__block_15wzc","dragOver":"dropzone__dragOver_15wzc","error":"dropzone__error_15wzc"};
+var styles = {"component":"dropzone__component_155bf","disabled":"dropzone__disabled_155bf","block":"dropzone__block_155bf","dragOver":"dropzone__dragOver_155bf","error":"dropzone__error_155bf"};
 require('./index.css');
 
 var Dropzone = function (_a) {

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_2b9ck","visible":"dropzone__visible_2b9ck","text":"dropzone__text_2b9ck"};
+var styles = {"overlay":"dropzone__overlay_iwhgz","visible":"dropzone__visible_iwhgz","text":"dropzone__text_iwhgz"};
 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_2b9ck {
+} .dropzone__overlay_iwhgz {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_2b9ck {
+} .dropzone__visible_iwhgz {
     opacity: 1;
-} .dropzone__text_2b9ck {
+} .dropzone__text_iwhgz {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,20 +21,20 @@
 } :root {
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
-} .dropzone__component_15wzc {
+} .dropzone__component_155bf {
     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_15wzc {
+} .dropzone__disabled_155bf {
     cursor: var(--disabled-cursor);
-} .dropzone__component_15wzc:not(.dropzone__disabled_15wzc):hover {
+} .dropzone__component_155bf:not(.dropzone__disabled_155bf):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_15wzc {
+} .dropzone__block_155bf {
     width: 100%;
-} .dropzone__dragOver_15wzc {
+} .dropzone__dragOver_155bf {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_15wzc {
+} .dropzone__error_155bf {
     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_15wzc {
+} .dropzone__component_155bf {
     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_15wzc {
+} .dropzone__disabled_155bf {
     cursor: var(--disabled-cursor);
-} .dropzone__component_15wzc:not(.dropzone__disabled_15wzc):hover {
+} .dropzone__component_155bf:not(.dropzone__disabled_155bf):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_15wzc {
+} .dropzone__block_155bf {
     width: 100%;
-} .dropzone__dragOver_15wzc {
+} .dropzone__dragOver_155bf {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_15wzc {
+} .dropzone__error_155bf {
     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_15wzc","disabled":"dropzone__disabled_15wzc","block":"dropzone__block_15wzc","dragOver":"dropzone__dragOver_15wzc","error":"dropzone__error_15wzc"};
+const styles = {"component":"dropzone__component_155bf","disabled":"dropzone__disabled_155bf","block":"dropzone__block_155bf","dragOver":"dropzone__dragOver_155bf","error":"dropzone__error_155bf"};
 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_2b9ck","visible":"dropzone__visible_2b9ck","text":"dropzone__text_2b9ck"};
+const styles = {"overlay":"dropzone__overlay_iwhgz","visible":"dropzone__visible_iwhgz","text":"dropzone__text_iwhgz"};
 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_2b9ck {
+} .dropzone__overlay_iwhgz {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,9 +36,9 @@
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
-} .dropzone__visible_2b9ck {
+} .dropzone__visible_iwhgz {
     opacity: 1;
-} .dropzone__text_2b9ck {
+} .dropzone__text_iwhgz {
     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_15wzc {
+} .dropzone__component_155bf {
     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_15wzc {
+} .dropzone__disabled_155bf {
     cursor: var(--disabled-cursor);
-} .dropzone__component_15wzc:not(.dropzone__disabled_15wzc):hover {
+} .dropzone__component_155bf:not(.dropzone__disabled_155bf):hover {
     background-color: var(--dropzone-active-bg);
-} .dropzone__block_15wzc {
+} .dropzone__block_155bf {
     width: 100%;
-} .dropzone__dragOver_15wzc {
+} .dropzone__dragOver_155bf {
     background-color: var(--dropzone-active-bg);
-} .dropzone__error_15wzc {
+} .dropzone__error_155bf {
     border-color: var(--color-light-border-accent);
 }