@dreamcommerce/aurora 2.4.0-9 → 2.4.0

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

@@ -28,6 +28,7 @@ export interface IControlProps {
     errors?: TControlErrors;
     name?: string;
     id?: string;
+    onClick?: (event: React.MouseEvent) => void;
 }
 interface IControlCommonProps {
     errors?: TControlErrors;

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

@@ -14,6 +14,7 @@ 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 { UiDomUtils } from '@dreamcommerce/utilities';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.
@@ -24,7 +25,7 @@ import IconArrow from '../../../assets/icon_arrow.js';
 const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
     const [t] = useTranslation();
     const contentRef = useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
+    const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = useDropdownContext();
     const [styles, setStyles] = useState({
         left: '0px',
         top: '0px',
@@ -69,6 +70,18 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
                 : setStyles({ left: `${positionLeft}px`, top: topPositionValue, bottom: bottomPositionValue, zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideBottomViewport]);
+    useEffect(() => {
+        var _a;
+        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
+            return;
+        const scrollableParent = (_a = UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
+        const handleWindowScroll = () => {
+            if (typeof closeDropdown === 'function') {
+                closeDropdown();
+            }
+        };
+        scrollableParent.addEventListener('scroll', handleWindowScroll, { once: true });
+    }, [isOpen]);
     return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
             enter: cssClasses['dropdown-enter'],
             enterActive: cssClasses['dropdown-enter-active'],

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

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

@@ -3,4 +3,6 @@ export interface IDropdownContext {
     wrapperRef?: React.RefObject<HTMLDivElement>;
     isOpen?: boolean;
     toggleDropdown?: () => void;
+    openDropdown?: () => void;
+    closeDropdown?: () => void;
 }

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

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

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.d.ts

@@ -4,4 +4,4 @@
  * @param onToggleCb callback onToggle
  * @returns {Array} tuple - open state and and method to change open state
  */
-export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void];
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void, () => void, () => void];

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { FileUtils } from '@dreamcommerce/utilities';
 import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
-import { FileUtils } from '../../../../../utilities/build/esm/packages/utilities/src/file_utils.js';
 import IconDelete from '../../../assets/icon_delete.js';
 
 const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {

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

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
+import Stack from '../../stack/index.js';
 import { CSSTransition } from 'react-transition-group';
 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 Grid from '../../grid/index.js';
 
 const FlashMessage = ({ message }) => {
     const { removeMessage, hideMessage } = useFlashMessenger();
@@ -19,11 +19,9 @@ const FlashMessage = ({ message }) => {
             exitActive: cssClasses['flash-messenger__list_exit-active']
         } },
         React.createElement(MessageBox, { type: message.type, className: `${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}` },
-            React.createElement(Grid.Row, null,
-                React.createElement(Grid.Col, { auto: "grow" },
-                    React.createElement("div", null, message.content)),
-                React.createElement(Grid.Col, { auto: "auto" },
-                    React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] }))))));
+            React.createElement(Stack, { spacing: 8, align: "center", justify: "space-between" },
+                React.createElement("div", null, message.content),
+                React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] })))));
 };
 
 export default FlashMessage;

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

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

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

@@ -6,9 +6,9 @@ import { Typography } from '../typography/index.js';
 const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
     const classes = classnames(withHeadline && cssClasses.head_line);
     if (!isSubheading) {
-        return (React.createElement(Typography, { as: as, cssClasses: classes }, children));
+        return (React.createElement(Typography, { as: as, variant: as, cssClasses: classes }, children));
     }
-    return (React.createElement(Typography, { as: "span", variant: as }, children));
+    return (React.createElement(Typography, { cssClasses: classes, as: "span", variant: "span" }, children));
 };
 
 export default Heading;

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

@@ -4,9 +4,9 @@ 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 Loader = ({ size, style }) => {
     const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
-    return React.createElement("span", { className: loaderClasses });
+    return React.createElement("span", { style: style, className: loaderClasses });
 };
 Loader.SIZE = LOADER_SIZE;
 

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

@@ -2,6 +2,7 @@ import { LOADER_SIZE } from "./constants";
 import { EnumLiteralsOf } from "../../typings/general";
 export interface ILoaderProps {
     size?: TLoaderSize;
+    style?: Record<any, any>;
 }
 export interface ILoaderConstants {
     SIZE: typeof LOADER_SIZE;

package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISlideCloseBtn } from '../types';
+export declare const SlideHeader: FC<ISlideCloseBtn>;
+export default SlideHeader;

package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js}

@@ -3,13 +3,13 @@ import classnames from 'classnames';
 import CSS_CLASSES from '../css_classes.js';
 import cssClasses from '../../../css/slide/main.module.less.js';
 
-const SlideCloseBtnWrapper = ({ children, classNames = '' }) => {
-    const classes = classnames(cssClasses[CSS_CLASSES.slideCloseBtnWrapper], {
+const SlideHeader = ({ children, classNames = '' }) => {
+    const classes = classnames(cssClasses[CSS_CLASSES.slideHeader], {
         [classNames]: classNames
     });
     return React.createElement("div", { className: classes }, children);
 };
 
-export default SlideCloseBtnWrapper;
-export { SlideCloseBtnWrapper };
-//# sourceMappingURL=slide_close_btn_wrapper.js.map
+export default SlideHeader;
+export { SlideHeader };
+//# sourceMappingURL=slide_header.js.map

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

@@ -3,7 +3,7 @@ declare const _default: {
     slideWrapper: string;
     slideContent: string;
     slideFooter: string;
-    slideCloseBtnWrapper: string;
+    slideHeader: string;
     slideIsOpen: string;
     slideDirectionTop: string;
     slideDirectionRight: string;

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

@@ -4,7 +4,7 @@ var CSS_CLASSES = {
     slideWrapper: `${slideBaseCssClass}__wrapper`,
     slideContent: `${slideBaseCssClass}__content`,
     slideFooter: `${slideBaseCssClass}__footer`,
-    slideCloseBtnWrapper: `${slideBaseCssClass}__close-btn-wrapper`,
+    slideHeader: `${slideBaseCssClass}__header`,
     slideIsOpen: `${slideBaseCssClass}_is-open`,
     slideDirectionTop: `${slideBaseCssClass}_direction-top`,
     slideDirectionRight: `${slideBaseCssClass}_direction-right`,

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

@@ -1,14 +1,14 @@
 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, STACK_CSS_CLASSES } 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_JUSTIFICATIONS_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', 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);
+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, style = {} }) => {
+    const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
     return React.createElement(as, {
         className: `${stackClass}`,
-        style: { gap: `${spacing}px` }
+        style: { gap: `${spacing}px`, ...style }
     }, children);
 };
 

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

@@ -58,11 +58,23 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
     [STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
     [STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
 };
+const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
+    [STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
+    [STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
+    [STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
+    [STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
+    [STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
+    [STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
+    [STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
+    [STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
+    [STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
+    [STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
+};
 const STACK_WRAP_TO_CSS_CLASSES_MAP = {
     [STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
     [STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
     [STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
 };
 
-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 };
+export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, 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;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;"}

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

@@ -1,6 +1,6 @@
 import { Any } from 'ts-toolbelt';
 import React from 'react';
-import { STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_DIRECTIONS, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP } from "./stack_constants";
+import { STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP } from "./stack_constants";
 export declare type TStackProps = {
     direction?: TStackDirection;
     justify?: TStackJustify;
@@ -11,8 +11,9 @@ export declare type TStackProps = {
     children?: React.ReactNode;
     as?: string;
     inline?: boolean;
+    style?: Record<any, any>;
 };
 export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
-export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS>;
+export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS_TO_CSS_CLASSES_MAP>;
 export declare type TStackAlign = Any.Keys<typeof STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP>;
 export declare type TStackWrap = Any.Keys<typeof STACK_WRAP_TO_CSS_CLASSES_MAP>;

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

@@ -1,12 +1,13 @@
 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 { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COLORS_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);
+const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses, color, style }) => {
+    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]] : '', color ? typographyCssClasses[TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
     return React.createElement(as, {
-        className: typographyClasses
+        className: typographyClasses,
+        style: style
     }, children);
 };
 

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

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

@@ -42,3 +42,11 @@ export declare const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP: {
     readonly bold: "typography_bold";
     readonly semibold: "typography_semibold";
 };
+export declare const TYPOGRAPHY_COLORS: {
+    readonly dark: "dark";
+    readonly light: "light";
+};
+export declare const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP: {
+    readonly dark: "typography_color_dark";
+    readonly light: "typography_color_light";
+};

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

@@ -42,7 +42,15 @@ const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
     [TYPOGRAPHY_WEIGHT.normal]: `${typographyCssBaseClass}_normal`,
     [TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
     [TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
+};
+const TYPOGRAPHY_COLORS = {
+    dark: 'dark',
+    light: 'light'
+};
+const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = {
+    [TYPOGRAPHY_COLORS.dark]: `${typographyCssBaseClass}_color_dark`,
+    [TYPOGRAPHY_COLORS.light]: `${typographyCssBaseClass}_color_light`
 };
 
-export { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
+export { TYPOGRAPHY_COLORS, TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
 //# sourceMappingURL=typography_constants.js.map

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

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

@@ -1,5 +1,6 @@
-import { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
+import { TYPOGRAPHY_COLORS, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
 import { Any } from 'ts-toolbelt';
+import React from 'react';
 export declare type TTypographyComponentTypes = Any.Keys<typeof TYPOGRAPHY_COMPONENTS_TYPES>;
 export interface ITypographyProps {
     as: TTypographyComponentTypes;
@@ -7,7 +8,10 @@ export interface ITypographyProps {
     transform?: TTypographyTransform;
     weight?: TTypographyWeight;
     cssClasses?: string;
+    style?: React.CSSProperties;
+    color?: TTypographyColor;
 }
 export declare type TTypographyTransform = Any.Keys<typeof TYPOGRAPHY_TRANSFORM>;
 export declare type TTypographyVariantTypes = TTypographyComponentTypes;
 export declare type TTypographyWeight = Any.Keys<typeof TYPOGRAPHY_WEIGHT>;
+export declare type TTypographyColor = Any.Keys<typeof TYPOGRAPHY_COLORS>;

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

@@ -1,3 +1,4 @@
 import '@auroraComponents/typography/typography_constants';
 import 'ts-toolbelt';
+import 'react';
 //# sourceMappingURL=typography_types.js.map

package/build/esm/packages/aurora/src/components/typography/typography_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAAqF,mDAAmD,CAAC;AACzI,OAAoB,aAAa,CAAC"}
+{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAKO,mDAAmD,CAAC;AAC3D,OAAoB,aAAa,CAAC;AAClC,OAAkB,OAAO,CAAC"}

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

@@ -1,6 +1,6 @@
 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/** Checkbox Variables */\n/** CheckboxSwitch Variables */\n.main-module_checkbox__2sgoE {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  flex: 0 0 auto;\n  width: 21px;\n  height: 21px;\n  border-radius: 3px;\n  transition: box-shadow 0.15s ease-in;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox__2sgoE:active,\n.main-module_checkbox__2sgoE:focus {\n  box-shadow: 0 0 0 10px rgba(223, 234, 252, 0.3);\n}\n.main-module_checkbox__2sgoE + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n  border: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n}\n.main-module_checkbox_disabled__3Y85R label[for] {\n  cursor: default;\n}\n.main-module_checkbox__control__3e-0S {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 1;\n}\n.main-module_checkbox__control__3e-0S:focus + .main-module_checkbox__label__1ZVOw {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transition: background-color 0.2s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 12px;\n  fill: #fff;\n}\n.main-module_checkbox-switch__3LtoF {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  width: 2.143rem;\n  height: 1.215rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox-switch__3LtoF + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox-switch_additional__ZT3SO {\n  display: flex;\n  justify-content: space-between;\n  margin-left: 3.143rem;\n  align-items: baseline;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP::after {\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover {\n  border-color: #ececec;\n  box-shadow: none;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: none;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW label[for] {\n  cursor: default;\n}\n.main-module_checkbox-switch__control__taJUd {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  opacity: 1;\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  transform: translate3d(calc(2.143rem - 100%), 0, 0);\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP {\n  display: inline-block;\n  width: 100%;\n  height: 58.9%;\n  border: 1px solid transparent;\n  background-color: #abb4cd;\n  border-radius: 18px;\n  cursor: pointer;\n  transition: box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n}\n.main-module_checkbox-switch__label__1lxKP:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  position: absolute;\n  right: 3px;\n  top: 3px;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 10px;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H g {\n  transition: fill 0.2s ease-out;\n  fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP::after {\n  content: '';\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  width: 56.7%;\n  height: 100%;\n  transition: transform 0.1s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  border: 1px solid #abb4cd;\n  border-radius: 50%;\n  background-color: #fff;\n  transform: translate3d(0, 0, 0);\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Checkbox Variables */\n/** CheckboxSwitch Variables */\n.main-module_checkbox__2sgoE {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  flex: 0 0 auto;\n  width: 21px;\n  height: 21px;\n  border-radius: 3px;\n  transition: box-shadow 0.15s ease-in;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox__2sgoE:active,\n.main-module_checkbox__2sgoE:focus {\n  box-shadow: 0 0 0 10px rgba(223, 234, 252, 0.3);\n}\n.main-module_checkbox__2sgoE + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n  border: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  background-color: #ececec;\n}\n.main-module_checkbox_disabled__3Y85R label[for] {\n  cursor: default;\n}\n.main-module_checkbox__control__3e-0S {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 1;\n  fill: #fff;\n}\n.main-module_checkbox__control__3e-0S:focus + .main-module_checkbox__label__1ZVOw {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transition: background-color 0.2s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.main-module_checkbox__label__1ZVOw:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 12px;\n  fill: #fff;\n}\n.main-module_checkbox-switch__3LtoF {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  width: 2.143rem;\n  height: 1.215rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_checkbox-switch__3LtoF + * {\n  margin-left: 1rem;\n}\n.main-module_checkbox-switch_additional__ZT3SO {\n  display: flex;\n  justify-content: space-between;\n  margin-left: 3.143rem;\n  align-items: baseline;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP::after {\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover {\n  border-color: #ececec;\n  box-shadow: none;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: none;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  background-color: #ececec;\n  border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW label[for] {\n  cursor: default;\n}\n.main-module_checkbox-switch__control__taJUd {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  opacity: 1;\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n  transform: translate3d(calc(2.143rem - 100%), 0, 0);\n  border-color: #3c83ec;\n  background-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP {\n  display: inline-block;\n  width: 100%;\n  height: 58.9%;\n  border: 1px solid transparent;\n  background-color: #abb4cd;\n  border-radius: 18px;\n  cursor: pointer;\n  transition: box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n}\n.main-module_checkbox-switch__label__1lxKP:hover {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP:hover::after {\n  box-shadow: 0 0 3px 0 #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n  position: absolute;\n  right: 3px;\n  top: 3px;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-in;\n  width: 10px;\n  fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H g {\n  transition: fill 0.2s ease-out;\n  fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP::after {\n  content: '';\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  width: 56.7%;\n  height: 100%;\n  transition: transform 0.1s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n  border: 1px solid #abb4cd;\n  border-radius: 50%;\n  background-color: #fff;\n  transform: translate3d(0, 0, 0);\n}\n";
 var cssClasses = {"checkbox":"main-module_checkbox__2sgoE","checkbox_disabled":"main-module_checkbox_disabled__3Y85R","checkbox__label":"main-module_checkbox__label__1ZVOw","checkbox__control":"main-module_checkbox__control__3e-0S","checkbox__icon":"main-module_checkbox__icon__NDnjv","checkbox-switch":"main-module_checkbox-switch__3LtoF","checkbox-switch_additional":"main-module_checkbox-switch_additional__ZT3SO","checkbox-switch_disabled":"main-module_checkbox-switch_disabled__3a-RW","checkbox-switch__label":"main-module_checkbox-switch__label__1lxKP","checkbox-switch__control":"main-module_checkbox-switch__control__taJUd","checkbox-switch__icon":"main-module_checkbox-switch__icon__8jJ0H"};
 styleInject(css_248z);
 

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

@@ -1,6 +1,6 @@
 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_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n";
+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_controls__1yrPe:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n  fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n  color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n  display: flex;\n  align-items: flex-start;\n  margin-left: -0.25rem;\n  margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n  min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n  flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n  margin-left: 0;\n  margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n  flex: 0 1 100%;\n  max-width: 100%;\n  padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n  flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n  flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n  flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n  flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n  content: attr(data-prefix);\n  position: absolute;\n  left: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n  padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n  content: attr(data-postfix);\n  position: absolute;\n  right: 0.965em;\n  z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n  padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n  flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n  justify-content: space-between;\n  align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n  display: flex;\n  align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n  display: flex;\n  align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n  display: flex;\n  justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n  display: flex;\n  align-items: center;\n  color: #2d3748;\n  margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n  display: flex;\n  margin-top: -0.25rem;\n  margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n  margin-top: 0.4rem;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #e60c54;\n  text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n  cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n  padding: 0.5rem;\n  background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n  list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  color: #5c657e;\n  margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n  margin-left: 2.5rem;\n  margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n  margin-left: 0.8rem;\n  border-left: 1px solid #d0e6ff;\n  padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n  margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n  position: absolute;\n  left: 1.25rem;\n  pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n  align-items: center;\n  position: relative;\n  display: flex;\n}\ninput,\ntextarea {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  color: #5c657e;\n  background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\ntextarea {\n  min-height: 8rem;\n  resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n  option {\n    font-size: 12px;\n    font-size: 0.8571428571428571rem;\n  }\n}\n";
 var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_vtop":"main-module_controls__element_vtop__257yQ","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-info":"main-module_controls__additional-info__3yRra","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/css/message-box/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_message-box__2eSFA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  padding: 1rem;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #ebeffa;\n  border-radius: 3px;\n  color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n  background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93E';\n  color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n  color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n  background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n  color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n  background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93D';\n  color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n  background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n  width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n  border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n  content: '';\n  display: block;\n  position: absolute;\n  border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n  top: -10px;\n  left: 9px;\n  border-width: 5px;\n  border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n  left: auto;\n  right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n  left: auto;\n  right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n  border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n  justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: inherit;\n  text-decoration: none;\n  position: relative;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 18px;\n  font-size: 1.2857142857142858rem;\n  color: #abb4cd;\n  margin-right: 1rem;\n  content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n  display: flex;\n  margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n  margin-right: 0;\n  content: '';\n}\n.main-module_message-box__content__zxfHd {\n  max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n  font-size: 16px;\n  font-size: 1.1428571428571428rem;\n  font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n  .main-module_message-box__2eSFA {\n    justify-content: center;\n  }\n  .main-module_message-box__content__zxfHd {\n    max-width: 100%;\n  }\n}\n";
-var cssClasses = {"message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
+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__3TzzF {\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__3TzzF * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  padding: 1rem;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #ebeffa;\n  border-radius: 3px;\n  color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n  display: inline-flex;\n  margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n  background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93E';\n  color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n  color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n  background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n  color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n  background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93D';\n  color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n  background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n  width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n  border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n  content: '';\n  display: block;\n  position: absolute;\n  border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n  top: -10px;\n  left: 9px;\n  border-width: 5px;\n  border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n  left: auto;\n  right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n  left: auto;\n  right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n  border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n  justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: inherit;\n  text-decoration: none;\n  position: relative;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 18px;\n  font-size: 1.2857142857142858rem;\n  color: #abb4cd;\n  margin-right: 1rem;\n  content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n  display: flex;\n  margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n  margin-right: 0;\n  content: '';\n}\n.main-module_message-box__content__zxfHd {\n  max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n  font-size: 16px;\n  font-size: 1.1428571428571428rem;\n  font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n  .main-module_message-box__2eSFA {\n    justify-content: center;\n  }\n  .main-module_message-box__content__zxfHd {\n    max-width: 100%;\n  }\n}\n";
+var cssClasses = {"link":"main-module_link__3TzzF","message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/packages/aurora/src/css/slide/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@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__close-btn-wrapper__2xmw9 {\n  width: 100%;\n  border-bottom: 1px solid #abb4cd;\n  background-color: #fff;\n  text-align: left;\n  box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 1.5rem 1rem 1.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
-var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__close-btn-wrapper":"main-module_slide__close-btn-wrapper__2xmw9","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.main-module_slide__header__11UTh {\n  width: 100%;\n  border-bottom: 1px solid #abb4cd;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n  flex: 1;\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  padding: 1.5rem 1rem 1.5rem 1rem;\n  background-color: #fff;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
 styleInject(css_248z);
 
 export default cssClasses;

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".main-module_stack__3-jiz {\n  display: flex;\n}\n.main-module_stack_inline__3_yIz {\n  display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n  align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n  align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n  align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n  align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n  align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n  align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n  align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n  align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n  align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n  align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n  align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n  align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n  align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n  align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n  flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n  flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n  flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n  flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n  flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n  flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n  flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n  flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n  flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n  flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n  flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n  flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n  flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n  flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n  flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n  flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n  flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n  flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n  flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n  flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n  flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n  flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n  flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n  flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n  flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n  flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n  flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n  flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n  flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n  flex-direction: unset;\n}\n";
+var css_248z = ".main-module_stack__3-jiz {\n  display: flex;\n}\n.main-module_stack_inline__3_yIz {\n  display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n  align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n  align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n  align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n  align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n  align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n  align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n  align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n  align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n  align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n  align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n  align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n  align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n  align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n  align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n  justify-content: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n  justify-content: start;\n}\n.main-module_stack_justify_end__2bxER {\n  justify-content: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n  justify-content: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n  justify-content: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n  justify-content: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n  justify-content: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n  justify-content: normal;\n}\n.main-module_stack_justify_revert__178VV {\n  justify-content: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n  justify-content: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n  justify-content: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n  justify-content: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n  justify-content: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n  justify-content: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n  justify-content: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n  justify-content: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n  flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n  flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n  flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n  flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n  flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n  flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n  flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n  flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n  flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n  flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n  flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n  flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n  flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n  flex-direction: unset;\n}\n";
 var cssClasses = {"stack":"main-module_stack__3-jiz","stack_inline":"main-module_stack_inline__3_yIz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
 styleInject(css_248z);