@dreamcommerce/aurora 2.4.3-1 → 2.4.3-2

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

@@ -27,10 +27,9 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
         if (isOpen && color.hex) {
             setInitialColor(color);
         }
-        // eslint-disable-next-line
     }, [isOpen]);
-    return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: `${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColoPickerLabel] },
+        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
         React__default['default'].createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;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/color_picker/css_classes.js

@@ -14,8 +14,12 @@ const cssColorPickerMask = `${cssColorPicker}__mask`;
 const cssColorPickerMaskWhite = `${cssColorPickerMask}_white`;
 const cssColorPickerMaskBlack = `${cssColorPickerMask}_black`;
 const cssColorPickerPreviewContainer = `${cssColorPicker}__preview-container`;
-const cssColorPickerPreview = `${cssColorPicker}__preview`;
+const cssColorPickerPreview = `${cssColorPicker}__preview`;
+const cssColoPickerLabel = `${cssColorPicker}__label`;
+const cssColoPickerLabelColorPreview = `${cssColorPicker}__label-color-preview`;
 
+exports.cssColoPickerLabel = cssColoPickerLabel;
+exports.cssColoPickerLabelColorPreview = cssColoPickerLabelColorPreview;
 exports.cssColorPicker = cssColorPicker;
 exports.cssColorPickerButtonsGroup = cssColorPickerButtonsGroup;
 exports.cssColorPickerHuePicker = cssColorPickerHuePicker;

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

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

@@ -7,6 +7,7 @@ var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/input/main.module.less.js');
 var context = require('../context.js');
+var main_module$1 = require('../../../css/controls/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +16,7 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
     const { errors } = context.useControlContext();
-    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], {
+    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], {
         [main_module['default'][css_classes.cssControlS]]: padding === 'small',
         [main_module['default'][css_classes.cssControlError]]: errors,
         [main_module['default'][css_classes.cssControlDisabled]]: disabled,

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

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlLabel = ({ id, isRequired, children }) => {
+const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
-        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired }, children)));
+        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
 };
 
 exports.default = ControlLabel;

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

@@ -43,9 +43,7 @@ const cellSelector = 'cell-selector';
 const cellSelectorContainer = `${cellSelector}__container`;
 const cellSelectorRow = `${cellSelector}__row`;
 const cellSelectorCell = `${cellSelector}__cell`;
-const cellSelectorCellActive = `${cellSelectorCell}_active`;
-const cssHelper = 'helper';
-const cssHelperError = `${cssHelper}_error`;
+const cellSelectorCellActive = `${cellSelectorCell}_active`;
 
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;
@@ -85,8 +83,6 @@ exports.cssControlsErrors = cssControlsErrors;
 exports.cssControlsErrorsList = cssControlsErrorsList;
 exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
 exports.cssControlsLabel = cssControlsLabel;
-exports.cssHelper = cssHelper;
-exports.cssHelperError = cssHelperError;
 exports.radio = radio;
 exports.radioControl = radioControl;
 exports.radioDisabled = radioDisabled;

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

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

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

@@ -11,9 +11,9 @@ 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 } }) => {
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('../../../label/index.js');
+var index$1 = require('../../../label/index.js');
 var index = require('../../index.js');
-var index$1 = require('../../../hint/index.js');
+var index$2 = require('../../../hint/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,19 +23,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
+const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
-        (labelTop || hintTop) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
-            labelTop,
-            hintTop && React__default['default'].createElement(index$1['default'], { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
-        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
                 React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React__default['default'].createElement(index$2['default'], { htmlFor: id },
+                React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

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

@@ -23,12 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
+const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, 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 },
+                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 })))),
         React__default['default'].createElement(index['default'].Errors, null)));

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

@@ -28,13 +28,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, 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,
             React__default['default'].createElement(index$1['default'].CustomLabel, null,
                 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 },
+                    (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 }))),
                     React__default['default'].createElement(index$2['default'].Content, null,

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

@@ -33,7 +33,7 @@ const DatepickerViews = {
  *  />
  * )
  */
-const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
+const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
     const valueController = use_value_controller['default']({
         type,
         defaultDate,
@@ -52,7 +52,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
     return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
         React__default['default'].createElement(index$1['default'].CustomLabel, null,
             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 },
+                (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 }))),
                 React__default['default'].createElement(index$2['default'].Content, null,

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

@@ -11,9 +11,9 @@ 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 } }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -25,12 +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, helper, additionalInfo, ...props }) => {
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
-        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         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_input/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;"}
+{"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;"}

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

@@ -11,9 +11,9 @@ 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 }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         React__default['default'].createElement(index['default'].Content, null,

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

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

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

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

@@ -11,9 +11,9 @@ 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 }) => {
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         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 }))),

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

@@ -11,9 +11,9 @@ 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 }) => {
+const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -26,9 +26,9 @@ 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 }) => {
+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 }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
-        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -11,9 +11,9 @@ 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 } }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, 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 },
+        (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 }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -25,12 +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 }, helper }, ref) => {
+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) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
-        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         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/controls/hoc/control_textarea/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;"}
+{"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;"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var css_classes = require('./css_classes.js');
 var context = require('./context.js');
-var input = require('./components/input.js');
 var main_module = require('../../css/controls/main.module.less.js');
+var input = require('./components/input.js');
 var additional_info = require('./components/additional_info.js');
 var checkbox = require('./components/checkbox.js');
 var checkbox_switch = require('./components/checkbox_switch.js');
@@ -14,7 +14,6 @@ var content = require('./components/content.js');
 var label = require('./components/label.js');
 var element = require('./components/element.js');
 var errors = require('./components/errors.js');
-var helper = require('./components/helper.js');
 var radio = require('./components/radio.js');
 var textarea = require('./components/textarea.js');
 
@@ -22,9 +21,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Control = ({ children, errors, name, id }) => {
+const Control = ({ children, errors, name, id, onClick }) => {
     return (React__default['default'].createElement(context.ControlContext.Provider, { value: { errors, name, id } },
-        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssControls]} ${errors ? main_module['default'][css_classes.cssControlsError] : ''}` }, children)));
+        React__default['default'].createElement("div", { onClick: onClick, className: `${main_module['default'][css_classes.cssControls]} ${errors ? main_module['default'][css_classes.cssControlsError] : ''}` }, children)));
 };
 Control.Label = label['default'];
 Control.Input = input['default'];
@@ -35,8 +34,7 @@ Control.Content = content['default'];
 Control.Element = element['default'];
 Control.Textarea = textarea['default'];
 Control.Errors = errors['default'];
-Control.AdditionalInfo = additional_info.AdditionalInfo;
-Control.Helper = helper['default'];
+Control.AdditionalInfo = additional_info.AdditionalInfo;
 
 exports.default = Control;
 //# sourceMappingURL=index.js.map

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

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

@@ -18,6 +18,7 @@ var main_module = require('../../../css/dropdown/main.module.less.js');
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,7 +33,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', wrapperWidth, cssClass, portalContainer }) => {
     const [t] = useTranslation.useTranslation();
     const contentRef = React.useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen } = index.useDropdownContext();
+    const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = index.useDropdownContext();
     const [styles, setStyles] = React.useState({
         top: '0px',
         bottom: '0px',
@@ -117,6 +118,18 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
                 : setStyles({ top: topPositionValue, bottom: bottomPositionValue, left: leftPositionValue, zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, wrapperWidth]);
+    React.useEffect(() => {
+        var _a;
+        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
+            return;
+        const scrollableParent = (_a = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
+        const handleWindowScroll = () => {
+            if (typeof closeDropdown === 'function') {
+                closeDropdown();
+            }
+        };
+        scrollableParent.addEventListener('scroll', handleWindowScroll, { once: true });
+    }, [isOpen]);
     return reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
             enter: main_module['default']['dropdown-enter'],
             enterActive: main_module['default']['dropdown-enter-active'],

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

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

@@ -87,7 +87,7 @@ onChange, hasCloseIcon }) => {
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
@@ -99,7 +99,7 @@ onChange, hasCloseIcon }) => {
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */

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

@@ -14,12 +14,14 @@ var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js')
 function useToggle(defaultIsOpen = false, onToggleCb) {
     const [isOpen, setIsOpen] = React.useState(defaultIsOpen);
     const onToggle = React.useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
+    const open = React.useCallback(() => setIsOpen(true), []);
+    const close = React.useCallback(() => setIsOpen(false), []);
     use_effect_after_mount.useEffectAfterMount(() => {
         if (typeof onToggleCb === 'function') {
             onToggleCb(isOpen);
         }
     }, [isOpen]);
-    return [isOpen, onToggle];
+    return [isOpen, onToggle, open, close];
 }
 
 exports.useToggle = useToggle;

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

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

@@ -44,11 +44,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
     const wrapperRef = React.useRef(null);
-    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
 };

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var utilities = require('@dreamcommerce/utilities');
 var main_module = require('../../../css/file_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
-var file_utils = require('../../../../../utilities/build/esm/packages/utilities/src/file_utils.js');
 var icon_delete = require('../../../assets/icon_delete.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,8 +22,8 @@ const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete })
         React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileNameWrapper] },
                 React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileFullName] },
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && file_utils.FileUtils.getFileName(fileFullName)),
-                    fileFullName && `.${file_utils.FileUtils.getFileExtension(fileFullName)}`)),
+                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && utilities.FileUtils.getFileName(fileFullName)),
+                    fileFullName && `.${utilities.FileUtils.getFileExtension(fileFullName)}`)),
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileRemoveWrapper] },
                 React__default['default'].createElement("span", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].filePickerDeleteButton] },
                     React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon] }),

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var index$1 = require('../../stack/index.js');
 var reactTransitionGroup = require('react-transition-group');
 var icon_close = require('../../../assets/icon_close.js');
 var main_module = require('../../../css/flash_message/main.module.less.js');
 var context = require('../context.js');
 var index = require('../../message-box/index.js');
-var index$1 = require('../../grid/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,11 +27,9 @@ const FlashMessage = ({ message }) => {
             exitActive: main_module['default']['flash-messenger__list_exit-active']
         } },
         React__default['default'].createElement(index['default'], { type: message.type, className: `${main_module['default']['flash-messenger__message']} ${main_module['default']['flash-messenger__list-item']}` },
-            React__default['default'].createElement(index$1['default'].Row, null,
-                React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
-                    React__default['default'].createElement("div", null, message.content)),
-                React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
-                    React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] }))))));
+            React__default['default'].createElement(index$1['default'], { spacing: 8, align: "center", justify: "space-between" },
+                React__default['default'].createElement("div", null, message.content),
+                React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] })))));
 };
 
 exports.default = FlashMessage;

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