@alfalab/core-components 32.0.1 → 32.1.1

package/date-time-input/utils/format.js

@@ -0,0 +1,145 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var parse = require('date-fns/parse');
+var dateFnsIsValid = require('date-fns/isValid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var parse__default = /*#__PURE__*/_interopDefaultLegacy(parse);
+var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultLegacy(dateFnsIsValid);
+
+/* eslint-disable no-useless-escape */
+var DATE_FORMAT = 'dd.MM.yyyy';
+var DATE_MASK = [
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    '.',
+    /\d/,
+    /\d/,
+    /\d/,
+    /\d/,
+    ',',
+    ' ',
+    /\d/,
+    /\d/,
+    ':',
+    /\d/,
+    /\d/,
+];
+var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
+var parseDateString = function (value, dateFormat) {
+    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
+    return parse__default['default'](value, dateFormat, new Date());
+};
+var isValidTimeFormat = function (value) {
+    var timeArr = value.split(':');
+    var hours = timeArr[0];
+    var mins = timeArr[1];
+    if (hours.length !== 2 || Number(hours) > 23) {
+        return false;
+    }
+    if (mins.length !== 2 || Number(mins) > 59) {
+        return false;
+    }
+    return true;
+};
+var isValid = function (inputValue) {
+    var inputValueArr = inputValue.split(', ');
+    var date = inputValueArr[0];
+    var time = inputValueArr[1];
+    return (!inputValue ||
+        (isCompleteDateInput(inputValue) &&
+            dateFnsIsValid__default['default'](parseDateString(date)) &&
+            isValidTimeFormat(time)));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1.$2') // 121 => 12.1
+        .replace(/^(\d\d)\.(\d\d)(\d)$/, '$1.$2.$3') // 12.122 => 12.12.2
+        .replace(/^(\d\d)\d\.(.*)/, '$1.$2') // 123.12.2005 => 12.12.2005
+        .replace(/^(\d\d\.\d\d)\d\.(.*)/, '$1.$2') // 12.123.2005 => 12.12.2005
+        .replace(/\.$/, '') // 12. => 12
+        .replace(/\ $/, '') // 1 2 => 12
+        .replace(/\:$/, '') // 1:2 => 12
+        .replace(/^(\d\d)(\d.*)/, '$1.$2') // 1212 => 12.12
+        .replace(/^(\d\d.\d\d)(\d.*)/, '$1.$2') // 12.122 => 12.12.2
+        .replace(/^(\d\d\.\d\d)(\d\d\d\d)/, '$1.$2') // 12.122005 => 12.12.2005
+        .replace(/^(\d\d)(\d\d\.\d\d\d\d)/, '$1.$2') // 1212.2005 => 12.12.2005
+        .replace(/^(\d\d.\d\d\.\d\d\d\d),/, '$1') // 12.12.2005 => 12.12.2005
+        .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d)/, '$1, $2') // 12.12.20050 => 12.12.2005, 0
+        .replace(/^(\d\d.\d\d\.\d\d\d\d),(\d.*)/, '$1, $2') // 12.12.2005,00:00 => 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d) (\d.*)/, '$1, $2') // 12.12.2005 00:00 => 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d)(\d.*)/, '$1, $2') // 12.12.200500:00=> 12.12.2005, 00:00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d):/, '$1, $2') // 12.12.2005, 00: => 12.12.2005, 00
+        .replace(/^(\d\d.\d\d\.\d\d\d\d), (\d\d)(\d)/, '$1, $2:$3');
+}; // 12.12.2005, 000 => 12.12.2005, 00:0
+var parseTimestampToDate = function (timestamp) {
+    var date = new Date(timestamp);
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    var day = date.getDate();
+    if (month < 10) {
+        month = "0" + month;
+    }
+    if (day < 10) {
+        day = "0" + day;
+    }
+    return day + "." + month + "." + year;
+};
+var getDateWithoutTime = function (value) {
+    var valueArr = value.split(', ');
+    var day;
+    var month;
+    var year;
+    if (valueArr[0]) {
+        var date_1 = valueArr[0].split('.');
+        day = date_1[0], month = date_1[1], year = date_1[2];
+    }
+    var date = new Date();
+    date.setFullYear(Number(year), Number(month) - 1, Number(day));
+    date.setHours(0, 0, 0, 0);
+    return date;
+};
+var getFullDateTime = function (value) {
+    var valueArr = value.split(', ');
+    var day;
+    var month;
+    var year;
+    var hours;
+    var mins;
+    if (valueArr[0]) {
+        var date = valueArr[0].split('.');
+        day = date[0], month = date[1], year = date[2];
+    }
+    if (valueArr[1]) {
+        var time = valueArr[1].split(':');
+        hours = Number(time[0]);
+        mins = Number(time[1]);
+    }
+    var fullDate = new Date();
+    fullDate.setFullYear(Number(year), Number(month) - 1, Number(day));
+    fullDate.setHours(Number(hours) || 0);
+    fullDate.setMinutes(Number(mins) || 0);
+    return fullDate;
+};
+var setTimeToDate = function (value) {
+    if (value.length === 10 && dateFnsIsValid__default['default'](parseDateString(value))) {
+        return value + ", 00:00";
+    }
+    return value;
+};
+
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DATE_MASK = DATE_MASK;
+exports.format = format;
+exports.getDateWithoutTime = getDateWithoutTime;
+exports.getFullDateTime = getFullDateTime;
+exports.isCompleteDateInput = isCompleteDateInput;
+exports.isValid = isValid;
+exports.isValidTimeFormat = isValidTimeFormat;
+exports.parseDateString = parseDateString;
+exports.parseTimestampToDate = parseTimestampToDate;
+exports.setTimeToDate = setTimeToDate;

package/date-time-input/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./format";

package/date-time-input/utils/index.js

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('date-fns/parse');
+require('date-fns/isValid');
+var utils_format = require('./format.js');
+
+
+
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.format = utils_format.format;
+exports.getDateWithoutTime = utils_format.getDateWithoutTime;
+exports.getFullDateTime = utils_format.getFullDateTime;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.isValidTimeFormat = utils_format.isValidTimeFormat;
+exports.parseDateString = utils_format.parseDateString;
+exports.parseTimestampToDate = utils_format.parseTimestampToDate;
+exports.setTimeToDate = utils_format.setTimeToDate;

package/divider/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"divider__component_1bk74"};
+var styles = {"component":"divider__component_1fqcw"};
 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_1bk74"};
+var styles = {"component":"divider__component_1fqcw"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

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

package/divider/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_1bk74 {
+.divider__component_1fqcw {
     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';
 
-var styles = {"component":"divider__component_1bk74"};
+var styles = {"component":"divider__component_1fqcw"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

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

package/drawer/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1sn9i","content":"drawer__content_1sn9i","enter":"drawer__enter_1sn9i","contentEnter":"drawer__contentEnter_1sn9i","backdropEnter":"drawer__backdropEnter_1sn9i","enterActive":"drawer__enterActive_1sn9i","backdropEnterActive":"drawer__backdropEnterActive_1sn9i","backdropEnterDone":"drawer__backdropEnterDone_1sn9i","contentEnterActive":"drawer__contentEnterActive_1sn9i","exit":"drawer__exit_1sn9i","backdropExit":"drawer__backdropExit_1sn9i","contentExit":"drawer__contentExit_1sn9i","exitActive":"drawer__exitActive_1sn9i","backdropExitActive":"drawer__backdropExitActive_1sn9i","backdropExitDone":"drawer__backdropExitDone_1sn9i","contentExitActive":"drawer__contentExitActive_1sn9i"};
+var styles = {"component":"drawer__component_1azxy","content":"drawer__content_1azxy","enter":"drawer__enter_1azxy","contentEnter":"drawer__contentEnter_1azxy","backdropEnter":"drawer__backdropEnter_1azxy","enterActive":"drawer__enterActive_1azxy","backdropEnterActive":"drawer__backdropEnterActive_1azxy","backdropEnterDone":"drawer__backdropEnterDone_1azxy","contentEnterActive":"drawer__contentEnterActive_1azxy","exit":"drawer__exit_1azxy","backdropExit":"drawer__backdropExit_1azxy","contentExit":"drawer__contentExit_1azxy","exitActive":"drawer__exitActive_1azxy","backdropExitActive":"drawer__backdropExitActive_1azxy","backdropExitDone":"drawer__backdropExitDone_1azxy","contentExitActive":"drawer__contentExitActive_1azxy"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"drawer__component_1sn9i","content":"drawer__content_1sn9i","enter":"drawer__enter_1sn9i","contentEnter":"drawer__contentEnter_1sn9i","backdropEnter":"drawer__backdropEnter_1sn9i","enterActive":"drawer__enterActive_1sn9i","backdropEnterActive":"drawer__backdropEnterActive_1sn9i","backdropEnterDone":"drawer__backdropEnterDone_1sn9i","contentEnterActive":"drawer__contentEnterActive_1sn9i","exit":"drawer__exit_1sn9i","backdropExit":"drawer__backdropExit_1sn9i","contentExit":"drawer__contentExit_1sn9i","exitActive":"drawer__exitActive_1sn9i","backdropExitActive":"drawer__backdropExitActive_1sn9i","backdropExitDone":"drawer__backdropExitDone_1sn9i","contentExitActive":"drawer__contentExitActive_1sn9i"};
+var styles = {"component":"drawer__component_1azxy","content":"drawer__content_1azxy","enter":"drawer__enter_1azxy","contentEnter":"drawer__contentEnter_1azxy","backdropEnter":"drawer__backdropEnter_1azxy","enterActive":"drawer__enterActive_1azxy","backdropEnterActive":"drawer__backdropEnterActive_1azxy","backdropEnterDone":"drawer__backdropEnterDone_1azxy","contentEnterActive":"drawer__contentEnterActive_1azxy","exit":"drawer__exit_1azxy","backdropExit":"drawer__backdropExit_1azxy","contentExit":"drawer__contentExit_1azxy","exitActive":"drawer__exitActive_1azxy","backdropExitActive":"drawer__backdropExitActive_1azxy","backdropExitDone":"drawer__backdropExitDone_1azxy","contentExitActive":"drawer__contentExitActive_1azxy"};
 require('./index.css');
 
 var ANIMATION_DURATION = 600;

package/drawer/esm/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1sn9i {
+.drawer__component_1azxy {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1sn9i {
+.drawer__content_1azxy {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1sn9i {
+.drawer__enter_1azxy {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1sn9i {
+.drawer__contentEnter_1azxy {
     opacity: 0;
 }
-.drawer__backdropEnter_1sn9i {
+.drawer__backdropEnter_1azxy {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1sn9i {
+.drawer__enterActive_1azxy {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1sn9i,
-.drawer__backdropEnterDone_1sn9i {
+.drawer__backdropEnterActive_1azxy,
+.drawer__backdropEnterDone_1azxy {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1sn9i {
+.drawer__contentEnterActive_1azxy {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1sn9i {
+.drawer__exit_1azxy {
     transform: translateX(0);
 }
-.drawer__backdropExit_1sn9i {
+.drawer__backdropExit_1azxy {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1sn9i {
+.drawer__contentExit_1azxy {
     opacity: 1;
 }
-.drawer__exitActive_1sn9i {
+.drawer__exitActive_1azxy {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1sn9i,
-.drawer__backdropExitDone_1sn9i {
+.drawer__backdropExitActive_1azxy,
+.drawer__backdropExitDone_1azxy {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1sn9i {
+.drawer__contentExitActive_1azxy {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1sn9i {
+.drawer__component_1azxy {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1sn9i {
+.drawer__content_1azxy {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1sn9i {
+.drawer__enter_1azxy {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1sn9i {
+.drawer__contentEnter_1azxy {
     opacity: 0;
 }
-.drawer__backdropEnter_1sn9i {
+.drawer__backdropEnter_1azxy {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1sn9i {
+.drawer__enterActive_1azxy {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1sn9i,
-.drawer__backdropEnterDone_1sn9i {
+.drawer__backdropEnterActive_1azxy,
+.drawer__backdropEnterDone_1azxy {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1sn9i {
+.drawer__contentEnterActive_1azxy {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1sn9i {
+.drawer__exit_1azxy {
     transform: translateX(0);
 }
-.drawer__backdropExit_1sn9i {
+.drawer__backdropExit_1azxy {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1sn9i {
+.drawer__contentExit_1azxy {
     opacity: 1;
 }
-.drawer__exitActive_1sn9i {
+.drawer__exitActive_1azxy {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1sn9i,
-.drawer__backdropExitDone_1sn9i {
+.drawer__backdropExitActive_1azxy,
+.drawer__backdropExitDone_1azxy {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1sn9i {
+.drawer__contentExitActive_1azxy {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/drawer/modern/Component.js

@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { BaseModalContext, BaseModal } from '../../base-modal/modern';
 
-var styles = {"component":"drawer__component_1sn9i","content":"drawer__content_1sn9i","enter":"drawer__enter_1sn9i","contentEnter":"drawer__contentEnter_1sn9i","backdropEnter":"drawer__backdropEnter_1sn9i","enterActive":"drawer__enterActive_1sn9i","backdropEnterActive":"drawer__backdropEnterActive_1sn9i","backdropEnterDone":"drawer__backdropEnterDone_1sn9i","contentEnterActive":"drawer__contentEnterActive_1sn9i","exit":"drawer__exit_1sn9i","backdropExit":"drawer__backdropExit_1sn9i","contentExit":"drawer__contentExit_1sn9i","exitActive":"drawer__exitActive_1sn9i","backdropExitActive":"drawer__backdropExitActive_1sn9i","backdropExitDone":"drawer__backdropExitDone_1sn9i","contentExitActive":"drawer__contentExitActive_1sn9i"};
+var styles = {"component":"drawer__component_1azxy","content":"drawer__content_1azxy","enter":"drawer__enter_1azxy","contentEnter":"drawer__contentEnter_1azxy","backdropEnter":"drawer__backdropEnter_1azxy","enterActive":"drawer__enterActive_1azxy","backdropEnterActive":"drawer__backdropEnterActive_1azxy","backdropEnterDone":"drawer__backdropEnterDone_1azxy","contentEnterActive":"drawer__contentEnterActive_1azxy","exit":"drawer__exit_1azxy","backdropExit":"drawer__backdropExit_1azxy","contentExit":"drawer__contentExit_1azxy","exitActive":"drawer__exitActive_1azxy","backdropExitActive":"drawer__backdropExitActive_1azxy","backdropExitDone":"drawer__backdropExitDone_1azxy","contentExitActive":"drawer__contentExitActive_1azxy"};
 require('./index.css');
 
 const ANIMATION_DURATION = 600;

package/drawer/modern/index.css

@@ -17,7 +17,7 @@
 :root {
     --drawer-width: 500px;
 }
-.drawer__component_1sn9i {
+.drawer__component_1azxy {
     position: fixed;
     top: 0;
     right: 0;
@@ -28,55 +28,55 @@
     overflow: auto;
     will-change: transform;
 }
-.drawer__content_1sn9i {
+.drawer__content_1azxy {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
 /* enter */
-.drawer__enter_1sn9i {
+.drawer__enter_1azxy {
     transform: translateX(100%);
 }
-.drawer__contentEnter_1sn9i {
+.drawer__contentEnter_1azxy {
     opacity: 0;
 }
-.drawer__backdropEnter_1sn9i {
+.drawer__backdropEnter_1azxy {
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__enterActive_1sn9i {
+.drawer__enterActive_1azxy {
     transition: transform 0.3s ease-in-out;
     transform: translateX(0);
 }
-.drawer__backdropEnterActive_1sn9i,
-.drawer__backdropEnterDone_1sn9i {
+.drawer__backdropEnterActive_1azxy,
+.drawer__backdropEnterDone_1azxy {
     transition: background 0.3s ease-in-out;
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentEnterActive_1sn9i {
+.drawer__contentEnterActive_1azxy {
     transition: opacity 0.2s ease-in-out 0.3s;
     opacity: 1;
 }
 /* exit */
-.drawer__exit_1sn9i {
+.drawer__exit_1azxy {
     transform: translateX(0);
 }
-.drawer__backdropExit_1sn9i {
+.drawer__backdropExit_1azxy {
     background-color: var(--backdrop-visible-background);
 }
-.drawer__contentExit_1sn9i {
+.drawer__contentExit_1azxy {
     opacity: 1;
 }
-.drawer__exitActive_1sn9i {
+.drawer__exitActive_1azxy {
     transition: transform 0.25s ease-in-out 0.1s;
     transform: translateX(100%);
 }
-.drawer__backdropExitActive_1sn9i,
-.drawer__backdropExitDone_1sn9i {
+.drawer__backdropExitActive_1azxy,
+.drawer__backdropExitDone_1azxy {
     transition: background 0.25s ease-in-out 0.1s;
     background-color: var(--backdrop-hidden-background);
 }
-.drawer__contentExitActive_1sn9i {
+.drawer__contentExitActive_1azxy {
     opacity: 0;
     transition: opacity 0.12s ease-in-out;
 }

package/dropzone/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"dropzone__component_ve7ac","disabled":"dropzone__disabled_ve7ac","block":"dropzone__block_ve7ac","dragOver":"dropzone__dragOver_ve7ac","error":"dropzone__error_ve7ac"};
+var styles = {"component":"dropzone__component_1y6op","disabled":"dropzone__disabled_1y6op","block":"dropzone__block_1y6op","dragOver":"dropzone__dragOver_1y6op","error":"dropzone__error_1y6op"};
 require('./index.css');
 
 var Dropzone = function (_a) {

package/dropzone/components/overlay/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"overlay":"dropzone__overlay_1o4ad","visible":"dropzone__visible_1o4ad","text":"dropzone__text_1o4ad"};
+var styles = {"overlay":"dropzone__overlay_1b4ri","visible":"dropzone__visible_1b4ri","text":"dropzone__text_1b4ri"};
 require('./index.css');
 
 var Overlay = function (_a) {

package/dropzone/components/overlay/index.css

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_1o4ad {
+.dropzone__overlay_1b4ri {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_1o4ad {
+.dropzone__visible_1b4ri {
     opacity: 1;
 }
-.dropzone__text_1o4ad {
+.dropzone__text_1b4ri {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/Component.js

@@ -4,7 +4,7 @@ import { preventAndStopEvent } from './utils.js';
 import '@alfalab/icons-glyph/ContainerMIcon';
 import { Overlay } from './components/overlay/Component.js';
 
-var styles = {"component":"dropzone__component_ve7ac","disabled":"dropzone__disabled_ve7ac","block":"dropzone__block_ve7ac","dragOver":"dropzone__dragOver_ve7ac","error":"dropzone__error_ve7ac"};
+var styles = {"component":"dropzone__component_1y6op","disabled":"dropzone__disabled_1y6op","block":"dropzone__block_1y6op","dragOver":"dropzone__dragOver_1y6op","error":"dropzone__error_1y6op"};
 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_1o4ad","visible":"dropzone__visible_1o4ad","text":"dropzone__text_1o4ad"};
+var styles = {"overlay":"dropzone__overlay_1b4ri","visible":"dropzone__visible_1b4ri","text":"dropzone__text_1b4ri"};
 require('./index.css');
 
 var Overlay = function (_a) {

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

@@ -17,7 +17,7 @@
 :root {
     --border-radius-s: 4px;
 }
-.dropzone__overlay_1o4ad {
+.dropzone__overlay_1b4ri {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -36,10 +36,10 @@
     transition: opacity 0.2s ease;
     pointer-events: none;
 }
-.dropzone__visible_1o4ad {
+.dropzone__visible_1b4ri {
     opacity: 1;
 }
-.dropzone__text_1o4ad {
+.dropzone__text_1b4ri {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/dropzone/esm/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_ve7ac {
+.dropzone__component_1y6op {
     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_ve7ac {
+.dropzone__disabled_1y6op {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_ve7ac:not(.dropzone__disabled_ve7ac):hover {
+.dropzone__component_1y6op:not(.dropzone__disabled_1y6op):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_ve7ac {
+.dropzone__block_1y6op {
     width: 100%;
 }
-.dropzone__dragOver_ve7ac {
+.dropzone__dragOver_1y6op {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_ve7ac {
+.dropzone__error_1y6op {
     border-color: var(--color-light-border-accent);
 }

package/dropzone/index.css

@@ -21,25 +21,25 @@
     --dropzone-active-bg: transparent;
     --dropzone-border-radius: var(--border-radius-s);
 }
-.dropzone__component_ve7ac {
+.dropzone__component_1y6op {
     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_ve7ac {
+.dropzone__disabled_1y6op {
     cursor: var(--disabled-cursor);
 }
-.dropzone__component_ve7ac:not(.dropzone__disabled_ve7ac):hover {
+.dropzone__component_1y6op:not(.dropzone__disabled_1y6op):hover {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__block_ve7ac {
+.dropzone__block_1y6op {
     width: 100%;
 }
-.dropzone__dragOver_ve7ac {
+.dropzone__dragOver_1y6op {
     background-color: var(--dropzone-active-bg);
 }
-.dropzone__error_ve7ac {
+.dropzone__error_1y6op {
     border-color: var(--color-light-border-accent);
 }