@dreamcommerce/aurora 2.1.8 → 2.1.10

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

@@ -1,4 +1,5 @@
 import React, { useContext, useRef, useEffect } from 'react';
+import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import { cssColorPicker, cssColorPickerPreviewContainer, cssColorPickerPreview, cssColorPickerInputContainer } from './css_classes.js';
 import { getColorFromHex, getIndicatorPositionsFromHEX } from './utilities.js';
 import styles from '../../css/color_picker/main.module.less.js';
@@ -7,7 +8,6 @@ import { ColorPickerContext } from './context.js';
 import HuePicker from './components/hue_picker.js';
 import Input from '../controls/components/input.js';
 import SaturationLightnessPicker from './components/saturation_lightness_picker.js';
-import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import { useColorPicker } from './use_color_picker.js';
 import withTranslation from '../../utilities/translation/with_translation.js';
 

package/build/esm/packages/aurora/src/components/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,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/helper.d.ts

@@ -1,3 +1,4 @@
+import { IControlHelperProps } from '../types';
 import React from 'react';
-declare const Helper: React.FC;
+declare const Helper: React.FC<IControlHelperProps>;
 export default Helper;

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

@@ -1,9 +1,13 @@
 import React from 'react';
-import { cssHelper } from '../css_classes.js';
+import classnames from 'classnames';
+import { cssHelper, cssHelperError } from '../css_classes.js';
 import cssStyles from '../../../css/helper/main.module.less.js';
 
-const Helper = ({ children }) => {
-    return React.createElement("p", { className: cssStyles[cssHelper] }, children);
+const Helper = ({ children, hasError }) => {
+    const helperClassNames = classnames(cssStyles[cssHelper], {
+        [cssStyles[cssHelperError]]: hasError
+    });
+    return React.createElement("p", { className: helperClassNames }, children);
 };
 
 export default Helper;

package/build/esm/packages/aurora/src/components/controls/components/helper.js.map

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
 import classnames from 'classnames';
 import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
 import cssStyles from '../../../css/radio/main.module.less.js';
-import { classNames } from '../../../utilities/styles/classNames.js';
 
 const Radio = ({ id, name, value, checked, defaultChecked = false, disabled, onClick }) => {
     const radioClasses = classnames(radio, {

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

@@ -41,3 +41,4 @@ export declare const cellSelectorRow: string;
 export declare const cellSelectorCell: string;
 export declare const cellSelectorCellActive: string;
 export declare const cssHelper = "helper";
+export declare const cssHelperError: string;

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

@@ -39,7 +39,8 @@ const cellSelectorContainer = `${cellSelector}__container`;
 const cellSelectorRow = `${cellSelector}__row`;
 const cellSelectorCell = `${cellSelector}__cell`;
 const cellSelectorCellActive = `${cellSelectorCell}_active`;
-const cssHelper = 'helper';
+const cssHelper = 'helper';
+const cssHelperError = `${cssHelper}_error`;
 
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, 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, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, 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;"}
+{"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;"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
+import CellSelector from '../../components/cell_selector.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import CellSelector from '../../components/cell_selector.js';
 
 const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },

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

@@ -20,7 +20,7 @@ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, nam
         (labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             labelTop,
             hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        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, { type: "checkbox" },
                 React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),

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

@@ -5,8 +5,8 @@ import withTranslation from '../../../../utilities/translation/with_translation.
 import { PureColorPicker } from '../../../color_picker/index.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import Dropdown from '../../../dropdown/index.js';
 import ColorPickerLabel from '../../../color_picker/components/label.js';
+import Dropdown from '../../../dropdown/index.js';
 
 /**
  * @component

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

@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import withTranslation from '../../../../utilities/translation/with_translation.js';
 import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
-import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
 import Dropdown from '../../../dropdown/index.js';
+import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
 import DatepickerLabel from '../../../date_picker/components/label.js';
 import useValueController from '../../../date_picker/hooks/use_value_controller.js';
 import { RangePicker } from '../../../date_picker/hoc/range_picker.js';

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

@@ -22,7 +22,7 @@ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix,
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        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_textarea/index.js

@@ -22,7 +22,7 @@ const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value,
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
-        helper && React.createElement(Control.Helper, null, helper),
+        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/types.d.ts

@@ -21,7 +21,7 @@ export interface IControlComposition {
     Textarea: React.FC<ITextareaProps>;
     Errors: React.FC;
     AdditionalInfo: React.FC;
-    Helper: React.FC<React.ReactNode>;
+    Helper: React.FC<IControlHelperProps>;
 }
 export interface IControlProps {
     children: ReactNode;
@@ -179,4 +179,7 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
     id?: string;
     isRequired?: boolean;
 }
+export interface IControlHelperProps {
+    hasError?: boolean;
+}
 export {};

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

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import DatepickerContext from '../context/value_controller_context.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
+import DatepickerContext from '../context/value_controller_context.js';
 import IconCalendar from '../../../assets/icon_calendar.js';
 import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerLabelIcon } from '../css_classes.js';

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -1,6 +1,6 @@
 import React, { useContext, useRef } from 'react';
-import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
 import Dropdown from '../../dropdown/index.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
 import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../css_classes.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
 import { DropdownContext } from '../../dropdown/context/index.js';
+import { useKeyDown } from '../../../hooks/use_key_down.js';
 import DatepickerContext from '../context/value_controller_context.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import { useKeyDown } from '../../../hooks/use_key_down.js';
 
 /**
  * Hook to bind keyboard keys to navigate date

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

@@ -1,11 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import { createPortal } from 'react-dom';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import iconCssClasses from '../../../css/icons/main.module.less.js';
-import { classNames } from '../../../utilities/styles/classNames.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
 import { cssDropdownContent, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
@@ -13,7 +14,6 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
-import { createPortal } from 'react-dom';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.

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

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
+import InputWrapper from '../../controls/components/input_wrapper.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-import InputWrapper from '../../controls/components/input_wrapper.js';
 
 /**
  * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.

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

@@ -1,8 +1,8 @@
 import 'react';
+import cssClasses$1 from '../../css/modal/main.module.less.js';
 import { cssDropdownContent } from './css_classes.js';
 import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
 import cssClasses from '../../css/dropdown/main.module.less.js';
-import cssClasses$1 from '../../css/modal/main.module.less.js';
 
 /**
  * checks if the given option is selected within array of selectedValues array

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

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import Grid from '../../grid/index.js';
-import IconClose from '../../../assets/icon_close.js';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';
+import IconClose from '../../../assets/icon_close.js';
+import Grid from '../../grid/index.js';
 
 const FlashMessage = ({ message }) => {
     const { removeMessage, hideMessage } = useFlashMessenger();

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

@@ -1,2 +1 @@
 export declare const cssLink = "link";
-export declare const cssLinkIcon: string;

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

@@ -1,3 +1,4 @@
-export const cssLink = 'link';
-export const cssLinkIcon = `${cssLink}__icon`;
-//# sourceMappingURL=css_classes.js.map
+const cssLink = 'link';
+
+export { cssLink };
+//# sourceMappingURL=css_classes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/link/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,OAAO,QAAQ,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

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

@@ -1,11 +1,12 @@
 import React from 'react';
-import './types';
-import classNames from 'classnames';
-import { cssLink } from './css_classes';
-import linkStyles from '@auroraCss/link/main.module.less';
-const Link = ({ href, id, className, onClick, children, ...props }) => {
-    const linkClass = classNames(linkStyles[cssLink]);
-    return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
+import classnames from 'classnames';
+import { cssLink } from './css_classes.js';
+import linkStyles from '../../css/link/main.module.less.js';
+
+const Link = ({ href, id, className, onClick, children, ...props }) => {
+    const linkClass = classnames(linkStyles[cssLink]);
+    return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
 };
+
 export default Link;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA6B,SAAS,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAE1D,MAAM,IAAI,GAA2B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAe,EAAE;IACvG,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACH,8BAAO,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxE,QAAQ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
-import cssClasses from '../../css/loader/main.module.less.js';
 import { cssLoader } from './css_classes.js';
 import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
+import cssClasses from '../../css/loader/main.module.less.js';
 
 const Loader = ({ size }) => {
     const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -1,11 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { useResize } from '../../../../hooks/use_resize.js';
+import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
-import { createPortal } from 'react-dom';
 import Modal from '../../components/modal.js';
 import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 const useStyles = createUseStyles({
     modal: {

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -1,11 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { useResize } from '../../../../hooks/use_resize.js';
+import { createPortal } from 'react-dom';
 import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
 import cssClasses from '../../../../css/modal/main.module.less.js';
-import { createPortal } from 'react-dom';
 import Modal from '../../components/modal.js';
 import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
 import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
+import { useResize } from '../../../../hooks/use_resize.js';
 
 const useStyles = createUseStyles({
     modal: {

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

@@ -1,7 +1,7 @@
 import React, { useRef, useState, useEffect } from 'react';
+import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import { getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
 import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition, registerOnTouchEvents } from '../../utilities/events/event_registration.js';
-import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import styles from '../../css/range/main.module.less.js';
 import CSS_CLASSES from './css_classes.js';
 import { getPositionFromValue, getValueFromPosition } from './utilities.js';

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css/helper/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper__ZHmAY {\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  line-height: 15px;\n  color: #5c657e;\n  margin-bottom: 0.25rem;\n}\n";
-var cssStyles = {"helper":"main-module_helper__ZHmAY"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper__ZHmAY {\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  line-height: 15px;\n  color: #5c657e;\n  margin-bottom: 0.25rem;\n}\n.main-module_helper_error__2BM0j {\n  color: #e60c54;\n}\n";
+var cssStyles = {"helper":"main-module_helper__ZHmAY","helper_error":"main-module_helper_error__2BM0j"};
 styleInject(css_248z);
 
 export default cssStyles;

package/build/esm/packages/aurora/src/css/link/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3lHdS {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n}\n.main-module_link__3lHdS * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_link__3lHdS:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n";
+var linkStyles = {"link":"main-module_link__3lHdS"};
+styleInject(css_248z);
+
+export default linkStyles;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/link/main.module.less.js.map

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

package/build/esm/packages/aurora/src/hooks/use_screen_detect.js

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
-import { breakpoints } from '../constants/responsive_breakpoints.js';
 import { useResize } from './use_resize.js';
+import { breakpoints } from '../constants/responsive_breakpoints.js';
 
 const useScreenDetect = () => {
     const [screenName, setScreenName] = useState('');

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

@@ -1,86 +1,87 @@
 import './i18n';
+import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
+/**
+ * import types for export
+ */
+import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
+import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
+import { TabItem, Tabs } from "./components/tabs";
+import AbsoluteModal from "./components/modal/hoc/absolute_modal";
 /**
  * import components for export
  */
 import Button from "./components/button";
 import ButtonsGroup from "./components/buttons_group";
 import ColorPicker from "./components/color_picker";
-import ControlInput from "./components/controls/hoc/control_input";
+import ControlCellSelector from "./components/controls/hoc/control_cell_selector";
 import ControlCheckbox from "./components/controls/hoc/control_checkbox";
 import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_switch";
+import ControlColorPicker from "./components/controls/hoc/control_color_picker";
+import ControlDatepicker from "./components/controls/hoc/control_date_picker";
+import ControlFilePicker from "./components/controls/hoc/control_file_picker";
+import ControlInput from "./components/controls/hoc/control_input";
+import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
 import ControlRadio from "./components/controls/hoc/control_radio";
+import ControlRadioGroup from "./components/controls/hoc/control_radio_group";
 import ControlRange from "./components/controls/hoc/control_range";
-import ControlDatepicker from "./components/controls/hoc/control_date_picker";
-import ControlColorPicker from "./components/controls/hoc/control_color_picker";
+import ControlSelect from "./components/controls/hoc/control_select";
 import ControlTagsSelector from "./components/controls/hoc/control_tags_selector";
 import ControlTextarea from "./components/controls/hoc/control_textarea";
-import ControlSelect from "./components/controls/hoc/control_select";
-import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
-import ControlFilePicker from "./components/controls/hoc/control_file_picker";
-import ControlCellSelector from "./components/controls/hoc/control_cell_selector";
+import DataTable from "./components/table/hoc/data-table";
 import Datepicker from "./components/date_picker";
 import Dropdown from "./components/dropdown";
+/**
+ * import context for export
+ */
+import { DropdownContext } from "./components/dropdown/context";
+import FilePicker from "./components/file_picker";
+import FlashMessagesList from "./components/flash_messenger/components/flash_messages_list";
+import FlashMessenger from "./components/flash_messenger";
+import { FlashMessengerContext } from "./components/flash_messenger/context";
 import Gallery from "./components/gallery";
 import Grid from "./components/grid";
 import Heading from "./components/heading";
-import Label from "./components/label";
-import FilePicker from "./components/file_picker";
-import ModalProvider from "./components/modal/hoc/modal_provider";
-import AbsoluteModal from "./components/modal/hoc/absolute_modal";
-import RelativeModal from "./components/modal/hoc/relative_modal";
-import MultiSelect from "./components/dropdown/hoc/multiselect";
-import Modal from "./components/modal";
-import Select from "./components/dropdown/hoc/select";
-import Spacing from "./components/spacing";
-import Table from "./components/table";
-import DataTable from "./components/table/hoc/data-table";
-import { TabItem, Tabs } from "./components/tabs";
-import Tag from "./components/tag";
-import TagsSelector from "./components/tags_selector";
 import Hint from "./components/hint";
-import Loader from "./components/loader";
-import WithLoader from "./components/with_loader";
-import Tooltip from "./components/tooltip";
-import FlashMessagesList from "./components/flash_messenger/components/flash_messages_list";
+import { IColor } from "./components/color_picker/types";
+import { IControlRadioGroupOption } from "./components/controls/types";
+import { IDatepickerRange } from "./components/date_picker/types";
+import { IDropdownContext } from "./components/dropdown/context/types";
+import { IHeadingProps } from "./components/heading/types";
+import { ILoaderProps } from "./components/loader/types";
+import { IWithLoader } from "./components/with_loader/types";
+import IconArrow from "./assets/icon_arrow";
 /**
  * Assets
  */
 import IconCalendar from "./assets/icon_calendar";
-import IconArrow from "./assets/icon_arrow";
 import IconTick from "./assets/icon_tick";
-/**
- * import context for export
- */
-import { DropdownContext } from "./components/dropdown/context";
+import Label from "./components/label";
+import Link from "./components/link";
+import Loader from "./components/loader";
+import MessageBox from "./components/message-box";
+import Modal from "./components/modal";
 import { ModalContext } from "./components/modal/context/modal_context";
-import { FlashMessengerContext } from "./components/flash_messenger/context";
-/**
- * import types for export
- */
-import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
-import { IHeadingProps } from "./components/heading/types";
-import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
-import { IDropdownContext } from "./components/dropdown/context/types";
-import ControlRadioGroup from "./components/controls/hoc/control_radio_group";
-import { IControlRadioGroupOption } from "./components/controls/types";
-import { IColor } from "./components/color_picker/types";
-import { IDatepickerRange } from "./components/date_picker/types";
+import ModalProvider from "./components/modal/hoc/modal_provider";
+import MultiSelect from "./components/dropdown/hoc/multiselect";
+import RelativeModal from "./components/modal/hoc/relative_modal";
+import Select from "./components/dropdown/hoc/select";
+import Spacing from "./components/spacing";
 import { TFilePickerFile } from "./components/file_picker/types";
-import MessageBox from "./components/message-box";
-import FlashMessenger from "./components/flash_messenger";
 import { TMessageBoxType } from "./components/message-box/types";
+import Table from "./components/table";
+import Tag from "./components/tag";
+import TagsSelector from "./components/tags_selector";
+import Tooltip from "./components/tooltip";
+import WithLoader from "./components/with_loader";
+import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
-import { ILoaderProps } from "./components/loader/types";
-import { IWithLoader } from "./components/with_loader/types";
-import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
 /**
  * export hooks
  */
-import { useDropdownContext } from "./components/dropdown/context";
 /**
  * export components
  */
-export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList };
+export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link };
 /**
  * export types
  */