@dreamcommerce/aurora 2.4.0-2 → 2.4.0-21

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

@@ -2,71 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$q = require('./components/modal/hoc/absolute_modal/index.js');
+var index$r = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/accordion/index.js');
 var index$1 = require('./components/button/index.js');
 var index$3 = require('./components/buttons_group/index.js');
-var index$x = require('./components/dropdown/context/index.js');
+var index$y = require('./components/dropdown/context/index.js');
 var index$k = require('./components/color_picker/index.js');
 var icon_tick = require('./assets/icon_tick.js');
+var index$8 = require('./components/stack/index.js');
 var index$7 = require('./components/label/index.js');
 var index$9 = require('./components/controls/index.js');
-var index$B = require('./components/hint/index.js');
-var index$A = require('./components/controls/hoc/control_cell_selector/index.js');
+var index$C = require('./components/hint/index.js');
+var index$B = require('./components/controls/hoc/control_cell_selector/index.js');
 var index$b = require('./components/controls/hoc/control_checkbox/index.js');
 var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
 var icon_arrow = require('./assets/icon_arrow.js');
 var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
 var index$4 = require('./components/dropdown/index.js');
-var index$y = require('./components/spacing/index.js');
 var index$l = require('./components/controls/hoc/control_color_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
 var index$5 = require('./components/dropdown/hoc/select/index.js');
 var index$j = require('./components/date_picker/index.js');
 var index$m = require('./components/controls/hoc/control_date_picker/index.js');
-var index$z = require('./components/file_picker/index.js');
+var index$A = require('./components/file_picker/index.js');
 var index$n = require('./components/controls/hoc/control_file_picker/index.js');
 var index$a = require('./components/controls/hoc/control_input/index.js');
 var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
 var index$g = require('./components/controls/hoc/control_multi_select/index.js');
 var index$d = require('./components/controls/hoc/control_radio/index.js');
-var index$C = require('./components/controls/hoc/control_radio_group/index.js');
+var index$D = require('./components/controls/hoc/control_radio_group/index.js');
 var index$f = require('./components/controls/hoc/control_range/index.js');
 var index$e = require('./components/controls/hoc/control_select/index.js');
-var index$s = require('./components/tag/index.js');
-var index$t = require('./components/tags_selector/index.js');
-var index$u = require('./components/controls/hoc/control_tags_selector/index.js');
+var index$t = require('./components/tag/index.js');
+var index$u = require('./components/tags_selector/index.js');
+var index$v = require('./components/controls/hoc/control_tags_selector/index.js');
 var index$h = require('./components/controls/hoc/control_textarea/index.js');
-var index$v = require('./components/table/index.js');
+var index$w = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
-var index$D = require('./components/message-box/index.js');
-var index$w = require('./components/grid/index.js');
+var index$E = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$E = require('./components/flash_messenger/index.js');
+var index$F = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/index.js');
+var index$x = require('./components/grid/index.js');
+var index$p = require('./components/typography/index.js');
 var index$o = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
 var icon_laptop = require('./assets/icon_laptop.js');
 var icon_mobile = require('./assets/icon_mobile.js');
 var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
-var index$H = require('./components/link/index.js');
-var index$F = require('./components/loader/index.js');
-var index$p = require('./components/modal/index.js');
+var index$I = require('./components/link/index.js');
+var index$G = require('./components/loader/index.js');
+var index$q = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$r = require('./components/modal/hoc/relative_modal/index.js');
+var index$s = require('./components/modal/hoc/relative_modal/index.js');
 var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
-var index$I = require('./components/slide/index.js');
-var slide_close_btn_wrapper = require('./components/slide/components/slide_close_btn_wrapper.js');
+var index$J = require('./components/slide/index.js');
+var slide_header = require('./components/slide/components/slide_header.js');
 var slide_content = require('./components/slide/components/slide_content.js');
 var slide_footer = require('./components/slide/components/slide_footer.js');
 var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
-var index$8 = require('./components/stack/index.js');
+var index$z = require('./components/spacing/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
 var tabs_item = require('./components/tabs/components/tabs_item.js');
 var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
@@ -74,77 +75,78 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
 var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
-var index$G = require('./components/with_loader/index.js');
+var index$H = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$q['default'];
+exports.AbsoluteModal = index$r['default'];
 exports.Accordion = index['default'];
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$x.DropdownContext;
-exports.useDropdownContext = index$x.useDropdownContext;
+exports.DropdownContext = index$y.DropdownContext;
+exports.useDropdownContext = index$y.useDropdownContext;
 exports.ColorPicker = index$k['default'];
 exports.IconTick = icon_tick['default'];
+exports.Stack = index$8['default'];
 exports.Label = index$7['default'];
 exports.Control = index$9['default'];
-exports.Hint = index$B['default'];
-exports.ControlCellSelector = index$A['default'];
+exports.Hint = index$C['default'];
+exports.ControlCellSelector = index$B['default'];
 exports.ControlCheckbox = index$b['default'];
 exports.ControlCheckboxSwitch = index$c['default'];
 exports.IconArrow = icon_arrow['default'];
 exports.useToggle = use_toggle.useToggle;
 exports.Dropdown = index$4['default'];
-exports.Spacing = index$y['default'];
 exports.ControlColorPicker = index$l['default'];
 exports.IconCalendar = icon_calendar['default'];
 exports.Select = index$5['default'];
 exports.Datepicker = index$j['default'];
 exports.ControlDatepicker = index$m['default'];
-exports.FilePicker = index$z['default'];
+exports.FilePicker = index$A['default'];
 exports.ControlFilePicker = index$n['default'];
 exports.ControlInput = index$a['default'];
 exports.MultiSelect = index$6['default'];
 exports.ControlMultiSelect = index$g['default'];
 exports.ControlRadio = index$d['default'];
-exports.ControlRadioGroup = index$C['default'];
+exports.ControlRadioGroup = index$D['default'];
 exports.ControlRange = index$f['default'];
 exports.ControlSelect = index$e['default'];
-exports.Tag = index$s['default'];
-exports.TagsSelector = index$t['default'];
-exports.ControlTagsSelector = index$u['default'];
+exports.Tag = index$t['default'];
+exports.TagsSelector = index$u['default'];
+exports.ControlTagsSelector = index$v['default'];
 exports.ControlTextarea = index$h['default'];
-exports.Table = index$v['default'];
+exports.Table = index$w['default'];
 exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
-exports.MessageBox = index$D['default'];
-exports.Grid = index$w['default'];
+exports.MessageBox = index$E['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.FlashMessenger = index$E['default'];
+exports.FlashMessenger = index$F['default'];
 exports.Gallery = index$i['default'];
+exports.Grid = index$x['default'];
+exports.Typography = index$p.Typography;
 exports.Heading = index$o['default'];
 exports.IconDesktop = icon_desktop['default'];
 exports.IconLaptop = icon_laptop['default'];
 exports.IconMobile = icon_mobile['default'];
 exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
-exports.Link = index$H['default'];
-exports.Loader = index$F['default'];
-exports.Modal = index$p['default'];
+exports.Link = index$I['default'];
+exports.Loader = index$G['default'];
+exports.Modal = index$q['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.RelativeModal = index$r['default'];
+exports.RelativeModal = index$s['default'];
 exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
-exports.Slide = index$I['default'];
-exports.SlideCloseBtnWrapper = slide_close_btn_wrapper.SlideCloseBtnWrapper;
+exports.Slide = index$J['default'];
+exports.SlideHeader = slide_header.SlideHeader;
 exports.SlideContent = slide_content.SlideContent;
 exports.SlideFooter = slide_footer.SlideFooter;
 exports.SlideWrapper = slide_wrapper.SlideWrapper;
-exports.Stack = index$8['default'];
+exports.Spacing = index$z['default'];
 exports.Tabs = tabs['default'];
 exports.TabsItem = tabs_item.TabsItem;
 exports.TabsItemList = tabs_item_list.TabsItemList;
@@ -152,5 +154,5 @@ exports.TabsPanel = tabs_panel.TabsPanel;
 exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
-exports.WithLoader = index$G['default'];
+exports.WithLoader = index$H['default'];
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/controls/components/input.js

@@ -3,10 +3,11 @@ import classnames from 'classnames';
 import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
+import cssStyles from '../../../css/controls/main.module.less.js';
 
 const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
     const { errors } = useControlContext();
-    const inputClasses = classnames(inputCssClasses[cssControl], {
+    const inputClasses = classnames(inputCssClasses[cssControl], cssStyles[cssControl], {
         [inputCssClasses[cssControlS]]: padding === 'small',
         [inputCssClasses[cssControlError]]: errors,
         [inputCssClasses[cssControlDisabled]]: disabled,

package/build/esm/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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@ import { cssControlsLabel } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 import Label from '../../label/index.js';
 
-const ControlLabel = ({ id, isRequired, children }) => {
+const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
     return (React.createElement("div", { className: cssStyles[cssControlsLabel] },
-        React.createElement(Label, { htmlFor: id, isRequired: isRequired }, children)));
+        React.createElement(Label, { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
 };
 
 export default ControlLabel;

package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts

@@ -41,5 +41,3 @@ export declare const cellSelectorDescription: string;
 export declare const cellSelectorRow: string;
 export declare const cellSelectorCell: string;
 export declare const cellSelectorCellActive: string;
-export declare const helperText = "helper-text";
-export declare const helperTextError: string;

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

@@ -39,9 +39,7 @@ const cellSelector = 'cell-selector';
 const cellSelectorContainer = `${cellSelector}__container`;
 const cellSelectorRow = `${cellSelector}__row`;
 const cellSelectorCell = `${cellSelector}__cell`;
-const cellSelectorCellActive = `${cellSelectorCell}_active`;
-const helperText = 'helper-text';
-const helperTextError = `${helperText}_error`;
+const cellSelectorCellActive = `${cellSelectorCell}_active`;
 
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, helperText, helperTextError, radio, radioControl, radioDisabled, radioLabel };
+export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import CellSelector from '../../components/cell_selector.js';
 import Hint from '../../../hint/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -15,16 +15,12 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helperText, 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.createElement(Control, { errors: errors, name: name, id: id },
-        (labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
-            labelTop,
-            hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
-        helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { type: "checkbox" },
                 React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React.createElement(Label, { htmlFor: id },
+                React.createElement(Label, { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     " ",
                     hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),

package/build/esm/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;"}
+{"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;"}

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

@@ -15,12 +15,12 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-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.createElement(Control, { errors: errors, name: name, id: id },
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { type: "checkbox" },
                 React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React.createElement(Label, { htmlFor: id },
+                React.createElement(Label, { htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));

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

@@ -20,16 +20,15 @@ import Dropdown from '../../../dropdown/index.js';
  *  />
  * )
  */
-const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, helperText, hintOptions = { isFixed: true } }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
     return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
         React.createElement(Dropdown, null,
             React.createElement(Dropdown.CustomLabel, null,
                 React.createElement(Control, { errors: errors, name: name, id: id },
-                    (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                    (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
                         label,
                         hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-                    helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
                     React.createElement(Control.Content, null,
                         React.createElement(Control.Element, null,
                             React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),

package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/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;AACA;AACA;AACA;"}

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

@@ -25,7 +25,7 @@ const DatepickerViews = {
  *  />
  * )
  */
-const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
+const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
     const valueController = useValueController({
         type,
         defaultDate,
@@ -44,7 +44,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
     return (React.createElement(DatepickerContext.Provider, { value: valueController },
         React.createElement(Dropdown.CustomLabel, null,
             React.createElement(Control, { errors: errors, name: name, id: id },
-                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
                     label,
                     hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
                 React.createElement(Control.Content, null,

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import FilePicker from '../../../file_picker/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helperText, 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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
                 React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),

package/build/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import Multiple from '../../../dropdown/hoc/multiselect/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -16,16 +16,15 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-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.createElement(Control, { errors: errors, name: name, id: id },
         React.createElement(Control.Content, null,
-            React.createElement(Control.Element, { type: "radio", verticalPosition: additionalInfo ? VERTICAL_POSITION.top : undefined },
+            React.createElement(Control.Element, { type: "radio", verticalPosition: labelAdditionalInfo ? VERTICAL_POSITION.top : undefined },
                 React.createElement(Control.Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
-                React.createElement(Label, { htmlFor: id },
+                React.createElement(Label, { additionalInfo: labelAdditionalInfo, htmlFor: id },
                     label,
                     " ",
-                    hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
-                    additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
+                    hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import ControlRadio from '../control_radio/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         options.map(({ value, label, hint, disabled }) => (React.createElement(ControlRadio, { 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/esm/packages/aurora/src/components/controls/hoc/control_range/index.js

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import Range from '../../../range/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -18,9 +18,9 @@ import Select from '../../../dropdown/hoc/select/index.js';
  *  />
  * )
  */
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -3,9 +3,9 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import TagsSelector from '../../../tags_selector/index.js';
 
-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.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,

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

@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helperText }, ref) => {
+const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
-        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Control.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/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { cssControls, cssControlsError } from './css_classes.js';
 import { ControlContext } from './context.js';
-import Input from './components/input.js';
 import cssStyles from '../../css/controls/main.module.less.js';
+import Input from './components/input.js';
 import { AdditionalInfo } from './components/additional_info.js';
 import Checkbox from './components/checkbox.js';
 import CheckboxSwitch from './components/checkbox_switch.js';
@@ -10,13 +10,12 @@ import Content from './components/content.js';
 import ControlLabel from './components/label.js';
 import Element from './components/element.js';
 import Errors from './components/errors.js';
-import LabelAdditionalInfo from './components/helper_text.js';
 import Radio from './components/radio.js';
 import Textarea from './components/textarea.js';
 
-const Control = ({ children, errors, name, id }) => {
+const Control = ({ children, errors, name, id, onClick }) => {
     return (React.createElement(ControlContext.Provider, { value: { errors, name, id } },
-        React.createElement("div", { className: `${cssStyles[cssControls]} ${errors ? cssStyles[cssControlsError] : ''}` }, children)));
+        React.createElement("div", { onClick: onClick, className: `${cssStyles[cssControls]} ${errors ? cssStyles[cssControlsError] : ''}` }, children)));
 };
 Control.Label = ControlLabel;
 Control.Input = Input;
@@ -27,8 +26,7 @@ Control.Content = Content;
 Control.Element = Element;
 Control.Textarea = Textarea;
 Control.Errors = Errors;
-Control.AdditionalInfo = AdditionalInfo;
-Control.HelperText = LabelAdditionalInfo;
+Control.AdditionalInfo = AdditionalInfo;
 
 export default Control;
 //# sourceMappingURL=index.js.map

package/build/esm/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;"}
+{"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;"}