@dreamcommerce/aurora 2.1.12 → 2.1.14

package/build/cjs/packages/aurora/src/assets/icon_arrow.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconArrow = ({ className }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: className || '' },
+const IconArrow = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
         React__default['default'].createElement("path", { d: "M5.648.297c.388.393.384 1.026-.009 1.414L3.322 4H15c.552 0 1 .448 1 1s-.448 1-1 1H3.435l2.204 2.177c.363.359.394.926.092 1.32l-.083.094c-.388.393-1.021.397-1.414.01L.297 5.71c-.211-.209-.31-.489-.296-.764-.014-.28.085-.56.296-.77L4.234.29C4.627-.1 5.26-.096 5.648.297z", transform: "translate(-251 -623) translate(251 540) translate(0 83) matrix(-1 0 0 1 16 0)" }))));
 
 exports.default = IconArrow;

package/build/cjs/packages/aurora/src/assets/icon_arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_calendar.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconCalendar = ({ className }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: className || '' },
+const IconCalendar = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
         React__default['default'].createElement("path", { d: "M13.938.563c.552 0 1 .447 1 1v1.25h4.5v16.625H.563V2.813h4.5v-1.25c0-.553.447-1 1-1 .552 0 1 .447 1 1v1.25h5.875v-1.25c0-.553.447-1 1-1zm3.5 7.625H2.563v9.25h14.874v-9.25zm0-3.376H2.563v1.375h14.874V4.813z" }))));
 
 exports.default = IconCalendar;

package/build/cjs/packages/aurora/src/assets/icon_calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_close.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconClose = ({ className, onClick }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: className || '', onClick: onClick },
+const IconClose = ({ className, onClick, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: `${className || ''} ${main_module['default'][`icon_${size}`]}`, onClick: onClick },
         React__default['default'].createElement("path", { d: "M9.485 8.071l6.364 6.364c.39.39.39 1.024 0 1.414-.39.39-1.023.39-1.414 0L8.071 9.485 1.707 15.85c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.023 0-1.414l6.364-6.364L.293 1.707c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l6.364 6.364L14.435.293c.39-.39 1.024-.39 1.414 0 .39.39.39 1.024 0 1.414L9.485 8.071z", transform: "translate(-1728 -4391) translate(1590 3755) translate(0 602) translate(138 34)" }))));
 
 exports.default = IconClose;

package/build/cjs/packages/aurora/src/assets/icon_close.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_delete.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconDelete = ({ className = '', onClick = () => { } }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className, onClick: onClick },
+const IconDelete = ({ className = '', onClick = () => { }, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: `${className || ''} ${main_module['default'][`icon_${size}`]}`, onClick: onClick },
         React__default['default'].createElement("path", { d: "M5 7H7V13H5zM9 7H11V13H9z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }),
         React__default['default'].createElement("path", { d: "M12 1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2H0v2h1v10c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V5h1V3h-4V1zM6 2h4v1H6V2zm7 3v9H3V5h10z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }))));
 

package/build/cjs/packages/aurora/src/assets/icon_delete.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_hint.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconHint = ({ className }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: className || '' },
+const IconHint = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
         React__default['default'].createElement("path", { fillRule: "nonzero", d: "M6.5 0C2.912 0 0 2.912 0 6.5S2.912 13 6.5 13 13 10.088 13 6.5 10.088 0 6.5 0zm0 11.7c-2.866 0-5.2-2.333-5.2-5.2 0-2.866 2.333-5.2 5.2-5.2s5.2 2.333 5.2 5.2-2.333 5.2-5.2 5.2z", transform: "translate(-1202 -4970) translate(68 4834) translate(1050 51) translate(20 79) translate(13 3) translate(11) translate(40 3)" }),
         React__default['default'].createElement("path", { d: "M5.85 9.75L7.15 9.75 7.15 8.45 5.85 8.45zM6.5 3.25c-1.077 0-1.95.905-1.95 2.022h.975c0-.556.439-1.01.975-1.01s.975.454.975 1.01c0 1.011-1.462.885-1.462 2.528h.974c0-1.138 1.463-1.264 1.463-2.528 0-1.117-.873-2.022-1.95-2.022z", transform: "translate(-1202 -4970) translate(68 4834) translate(1050 51) translate(20 79) translate(13 3) translate(11) translate(40 3)" }))));
 

package/build/cjs/packages/aurora/src/assets/icon_hint.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_tick.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconTick = ({ className }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: className || '' },
+const IconTick = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
         React__default['default'].createElement("path", { d: "M.349 6.763c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l4.454 4.454c.391.39.391 1.024 0 1.414-.39.391-1.023.391-1.414 0L.35 6.763z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }),
         React__default['default'].createElement("path", { d: "M15.715 1.71l-9.508 9.507c-.39.391-1.024.391-1.414 0-.39-.39-.39-1.023 0-1.414L14.3.296c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }))));
 

package/build/cjs/packages/aurora/src/assets/icon_tick.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_upload.js

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
 var icon = require('./icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const IconUpload = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
-    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className },
+const IconUpload = ({ className = '', size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
         React__default['default'].createElement("path", { d: "M13.124 7.374H5.59L7.045 8.83c.44.44.44 1.15 0 1.59-.22.22-.508.33-.796.33-.288 0-.576-.11-.795-.33L2.08 7.046c-.103-.104-.186-.227-.243-.366-.114-.274-.114-.585 0-.86.057-.138.14-.261.243-.365L5.454 2.08c.44-.44 1.15-.44 1.59 0 .44.44.44 1.15 0 1.59L5.59 5.125h7.534c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172) rotate(90 8 6.25)" }),
         React__default['default'].createElement("path", { fillRule: "nonzero", d: "M14 14H2v-3H0v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4h-2v3z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172)" }))));
 

package/build/cjs/packages/aurora/src/assets/icon_upload.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/assets/icon_warning.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconWarning = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
+
+exports.default = IconWarning;
+//# sourceMappingURL=icon_warning.js.map

package/build/cjs/packages/aurora/src/assets/icon_warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, ...props }) => {
+const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
     const { errors } = context.useControlContext();
     const classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], {
         [main_module['default'][css_classes.cssControlS]]: size === 'small',
@@ -24,7 +24,7 @@ const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preEleme
     });
     return (React__default['default'].createElement("div", { ...props, className: classes },
         preElements,
-        React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, readOnly: true }),
+        React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
         postElements));
 };
 

package/build/cjs/packages/aurora/src/components/controls/css_classes.js

@@ -24,6 +24,7 @@ const cssControlDisabled = 'control_disabled';
 const cssControlReadonly = 'control_readonly';
 const cssControlError = 'control_error';
 const cssControlInput = 'control__input';
+const cssControlInputRemoveButton = 'control__remove-button';
 const checkbox = 'checkbox';
 const checkboxDisabled = `${checkbox}_disabled`;
 const checkboxControl = `${checkbox}__control`;
@@ -66,6 +67,7 @@ exports.cssControlDisabled = cssControlDisabled;
 exports.cssControlError = cssControlError;
 exports.cssControlFocus = cssControlFocus;
 exports.cssControlInput = cssControlInput;
+exports.cssControlInputRemoveButton = cssControlInputRemoveButton;
 exports.cssControlReadonly = cssControlReadonly;
 exports.cssControlS = cssControlS;
 exports.cssControlWrapper = cssControlWrapper;

package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
-                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
+                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
         React__default['default'].createElement(index['default'].Errors, null),
         additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
 };

package/build/cjs/packages/aurora/src/components/date_picker/components/common_ranges.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var index = require('../../dropdown/hoc/select/index.js');
 var utilities = require('../utilities.js');
 

package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var single_day = require('./single_day.js');
 var use_date_names = require('../hooks/use_date_names.js');
 

package/build/cjs/packages/aurora/src/components/date_picker/components/label.js

@@ -6,8 +6,8 @@ var React = require('react');
 var input_wrapper = require('../../controls/components/input_wrapper.js');
 var value_controller_context = require('../context/value_controller_context.js');
 var icon_calendar = require('../../../assets/icon_calendar.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../dropdown/index.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var constants = require('../constants.js');
 var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 var use_date_names = require('../hooks/use_date_names.js');

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../../../dropdown/context/index.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
-var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var css_classes = require('../../../css_classes.js');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var constants = require('../../../constants.js');
 var use_date_names = require('../../../hooks/use_date_names.js');
 

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var css_classes = require('../../../css_classes.js');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var context = require('../context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
-var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var css_classes = require('../../../css_classes.js');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var constants = require('../../../constants.js');
 var context = require('../context.js');
 var constants$1 = require('../constants.js');

package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var constants = require('../constants.js');
 var use_animation = require('../hooks/use_animation.js');
 var days_grid = require('./days_grid.js');

package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classNames = require('../../../utilities/styles/classNames.js');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var constants = require('../constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var common_ranges = require('../components/common_ranges.js');

package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var buttons = require('../components/buttons.js');
 

package/build/cjs/packages/aurora/src/components/dropdown/components/list.js

@@ -28,11 +28,11 @@ isWithGroups,
 /**
  * Children nodes
  */
-children }) => {
+children, onScroll }) => {
     const listClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], {
         [main_module['default'][css_classes.cssDropdownListWithGroup]]: isWithGroups
     });
-    return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses }, children));
+    return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
 };
 
 exports.default = List;

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../context/index.js');
+var css_classes = require('../../controls/css_classes.js');
+var main_module$1 = require('../../../css/input/main.module.less.js');
 var input_wrapper = require('../../controls/components/input_wrapper.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+var icon_close = require('../../../assets/icon_close.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +37,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions }) => {
+selectedOptions, placeholder, onRemoveOptions }) => {
     const ref = React.useRef(null);
     /**
      * get values from dropdown context
@@ -50,8 +53,13 @@ selectedOptions }) => {
     const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
     const $hiddenInputs = notDisabled.map((option) => (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    const handleOnClick = (ev) => {
+        ev.stopPropagation();
+        onRemoveOptions && onRemoveOptions();
+    };
     return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
+                React__default['default'].createElement(icon_close['default'], { size: "s" }))) }),
         $hiddenInputs));
 };
 

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -106,7 +106,7 @@ onChange }) => {
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
             React__default['default'].createElement(index$1['default'].Content, null,
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
                 React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -83,7 +83,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer }) => {
+portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -113,13 +113,15 @@ portalContainer }) => {
     }, [options]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
             React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
-                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
-                    var _a, _b;
-                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
-                }))))));
+                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
+                    optionsList.map((option) => {
+                        var _a, _b;
+                        return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
+                    }),
+                    innerAdditionalContent)))));
 };
 
 exports.default = Select;

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js

@@ -20,7 +20,7 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
     const [selectedValues, setSelectedValue] = React.useState([]);
     const setSelectedValues = React.useCallback((selectedOption) => {
         var _a;
-        setSelectedValue(() => [selectedOption]);
+        setSelectedValue(selectedOption ? () => [selectedOption] : []);
         if (typeof onChangeCb === 'function') {
             onChangeCb(selectedOption);
             const event = new CustomEvent('dropdown:change', {

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -26,6 +26,10 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
      * @param {ISelectOption} selectedOption choosen option
      */
     const setSelectedValues = React.useCallback((selectedOption) => {
+        if (!selectedOption) {
+            setSelectedValue([]);
+            return;
+        }
         setSelectedValue((previousSelectedOptions) => {
             var _a;
             let allSelectedOptions;

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
+var icon_close = require('../../../assets/icon_close.js');
 var main_module = require('../../../css/flash_message/main.module.less.js');
 var context = require('../context.js');
 var index = require('../../message-box/index.js');
-var icon_close = require('../../../assets/icon_close.js');
 var index$1 = require('../../grid/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n  display: flex;\n  align-items: center;\n  color: #e60c54;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n  fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  transform: translateY(-25%) rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;