@dreamcommerce/aurora 2.4.3-5 → 2.4.3-7

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

@@ -15,7 +15,7 @@ const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, co
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),

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

@@ -31,7 +31,7 @@ const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, in
                 React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -30,7 +30,7 @@ const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked,
                 React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
                 React__default['default'].createElement(index$1['default'], { htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -36,7 +36,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
                 React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
                     (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
                         label$1,
-                        hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
+                        hint && React__default['default'].createElement(index$3['default'], { hint: hint }))),
                     React__default['default'].createElement(index$2['default'].Content, null,
                         React__default['default'].createElement(index$2['default'].Element, null,
                             React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),

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

@@ -54,7 +54,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
             React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
                 (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
                     label$1,
-                    hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
+                    hint && React__default['default'].createElement(index$3['default'], { hint: hint }))),
                 React__default['default'].createElement(index$2['default'].Content, null,
                     React__default['default'].createElement(index$2['default'].Element, null,
                         React__default['default'].createElement(label['default'], { name: name, id: id }))),

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

@@ -15,7 +15,7 @@ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExten
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),

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

@@ -29,7 +29,7 @@ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix,
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
                 React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),

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

@@ -15,7 +15,7 @@ const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, option
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hasCloseIcon: hasCloseIcon }))),

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

@@ -32,7 +32,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
                 React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -15,7 +15,7 @@ const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValu
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
         options.map(({ value, label, hint, disabled }) => (React__default['default'].createElement(index$2['default'], { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };

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

@@ -15,7 +15,7 @@ const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange,
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),

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

@@ -30,7 +30,7 @@ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, is
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, hasCloseIcon: hasCloseIcon }))),

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

@@ -15,7 +15,7 @@ const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagL
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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'], { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),

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

@@ -29,7 +29,7 @@ const ControlTextarea = React__default['default'].forwardRef(({ label, isRequire
     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, additionalInfo: labelAdditionalInfo },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var reactDom = require('react-dom');
-var main_module$1 = require('../../../css/icons/main.module.less.js');
+var main_module$2 = require('../../../css/icons/main.module.less.js');
+var classnames = require('classnames');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
-var classNames = require('../../../utilities/styles/classNames.js');
 var reactTransitionGroup = require('react-transition-group');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
@@ -19,10 +19,12 @@ var utilities = require('../utilities.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var icon_arrow = require('../../../assets/icon_arrow.js');
 var utilities$1 = require('@dreamcommerce/utilities');
+var main_module$1 = require('../../../css/hint/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.
@@ -30,7 +32,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', wrapperWidth, cssClass, portalContainer }) => {
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer }) => {
     const [t] = useTranslation.useTranslation();
     const contentRef = React.useRef(null);
     const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = index.useDropdownContext();
@@ -45,24 +47,21 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     const checkIfIsOutsideTopViewport = () => {
         if (!contentRef.current)
             return;
-        const bounding = contentRef.current.getBoundingClientRect();
+        const bounding = utilities.getBounding(contentRef.current);
         return bounding.top <= 0;
     };
     const checkIfIsOutsideBottomViewport = () => {
         if (!contentRef.current)
             return;
         const element = contentRef.current;
-        const elementHeight = element.getBoundingClientRect().height;
+        const elementHeight = utilities.getBounding(element).height;
         return elementHeight + element.offsetTop > window.innerHeight + windowYScroll;
     };
     const dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
     const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
-    const contentClassName = classNames.classNames([
-        css_classes.cssDropdownContent,
-        arrowSide === 'right' && css_classes.cssDropdownArrowHorizontalDirectionRight,
-        dropdownIsOutsideBottomViewport && css_classes.cssDropdownArrowVerticalDirectionBottom,
-        cssClass
-    ], main_module['default']);
+    const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
+    const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
+    const contentClassName = classnames__default['default'](cssClass, main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && main_module$1['default'][css_classes.cssDropdownContentOnTop], contentShouldAppearOnBottom && main_module$1['default'][css_classes.cssDropdownContentOnBottom], arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom]);
     const screenWidthName = use_screen_detect.useScreenDetect();
     const refs = [contentRef];
     if (wrapperRef) {
@@ -75,43 +74,39 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     });
     React.useEffect(() => {
         if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && contentRef.current) {
-            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
-            const { width: contentWidth } = contentRef.current.getBoundingClientRect();
+            const { x: wrapperXPosition, y: wrapperYPosition, width: wrapperWidth, height: wrapperHeight } = utilities.getBounding(wrapperRef.current);
+            const { width: contentWidth } = utilities.getBounding(contentRef.current);
             const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
             const yOffset = 10;
-            const positionTop = height + y + windowYScroll + yOffset - yModifier;
-            const positionBottom = windowHeightMinusYOffset - y + yOffset;
-            const positionLeft = x - xModifier;
             const isInModal = utilities.isChildOfModal(wrapperRef);
             const zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
+            const positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
+            const positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
+            const positionLeft = wrapperXPosition - xModifier;
             let topPositionValue = '';
             let bottomPositionValue = '';
             let leftPositionValue = '';
-            let leftPositionStickedToRightBorderValue;
-            if (horizontalPosition === 'right' && !wrapperWidth) {
-                throw new Error(`To use horizontal right position you must set "wrapperWidth" value`);
-            }
-            if (wrapperWidth) {
-                leftPositionStickedToRightBorderValue = x + wrapperWidth - contentWidth;
-            }
+            const leftPositionStickedToRightBorderValue = wrapperXPosition + wrapperWidth - contentWidth;
+            const setTopPosition = () => {
+                topPositionValue = 'auto';
+                bottomPositionValue = `${positionBottom}px`;
+            };
+            const setBottomPosition = () => {
+                topPositionValue = `${positionTop}px`;
+                bottomPositionValue = 'auto';
+            };
             horizontalPosition === 'left'
                 ? (leftPositionValue = `${positionLeft}px`)
                 : (leftPositionValue = `${leftPositionStickedToRightBorderValue}px`);
             if (verticalPosition === 'top') {
-                topPositionValue = 'auto';
-                bottomPositionValue = `${positionBottom}px`;
-                if (dropdownIsOutsideTopViewport) {
-                    topPositionValue = `${positionTop}px`;
-                    bottomPositionValue = 'auto';
-                }
+                setTopPosition();
+                if (dropdownIsOutsideTopViewport)
+                    setBottomPosition();
             }
             if (verticalPosition === 'bottom') {
-                topPositionValue = `${positionTop}px`;
-                bottomPositionValue = 'auto';
-                if (dropdownIsOutsideBottomViewport) {
-                    topPositionValue = 'auto';
-                    bottomPositionValue = `${positionBottom}px`;
-                }
+                setBottomPosition();
+                if (dropdownIsOutsideBottomViewport)
+                    setTopPosition();
             }
             screenWidthName === responsive_breakpoints.SCREEN_XS
                 ? setStyles({ top: `0px`, bottom: 'auto', left: `0px`, zIndex })
@@ -125,8 +120,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         dropdownIsOutsideTopViewport,
         dropdownIsOutsideBottomViewport,
         windowYScroll,
-        windowHeightMinusYOffset,
-        wrapperWidth
+        windowHeightMinusYOffset
     ]);
     React.useEffect(() => {
         var _a;
@@ -149,7 +143,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
                 React__default['default'].createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
-                    headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$1['default']['icon_rotate-180'] }),
+                    headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$2['default']['icon_rotate-180'] }),
                     React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css_classes.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const cssDropdown = 'dropdown';
 const cssDropdownContent = `${cssDropdown}__content`;
-const cssDropdownArrowHorizontalDirectionRight = `${cssDropdownContent}_right`;
-const cssDropdownArrowVerticalDirectionBottom = `${cssDropdownContent}_bottom`;
+const cssDropdownContentOnTop = `${cssDropdownContent}_top`;
+const cssDropdownContentOnBottom = `${cssDropdownContent}_bottom`;
+const cssDropdownArrowHorizontalDirectionRight = `${cssDropdownContent}_arrow-right`;
+const cssDropdownArrowVerticalDirectionBottom = `${cssDropdownContent}_arrow-bottom`;
 const cssDropdownHeader = `${cssDropdown}__header`;
 const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
 const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
@@ -24,6 +26,8 @@ exports.cssDropdown = cssDropdown;
 exports.cssDropdownArrowHorizontalDirectionRight = cssDropdownArrowHorizontalDirectionRight;
 exports.cssDropdownArrowVerticalDirectionBottom = cssDropdownArrowVerticalDirectionBottom;
 exports.cssDropdownContent = cssDropdownContent;
+exports.cssDropdownContentOnBottom = cssDropdownContentOnBottom;
+exports.cssDropdownContentOnTop = cssDropdownContentOnTop;
 exports.cssDropdownHeader = cssDropdownHeader;
 exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
 exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;

package/build/cjs/packages/aurora/src/components/dropdown/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;"}
+{"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;"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 var main_module$1 = require('../../css/modal/main.module.less.js');
 var css_classes = require('./css_classes.js');
-var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
 var main_module = require('../../css/dropdown/main.module.less.js');
+var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
 
 /**
  * checks if the given option is selected within array of selectedValues array
@@ -69,8 +69,12 @@ const isChildOfModal = (ref) => {
         currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
     }
     return false;
+};
+const getBounding = (element) => {
+    return element.getBoundingClientRect();
 };
 
+exports.getBounding = getBounding;
 exports.getXYModifiersForNestedDropdowns = getXYModifiersForNestedDropdowns;
 exports.handleItemClick = handleItemClick;
 exports.handleSearchKeyUp = handleSearchKeyUp;

package/build/cjs/packages/aurora/src/components/dropdown/utilities.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/hint/index.js

@@ -5,29 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../dropdown/context/index.js');
 var classNames = require('../../utilities/styles/classNames.js');
+var main_module = require('../../css/hint/main.module.less.js');
 var use_toggle = require('../dropdown/hooks/use_toggle.js');
 var index$1 = require('../dropdown/index.js');
 var icon_hint = require('../../assets/icon_hint.js');
-var main_module = require('../../css/hint/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight, onToggle }) => {
-    var _a;
+const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, onToggle }) => {
     const wrapperRef = React.useRef(null);
     const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
     const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
-    const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
-    const containerClassName = classNames.classNames([
-        'hint',
-        spacingLeft && 'hint_spacing-left',
-        spacingRight && 'hint_spacing-right',
-        hPosition === 'right' && 'hint_right',
-        hPosition === 'center' && 'hint_horizontal-center',
-        vPosition === 'top' && 'hint_top'
-    ], main_module['default']);
     const contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
     const IconComponent = Icon || icon_hint['default'];
     const handleOnMouseEnter = () => {
@@ -37,9 +27,9 @@ const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass,
         toggleDropdown();
     };
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        React__default['default'].createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
+        React__default['default'].createElement("span", { className: main_module['default']['hint'], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
             React__default['default'].createElement(IconComponent, { className: iconClass }),
-            React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom', wrapperWidth: wrapperWidth },
+            React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
                 React__default['default'].createElement("span", null, hint)))));
 };
 

package/build/cjs/packages/aurora/src/components/hint/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;"}
+{"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;"}

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

@@ -21,8 +21,9 @@ const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
         [main_module['default'][css_classes.cssLabelError]]: errors
     });
     return (React__default['default'].createElement("label", { className: labelClasses, ...props },
-        React__default['default'].createElement(index['default'], { align: "center" }, children),
-        additionalInfo && React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssLabelAdditionalInfo] }, additionalInfo)));
+        children,
+        additionalInfo && (React__default['default'].createElement(index['default'], { as: "span" },
+            React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssLabelAdditionalInfo] }, additionalInfo)))));
 };
 
 exports.default = Label;

package/build/cjs/packages/aurora/src/components/label/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/loader/constants.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var css_classes = require('./css_classes.js');
 
 const LOADER_SIZE = {
-    small: 'small',
-    large: 'large',
-    extraLarge: 'extraLarge'
+    xs: 'xs',
+    s: 's',
+    l: 'l',
+    xl: 'xl'
 };
 const LOADER_SIZE_CSS_CLASS_MAP = {
-    [LOADER_SIZE.small]: css_classes.cssLoaderSizeSmall,
-    [LOADER_SIZE.large]: css_classes.cssLoaderSizeLarge,
-    [LOADER_SIZE.extraLarge]: css_classes.cssLoaderSizeExtraLarge
+    [LOADER_SIZE.xs]: css_classes.cssLoaderSizeExtraSmall,
+    [LOADER_SIZE.s]: css_classes.cssLoaderSizeSmall,
+    [LOADER_SIZE.l]: css_classes.cssLoaderSizeLarge,
+    [LOADER_SIZE.xl]: css_classes.cssLoaderSizeExtraLarge
 };
 
 exports.LOADER_SIZE = LOADER_SIZE;

package/build/cjs/packages/aurora/src/components/loader/constants.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;"}
+{"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;"}

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

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const cssLoader = 'loader';
+const cssLoaderSizeExtraSmall = `${cssLoader}_xs`;
 const cssLoaderSizeSmall = `${cssLoader}_s`;
 const cssLoaderSizeLarge = `${cssLoader}_l`;
 const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;
 
 exports.cssLoader = cssLoader;
 exports.cssLoaderSizeExtraLarge = cssLoaderSizeExtraLarge;
+exports.cssLoaderSizeExtraSmall = cssLoaderSizeExtraSmall;
 exports.cssLoaderSizeLarge = cssLoaderSizeLarge;
 exports.cssLoaderSizeSmall = cssLoaderSizeSmall;
 //# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/loader/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tooltip/index.js

@@ -14,11 +14,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
-    var _a;
     const wrapperRef = React.useRef(null);
     const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
     const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
-    const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
     const handleOnMouseEnter = () => {
         toggleDropdown();
     };
@@ -28,7 +26,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
             children,
-            !disabled && (React__default['default'].createElement(index$1['default'].Content, { headerComponent: "", cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', wrapperWidth: wrapperWidth }, content)))));
+            !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
 };
 
 exports.default = Tooltip;

package/build/cjs/packages/aurora/src/components/tooltip/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;"}
+{"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;"}

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_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"};
+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_arrow-right__2dhyy::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::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_arrow-right":"main-module_dropdown__content_arrow-right__2dhyy","dropdown__content_arrow-bottom":"main-module_dropdown__content_arrow-bottom__mY8R9","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;

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

@@ -4,9 +4,9 @@ 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.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
-var styles = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint":"main-module_hint__3cahT","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n  border-color: transparent transparent #fff6cc transparent;\n}\n";
+var cssClasses = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint":"main-module_hint__3cahT","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
 styleInject_es['default'](css_248z);
 
-exports.default = styles;
+exports.default = cssClasses;
 //# sourceMappingURL=main.module.less.js.map