@dreamcommerce/aurora 2.4.3 → 2.4.5

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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, 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

@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
+const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
@@ -31,7 +31,7 @@ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAddit
                 React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -23,14 +23,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
+const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
                 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'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -8,9 +8,9 @@ var use_color_picker = require('../../../color_picker/use_color_picker.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
 var index$4 = require('../../../color_picker/index.js');
 var index$2 = require('../../index.js');
+var index$1 = require('../../../dropdown/index.js');
 var index$3 = require('../../../hint/index.js');
 var label = require('../../../color_picker/components/label.js');
-var index$1 = require('../../../dropdown/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, labelAdditionalInfo }) => {
     const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
     return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
         React__default['default'].createElement(index$1['default'], null,
@@ -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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+                        hint && React__default['default'].createElement(index$3['default'], { hint: hint, spacingLeft: true }))),
                     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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
 var index$2 = require('../../index.js');
-var index$3 = require('../../../hint/index.js');
 var index$1 = require('../../../dropdown/index.js');
-var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
-var label = require('../../../date_picker/components/label.js');
+var index$3 = require('../../../hint/index.js');
 var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
+var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
 var range_picker = require('../../../date_picker/hoc/range_picker.js');
 var single_date_picker = require('../../../date_picker/hoc/single_date_picker.js');
+var label = require('../../../date_picker/components/label.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -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'], { fixed: true, spacingLeft: true, hint: hint }))),
+                    hint && React__default['default'].createElement(index$3['default'], { hint: hint, spacingLeft: true }))),
                 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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -25,11 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hasCloseIcon, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
+const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: labelAdditionalInfo ? positions.VERTICAL_POSITION.top : undefined },
@@ -32,7 +32,7 @@ const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name,
                 React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, options, errors, isRequired, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
+const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -26,11 +26,11 @@ 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 }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, labelAdditionalInfo }) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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

@@ -25,11 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
+const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, labelAdditionalInfo }, ref) => {
     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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         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/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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var icon_calendar = require('../../../assets/icon_calendar.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

@@ -4,11 +4,11 @@ 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 css_classes = require('../css_classes.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var constants = require('../constants.js');
+var month_year_navigation_context = require('../context/month_year_navigation_context.js');
 var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var use_date_names = require('../hooks/use_date_names.js');
 var index$1 = require('./month_year_picker/index.js');
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../../../../dropdown/context/index.js');
+var constants = require('../../../constants.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.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 css_classes = require('../../../css_classes.js');
 var use_date_names = require('../../../hooks/use_date_names.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/month_year_controller.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var css_classes = require('../../../css_classes.js');
 var main_module = require('../../../../../css/date_picker/main.module.less.js');
+var css_classes = require('../../../css_classes.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/month_year_picker_context_manager.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
 var constants$1 = require('../../../constants.js');
+var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
 var context = require('../context.js');
 var constants = require('../constants.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var constants = require('../../../constants.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.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 css_classes = require('../../../css_classes.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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var constants = require('../constants.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.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 css_classes = require('../css_classes.js');
 var days_grid = require('./days_grid.js');
 var month_controller = require('./month_controller.js');
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classNames = require('../../../utilities/styles/classNames.js');
+var constants = require('../constants.js');
 var value_controller_context = require('../context/value_controller_context.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 css_classes = require('../css_classes.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,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.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 main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var common_ranges = require('../components/common_ranges.js');
 var buttons = require('../components/buttons.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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var buttons = require('../components/buttons.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var value_controller_context = require('./context/value_controller_context.js');
 var use_value_controller = require('./hooks/use_value_controller.js');
+var value_controller_context = require('./context/value_controller_context.js');
 var range_picker = require('./hoc/range_picker.js');
 var single_date_picker = require('./hoc/single_date_picker.js');
 

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.
@@ -57,13 +59,9 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     };
     const dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
     const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
-    const contentClassName = classNames.classNames([
-        css_classes.cssDropdownContent,
-        arrowSide === 'right' && css_classes.cssDropdownArrowHorizontalDirectionRight,
-        (dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport)) &&
-            css_classes.cssDropdownArrowVerticalDirectionBottom,
-        cssClass
-    ], main_module['default']);
+    const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
+    const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
+    const contentClassName = classnames__default['default'](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], cssClass);
     const screenWidthName = use_screen_detect.useScreenDetect();
     const refs = [contentRef];
     if (wrapperRef) {
@@ -145,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;"}
+{"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/components/option_multiple.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var index = require('../../controls/hoc/control_checkbox/index.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var item = require('./item.js');
+var index = require('../../controls/hoc/control_checkbox/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -6,10 +6,10 @@ 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');
+var input_wrapper = require('../../controls/components/input_wrapper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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;"}