@dreamcommerce/aurora 2.4.0-1 → 2.4.0-10

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, helper, 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 }))),
-                    helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
                     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, 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.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 }))),
-        helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         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 }, helper }, 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 }))),
-        helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         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,7 +10,6 @@ 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 Helper from './components/helper.js';
 import Radio from './components/radio.js';
 import Textarea from './components/textarea.js';
 
@@ -27,8 +26,7 @@ Control.Content = Content;
 Control.Element = Element;
 Control.Textarea = Textarea;
 Control.Errors = Errors;
-Control.AdditionalInfo = AdditionalInfo;
-Control.Helper = Helper;
+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;"}

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

@@ -22,7 +22,6 @@ export interface IControlComposition {
     Textarea: React.FC<ITextareaProps>;
     Errors: React.FC;
     AdditionalInfo: React.FC;
-    Helper: React.FC<IControlHelperProps>;
 }
 export interface IControlProps {
     children: ReactNode;
@@ -54,6 +53,7 @@ export interface IControlTagsSelectorProps extends IControlCommonProps {
     id?: string;
     name?: string;
     label?: string;
+    labelAdditionalInfo?: string | ReactNode;
     isRequired?: boolean;
     placeholder?: string;
     minTagLength?: number;
@@ -92,6 +92,7 @@ export interface IControlLabelProps {
     id?: string;
     isRequired?: boolean;
     children: any;
+    additionalInfo?: string | ReactNode;
 }
 export interface ICheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     id?: string;
@@ -103,14 +104,11 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
     postfix?: string;
     label?: string;
     isRequired?: boolean;
-    helper?: React.ReactNode;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
     label: string;
-    helper?: React.ReactNode;
-    hintTopOptions?: TControlHintOptions;
-    labelTop?: string;
-    hintTop?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
     id: string;
@@ -118,6 +116,7 @@ export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
 }
 export interface IControlRadioProps extends IRadioProps, IControlCommonProps {
     label: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlRadioGroupOption {
     value: string;
@@ -133,6 +132,7 @@ export interface IControlRadioGroup extends IControlCommonProps {
     id: string;
     name: string;
     label: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlColorPickerProps extends IColorPickerProps, IControlCommonProps {
     id: string;
@@ -140,33 +140,37 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
     label?: string;
     isRequired?: boolean;
     hideChooseCancelButtons?: boolean;
-    helper?: React.ReactNode;
+    labelAdditionalInfo?: string | React.ReactNode;
 }
 export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
     label?: string;
     isRequired?: boolean;
-    helper?: React.ReactNode;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlMultiSelectProps extends IMultiSelectProps, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlRange extends IRange, IControlCommonProps {
     id?: string;
     label?: string;
     isRequired?: boolean;
     name?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface IControlFilePicker extends IFilePicker, IControlCommonProps {
     label?: string;
     isRequired?: boolean;
     name?: string;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export interface ICellSelector {
     rows?: number;
@@ -181,8 +185,6 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
     label?: string;
     id?: string;
     isRequired?: boolean;
-}
-export interface IControlHelperProps {
-    hasError?: boolean;
+    labelAdditionalInfo?: string | ReactNode;
 }
 export {};

package/build/esm/packages/aurora/src/components/date_picker/types.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { TControlErrors } from "../controls/types";
 export interface IMonthYear {
     month: number;
@@ -70,6 +70,7 @@ export interface IDatepickerProps {
     showButtons?: boolean;
     hint?: string;
     errors?: TControlErrors;
+    labelAdditionalInfo?: string | React.ReactNode;
 }
 export interface IDatepickerLabelProps {
     id: string;

package/build/esm/packages/aurora/src/components/date_picker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAA+B,kCAAkC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAgD,OAAO,CAAC;AACxD,OAA+B,kCAAkC,CAAC"}

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

@@ -1,15 +1,14 @@
 import React from 'react';
 import classnames from 'classnames';
 import cssClasses from '../../css/heading/main.module.less.js';
+import { Typography } from '../typography/index.js';
 
 const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
-    const classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);
+    const classes = classnames(withHeadline && cssClasses.head_line);
     if (!isSubheading) {
-        return React.createElement(`${as}`, {
-            className: classes
-        }, children);
+        return (React.createElement(Typography, { as: as, cssClasses: classes }, children));
     }
-    return React.createElement("span", { className: classes }, children);
+    return (React.createElement(Typography, { as: "span", variant: as }, children));
 };
 
 export default Heading;

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

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

@@ -1,3 +1,4 @@
 export declare const cssLabel = "label";
 export declare const cssLabelRequired: string;
 export declare const cssLabelError: string;
+export declare const cssLabelAdditionalInfo: string;

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

@@ -1,6 +1,7 @@
 const cssLabel = 'label';
 const cssLabelRequired = `${cssLabel}_required`;
-const cssLabelError = `${cssLabel}_error`;
+const cssLabelError = `${cssLabel}_error`;
+const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
 
-export { cssLabel, cssLabelError, cssLabelRequired };
+export { cssLabel, cssLabelAdditionalInfo, cssLabelError, cssLabelRequired };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/label/css_classes.js.map

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

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

@@ -2,15 +2,18 @@ import React from 'react';
 import classnames from 'classnames';
 import { useControlContext } from '../controls/context.js';
 import cssClasses from '../../css/label/main.module.less.js';
-import { cssLabel, cssLabelRequired, cssLabelError } from './css_classes.js';
+import { cssLabel, cssLabelRequired, cssLabelError, cssLabelAdditionalInfo } from './css_classes.js';
+import Stack from '../stack/index.js';
 
-const Label = ({ isRequired = false, children, ...props }) => {
+const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
     const { errors } = useControlContext();
     const labelClasses = classnames(cssClasses[cssLabel], {
         [cssClasses[cssLabelRequired]]: isRequired,
         [cssClasses[cssLabelError]]: errors
     });
-    return (React.createElement("label", { className: labelClasses, ...props }, children));
+    return (React.createElement("label", { className: labelClasses, ...props },
+        React.createElement(Stack, { align: "center" }, children),
+        additionalInfo && React.createElement("span", { className: cssClasses[cssLabelAdditionalInfo] }, additionalInfo)));
 };
 
 export default Label;

package/build/esm/packages/aurora/src/components/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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/label/types.d.ts

@@ -1,4 +1,5 @@
-import { LabelHTMLAttributes } from 'react';
+import { LabelHTMLAttributes, ReactNode } from 'react';
 export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     isRequired?: boolean;
+    additionalInfo?: string | ReactNode;
 }

package/build/esm/packages/aurora/src/components/label/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAAoC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAA+C,OAAO,CAAC"}

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
-import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP } from './stack_constants.js';
+import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
 import cssClasses from '../../css/stack/main.module.less.js';
 import { cssStack } from './css_classes.js';
 
-const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div' }) => {
-    const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
+const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false }) => {
+    const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], STACK_CSS_CLASSES.inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
     return React.createElement(as, {
-        className: `${stackClass} ${stackClass}`,
+        className: `${stackClass}`,
         style: { gap: `${spacing}px` }
     }, children);
 };

package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts

@@ -1,3 +1,4 @@
+export declare const stackCssBaseClass = "stack";
 export declare const STACK_DIRECTIONS: {
     readonly row: "row";
     readonly column: "column";
@@ -35,7 +36,10 @@ export declare const STACK_WRAP: {
     initial: string;
     inherit: string;
 };
-export declare const stackCssBaseClass = "stack";
+export declare const STACK_CSS_CLASSES: {
+    readonly stack: "stack";
+    readonly inline: "stack_inline";
+};
 export declare const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP: {
     readonly row: "stack_direction_row";
     readonly column: "stack_direction_column";

package/build/esm/packages/aurora/src/components/stack/stack_constants.js

@@ -1,3 +1,4 @@
+const stackCssBaseClass = 'stack';
 const STACK_DIRECTIONS = {
     row: 'row',
     column: 'column',
@@ -35,7 +36,10 @@ const STACK_WRAP = {
     initial: 'initial',
     inherit: 'inherit'
 };
-const stackCssBaseClass = 'stack';
+const STACK_CSS_CLASSES = {
+    stack: stackCssBaseClass,
+    inline: `${stackCssBaseClass}_inline`
+};
 const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
     [STACK_DIRECTIONS.row]: `${stackCssBaseClass}_direction_row`,
     [STACK_DIRECTIONS.column]: `${stackCssBaseClass}_direction_column`,
@@ -60,5 +64,5 @@ const STACK_WRAP_TO_CSS_CLASSES_MAP = {
     [STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
 };
 
-export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
+export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
 //# sourceMappingURL=stack_constants.js.map

package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map

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

package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts

@@ -10,6 +10,7 @@ export declare type TStackProps = {
     className?: string;
     children?: React.ReactNode;
     as?: string;
+    inline?: boolean;
 };
 export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
 export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS>;

package/build/esm/packages/aurora/src/components/typography/index.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { ITypographyProps } from "./typography_types";
+export declare const Typography: React.FC<PropsWithChildren<ITypographyProps>>;
+export default Typography;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP } from './typography_constants.js';
+import typographyCssClasses from '../../css/typography/main.module.less.js';
+
+const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses }) => {
+    const typographyClasses = classnames(typographyCssClasses[TYPOGRAPHY_CSS_CLASSES.typography], as ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? typographyCssClasses[TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? typographyCssClasses[TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', cssClasses);
+    return React.createElement(as, {
+        className: typographyClasses
+    }, children);
+};
+
+export default Typography;
+export { Typography };
+//# sourceMappingURL=index.js.map

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

package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts

@@ -0,0 +1,44 @@
+export declare const TYPOGRAPHY_COMPONENTS_TYPES: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly h6: "h6";
+    readonly p: "p";
+    readonly span: "span";
+    readonly div: "div";
+};
+export declare const TYPOGRAPHY_TRANSFORM: {
+    readonly uppercase: "uppercase";
+    readonly lowercase: "lowercase";
+    readonly capitalize: "capitalize";
+};
+export declare const TYPOGRAPHY_WEIGHT: {
+    readonly normal: "normal";
+    readonly bold: "bold";
+    readonly semibold: "semibold";
+};
+export declare const TYPOGRAPHY_CSS_CLASSES: {
+    readonly typography: "typography";
+};
+export declare const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP: {
+    readonly h1: "typography_h1";
+    readonly h2: "typography_h2";
+    readonly h3: "typography_h3";
+    readonly h4: "typography_h4";
+    readonly h5: "typography_h5";
+    readonly h6: "typography_h6";
+    readonly p: "typography_p";
+    readonly span: "typography_span";
+};
+export declare const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP: {
+    readonly uppercase: "typography_uppercase";
+    readonly lowercase: "typography_lowercase";
+    readonly capitalize: "typography_capitalize";
+};
+export declare const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP: {
+    readonly normal: "typography_normal";
+    readonly bold: "typography_bold";
+    readonly semibold: "typography_semibold";
+};