@dreamcommerce/aurora 2.1.15 → 2.1.17

package/build/cjs/packages/aurora/src/assets/icon_arrow_down.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconArrowDown = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${main_module['default'][`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
+        React__default['default'].createElement("path", { d: "m6.0927 6.9733-0.15586 7e-4c-0.15777-0.01015-0.3128-0.07934-0.43316-0.20751l-5.3055-5.5041c-0.26078-0.27769-0.2601-0.72708 0.001525-1.0037 0.26162-0.27666 0.68512-0.27583 0.9459 0.001867l4.8617 5.0435 4.8196-5.0872c0.2584-0.28004 0.6818-0.2847 0.9458-0.010405 0.264 0.27429 0.2685 0.72366 0.01 1.0037l-5.2586 5.5518c-0.11927 0.12925-0.2737 0.19983-0.43138 0.21141z", clipRule: "evenodd", fillRule: "evenodd" }))));
+
+exports.default = IconArrowDown;
+//# sourceMappingURL=icon_arrow_down.js.map

package/build/cjs/packages/aurora/src/assets/icon_arrow_down.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/assets/icon_desktop.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconDesktop = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React__default['default'].createElement("path", { d: "M.987.812c-.329.092-.668.36-.822.65-.173.325-.164.046-.165 4.993 0 3.115.009 4.544.029 4.653.087.479.484.907.956 1.03.16.042.433.046 3.262.047l3.086.002v2.4H4.356l-.145.073a.392.392 0 0 0-.218.218c-.062.123-.073.178-.073.362 0 .287.08.46.263.567l.124.073 1.846.013c1.016.008 2.678.008 3.694 0l1.846-.013.124-.073c.183-.107.263-.28.263-.567 0-.184-.011-.239-.073-.362a.392.392 0 0 0-.218-.218l-.145-.073H8.667v-2.4l3.086-.002c2.829-.001 3.102-.005 3.262-.047.472-.123.869-.551.956-1.03.02-.109.029-1.534.029-4.64-.001-4.922.007-4.684-.163-5.002-.103-.193-.386-.47-.572-.558-.3-.142.12-.134-7.278-.132-5.459.002-6.905.009-7 .036m13.68 5.655v4.386H1.333V2.08h13.334v4.387", fillRule: "evenodd" }))));
+
+exports.default = IconDesktop;
+//# sourceMappingURL=icon_desktop.js.map

package/build/cjs/packages/aurora/src/assets/icon_desktop.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/assets/icon_laptop.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconLaptop = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React__default['default'].createElement("path", { d: "M2.567 1.56a1.366 1.366 0 0 0-1.008 1.019c-.032.153-.038.812-.039 4.201v4.02l-.641 1.602a55.686 55.686 0 0 1-.682 1.665c-.058.089-.116.324-.117.473 0 .158.082.34.202.445.198.174-.377.162 7.718.162s7.52.012 7.718-.162a.64.64 0 0 0 .202-.432c0-.136-.067-.409-.12-.491a60.863 60.863 0 0 1-.679-1.66L14.48 10.8V6.78c-.001-3.389-.007-4.048-.039-4.201a1.358 1.358 0 0 0-1.02-1.02c-.262-.055-10.599-.054-10.854.001m10.58 4.92v3.627H2.853V2.853h10.294V6.48m.624 6.107c.258.645.469 1.185.469 1.2 0 .017-.67.026-1.953.026h-1.954l-.16-.312c-.172-.337-.287-.458-.487-.513-.136-.038-3.236-.038-3.372 0-.2.055-.315.176-.487.513l-.16.312H3.713c-1.283 0-1.953-.009-1.953-.026 0-.015.211-.555.469-1.2l.47-1.174h10.602l.47 1.174", fillRule: "evenodd" }))));
+
+exports.default = IconLaptop;
+//# sourceMappingURL=icon_laptop.js.map

package/build/cjs/packages/aurora/src/assets/icon_laptop.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/assets/icon_mobile.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconMobile = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React__default['default'].createElement("path", { d: "M3.947 1.064c-.239.077-.376.16-.55.334a1.248 1.248 0 0 0-.341.574c-.039.131-.043.695-.043 6.028 0 6.453-.011 5.981.153 6.306.087.17.358.441.528.528.319.161.105.153 3.815.153 3.255 0 3.4-.002 3.555-.051.211-.066.387-.18.569-.371.176-.184.278-.375.329-.615.056-.264.056-11.636 0-11.9a1.212 1.212 0 0 0-.329-.615 1.296 1.296 0 0 0-.569-.371c-.156-.049-.298-.051-3.566-.049-3.188.001-3.414.004-3.551.049M10.667 8v5.68L7.5 13.673l-3.167-.006-.007-5.64c-.003-3.102-.001-5.655.006-5.674.01-.026.67-.033 3.174-.033h3.161V8m-3.641 3.89a.702.702 0 0 0-.377.832.689.689 0 0 0 1.109.327.69.69 0 0 0-.171-1.159.831.831 0 0 0-.561 0", fillRule: "evenodd" }))));
+
+exports.default = IconMobile;
+//# sourceMappingURL=icon_mobile.js.map

package/build/cjs/packages/aurora/src/assets/icon_mobile.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/assets/icon_tablet.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const IconTablet = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React__default['default'].createElement("path", { d: "M.99 2.335a1.316 1.316 0 0 0-.621.38c-.189.203-.3.419-.341.668C.007 3.509 0 4.982.006 8.493l.007 4.934.064.16c.182.456.531.758.986.855.265.056 13.609.056 13.874 0 .455-.097.804-.399.986-.855l.064-.16.007-4.934c.006-3.414-.001-4.986-.021-5.106a1.265 1.265 0 0 0-.371-.697 1.25 1.25 0 0 0-.607-.357C14.768 2.274 1.21 2.276.99 2.335m13.677 6.052v4.76H1.333v-9.52h13.334v4.76M12.733 7.16a.386.386 0 0 0-.253.28c-.019.069-.026.422-.021.993.007.788.013.898.055.983.071.142.213.211.436.211.24 0 .351-.055.43-.213.059-.116.06-.138.06-1.034 0-.98-.005-1.025-.137-1.144-.122-.111-.375-.145-.57-.076", fillRule: "evenodd" }))));
+
+exports.default = IconTablet;
+//# sourceMappingURL=icon_tablet.js.map

package/build/cjs/packages/aurora/src/assets/icon_tablet.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const accordionBaseCssClass = 'accordion';
+var CSS_CLASSES = {
+    accordion: accordionBaseCssClass,
+    accordionHeader: `${accordionBaseCssClass}__header`,
+    accordionContent: `${accordionBaseCssClass}__content`,
+    accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"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/cjs/packages/aurora/src/components/accordion/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('./css_classes.js');
+var icon_arrow_down = require('../../assets/icon_arrow_down.js');
+var main_module = require('../../css/accordion/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Accordion = ({ id, title, isOpened = false, children }) => {
+    const [isOpen, setIsOpen] = React.useState(isOpened);
+    const handleOnClick = () => {
+        setIsOpen(!isOpen);
+    };
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordion] },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
+            title,
+            React__default['default'].createElement(icon_arrow_down['default'], { size: "m", className: `${isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : ''}` })),
+        isOpen && (React__default['default'].createElement("div", { id: id, className: main_module['default'][css_classes['default'].accordionContent] }, children))));
+};
+
+exports.default = Accordion;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -24,7 +24,7 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
     const { isOpen } = React.useContext(index.DropdownContext);
     const classes = useStyles({ color });
     React.useEffect(() => {
-        if (isOpen) {
+        if (isOpen && color.hex) {
             setInitialColor(color);
         }
         // eslint-disable-next-line

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

@@ -48,7 +48,7 @@ const PureColorPicker = ({ hideChooseCancelButtons }) => {
     const hueSliderRef = React.useRef(null);
     const classes = useStyles({ color, saturationLightnessPointer, hueSliderPointer, screenName });
     React.useEffect(() => {
-        const initialColor = utilities.getColorFromHex(color.hex);
+        const initialColor = utilities.getColorFromHex(color.hex || '#ffffff');
         setNewColorPickerPositions(initialColor);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -86,7 +86,7 @@ const PureColorPicker = ({ hideChooseCancelButtons }) => {
             React__default['default'].createElement("div", { className: `${classes.preview} ${main_module['default'][css_classes.cssColorPickerPreview]}` }),
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerInputContainer] },
                 React__default['default'].createElement("span", null, "#"),
-                React__default['default'].createElement(input['default'], { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex.replace(/#/g, ''), onChange: inputOnChange }))),
+                React__default['default'].createElement(input['default'], { id: "color-picker-id", value: (color.hex || '').replace(/#/g, ''), onChange: inputOnChange }))),
         !hideChooseCancelButtons && React__default['default'].createElement(buttons['default'], { restoreInitialColor: restoreInitialColor })));
 };
 const ColorPickerWithContext = ({ initialColor, onChange, hideChooseCancelButtons, name }) => {

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

@@ -16,12 +16,12 @@ var color_converter = require('../../utilities/colors/color_converter.js');
  */
 const getIndicatorPositionsFromHEX = ({ saturationLightnessPanelRef, hueSliderRef, hex }) => {
     var _a, _b;
-    const { hue, saturation, lightness } = color_converter.ColorConverter.hex2hsl(hex);
+    const { hue, saturation, value } = color_converter.ColorConverter.hex2hsv(hex);
     const { width = 0, height = 0 } = ((_a = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
     const hueSliderRect = (_b = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
     const saturationLightnessPointer = {
         left: range_mappings.constrainToRange((saturation * width) / constants.MAX_SATURATION_VALUE, 0, width),
-        top: range_mappings.constrainToRange((lightness * height) / constants.MAX_LIGHTNESS_VALUE, 0, height)
+        top: range_mappings.constrainToRange(((constants.MAX_LIGHTNESS_VALUE - value) * height) / constants.MAX_LIGHTNESS_VALUE, 0, height)
     };
     const hueSliderPointer = {
         top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / constants.MAX_HUE_VALUE),

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var reactDom = require('react-dom');
+var main_module$1 = require('../../../css/icons/main.module.less.js');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
-var main_module$1 = require('../../../css/icons/main.module.less.js');
 var classNames = require('../../../utilities/styles/classNames.js');
 var reactTransitionGroup = require('react-transition-group');
 var constants = require('../constants.js');

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const cssStack = 'stack';
+
+exports.cssStack = cssStack;
+//# sourceMappingURL=css_classes.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var main_module = require('../../css/stack/main.module.less.js');
+var css_classes = require('./css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const Stack = ({ children, gap = 0, className = '' }) => {
+    const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack]);
+    const additionalStackClasses = className.split(' ').reduce((classes, currClass) => `${classes} ${main_module['default'][currClass]}`, '');
+    return (React__default['default'].createElement("div", { className: `${stackClass} ${additionalStackClasses}`, style: { gap: `${gap}px` } }, children));
+};
+
+exports.default = Stack;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../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_accordion__qbc72 {\n  background-color: #f3f4f8;\n  border: 1px solid #abb4cd;\n  border-radius: 2px;\n  overflow: hidden;\n}\n.main-module_accordion__qbc72:not(:last-child) {\n  margin-bottom: 8px;\n}\n.main-module_accordion__header__28z7_ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 8px;\n  font-weight: 600;\n  cursor: pointer;\n}\n.main-module_accordion__content__3c3tq {\n  padding: 8px;\n  border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n  transform: rotate(180deg);\n}\n";
+var cssClasses = {"accordion":"main-module_accordion__qbc72","accordion__header":"main-module_accordion__header__28z7_","accordion__content":"main-module_accordion__content__3c3tq","accordion__icon_rotate-180":"main-module_accordion__icon_rotate-180__1tqnh"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".main-module_stack__3-jiz {\n  display: flex;\n}\n.main-module_stack_align-items-baseline__31Tw4 {\n  align-items: baseline;\n}\n.main-module_stack_align-items-center__1uzRb {\n  align-items: center;\n}\n.main-module_stack_align-items-start__DYrFq {\n  align-items: start;\n}\n.main-module_stack_align-items-end__2gJj_ {\n  align-items: end;\n}\n.main-module_stack_align-items-flex-start__13bgp {\n  align-items: flex-start;\n}\n.main-module_stack_align-items-flex-end__161GZ {\n  align-items: flex-end;\n}\n.main-module_stack_align-items-inherit__kq4bz {\n  align-items: inherit;\n}\n.main-module_stack_align-items-initial__291zn {\n  align-items: initial;\n}\n.main-module_stack_align-items-normal__183VG {\n  align-items: normal;\n}\n.main-module_stack_align-items-revert__1Jb4e {\n  align-items: revert;\n}\n.main-module_stack_align-items-self-start__1q0r- {\n  align-items: self-start;\n}\n.main-module_stack_align-items-self-end__2k3pe {\n  align-items: self-end;\n}\n.main-module_stack_align-items-stretch__12IQr {\n  align-items: stretch;\n}\n.main-module_stack_align-items-unset__1xnmf {\n  align-items: unset;\n}\n.main-module_stack_justify-content-center__1oE5M {\n  justify-content: center;\n}\n.main-module_stack_justify-content-start__3zvrv {\n  justify-content: start;\n}\n.main-module_stack_justify-content-end__1568v {\n  justify-content: end;\n}\n.main-module_stack_justify-content-flex-start__3xTR9 {\n  justify-content: flex-start;\n}\n.main-module_stack_justify-content-flex-end__3FGCG {\n  justify-content: flex-end;\n}\n.main-module_stack_justify-content-inherit__35RKh {\n  justify-content: inherit;\n}\n.main-module_stack_justify-content-initial__CxI5M {\n  justify-content: initial;\n}\n.main-module_stack_justify-content-normal__eAOea {\n  justify-content: normal;\n}\n.main-module_stack_justify-content-revert__1ZtMX {\n  justify-content: revert;\n}\n.main-module_stack_justify-content-left__2OL0g {\n  justify-content: left;\n}\n.main-module_stack_justify-content-right__tlOVf {\n  justify-content: right;\n}\n.main-module_stack_justify-content-space-around__22hyd {\n  justify-content: space-around;\n}\n.main-module_stack_justify-content-space-between__1nscR {\n  justify-content: space-between;\n}\n.main-module_stack_justify-content-space-evenly__3PaY0 {\n  justify-content: space-evenly;\n}\n.main-module_stack_justify-content-stretch__HrI5y {\n  justify-content: stretch;\n}\n.main-module_stack_justify-content-unset__DggB1 {\n  justify-content: unset;\n}\n.main-module_stack_flex-wrap-wrap__2QhFT {\n  flex-wrap: wrap;\n}\n.main-module_stack_flex-wrap-nowrap__Clghp {\n  flex-wrap: nowrap;\n}\n.main-module_stack_flex-wrap-wrap-reverse__GyvVJ {\n  flex-wrap: wrap-reverse;\n}\n.main-module_stack_flex-wrap-inherit__1uCpC {\n  flex-wrap: inherit;\n}\n.main-module_stack_flex-wrap-initial__fG8N- {\n  flex-wrap: initial;\n}\n.main-module_stack_flex-wrap-revert__1qVY2 {\n  flex-wrap: revert;\n}\n.main-module_stack_flex-wrap-unset__2l6wr {\n  flex-wrap: unset;\n}\n";
+var cssClasses = {"stack":"main-module_stack__3-jiz","stack_align-items-baseline":"main-module_stack_align-items-baseline__31Tw4","stack_align-items-center":"main-module_stack_align-items-center__1uzRb","stack_align-items-start":"main-module_stack_align-items-start__DYrFq","stack_align-items-end":"main-module_stack_align-items-end__2gJj_","stack_align-items-flex-start":"main-module_stack_align-items-flex-start__13bgp","stack_align-items-flex-end":"main-module_stack_align-items-flex-end__161GZ","stack_align-items-inherit":"main-module_stack_align-items-inherit__kq4bz","stack_align-items-initial":"main-module_stack_align-items-initial__291zn","stack_align-items-normal":"main-module_stack_align-items-normal__183VG","stack_align-items-revert":"main-module_stack_align-items-revert__1Jb4e","stack_align-items-self-start":"main-module_stack_align-items-self-start__1q0r-","stack_align-items-self-end":"main-module_stack_align-items-self-end__2k3pe","stack_align-items-stretch":"main-module_stack_align-items-stretch__12IQr","stack_align-items-unset":"main-module_stack_align-items-unset__1xnmf","stack_justify-content-center":"main-module_stack_justify-content-center__1oE5M","stack_justify-content-start":"main-module_stack_justify-content-start__3zvrv","stack_justify-content-end":"main-module_stack_justify-content-end__1568v","stack_justify-content-flex-start":"main-module_stack_justify-content-flex-start__3xTR9","stack_justify-content-flex-end":"main-module_stack_justify-content-flex-end__3FGCG","stack_justify-content-inherit":"main-module_stack_justify-content-inherit__35RKh","stack_justify-content-initial":"main-module_stack_justify-content-initial__CxI5M","stack_justify-content-normal":"main-module_stack_justify-content-normal__eAOea","stack_justify-content-revert":"main-module_stack_justify-content-revert__1ZtMX","stack_justify-content-left":"main-module_stack_justify-content-left__2OL0g","stack_justify-content-right":"main-module_stack_justify-content-right__tlOVf","stack_justify-content-space-around":"main-module_stack_justify-content-space-around__22hyd","stack_justify-content-space-between":"main-module_stack_justify-content-space-between__1nscR","stack_justify-content-space-evenly":"main-module_stack_justify-content-space-evenly__3PaY0","stack_justify-content-stretch":"main-module_stack_justify-content-stretch__HrI5y","stack_justify-content-unset":"main-module_stack_justify-content-unset__DggB1","stack_flex-wrap-wrap":"main-module_stack_flex-wrap-wrap__2QhFT","stack_flex-wrap-nowrap":"main-module_stack_flex-wrap-nowrap__Clghp","stack_flex-wrap-wrap-reverse":"main-module_stack_flex-wrap-wrap-reverse__GyvVJ","stack_flex-wrap-inherit":"main-module_stack_flex-wrap-inherit__1uCpC","stack_flex-wrap-initial":"main-module_stack_flex-wrap-initial__fG8N-","stack_flex-wrap-revert":"main-module_stack_flex-wrap-revert__1qVY2","stack_flex-wrap-unset":"main-module_stack_flex-wrap-unset__2l6wr"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

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

package/build/cjs/packages/aurora/src/utilities/colors/color_converter.js

@@ -5,14 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('../../../../../external/color-convert/index.js');
 
 class ColorConverter {
-    static hex2hsl(value) {
-        const valueToConvert = value.startsWith('#') ? value.substring(1) : value;
-        const [hue, saturation, lightness] = index['default'].hex.hsl(valueToConvert);
+    static hex2hsl(hex) {
+        if (!hex)
+            return { hue: 0, saturation: 0, lightness: 100 };
+        const hexToConvert = hex.startsWith('#') ? hex.substring(1) : hex;
+        const [hue, saturation, lightness] = index['default'].hex.hsl(hexToConvert);
         return { hue, saturation, lightness };
     }
     static hsl2hex({ hue, saturation, lightness }) {
         return `#${index['default'].hsl.hex([hue, saturation, lightness])}`;
     }
+    static hex2hsv(hex) {
+        if (!hex)
+            return { hue: 0, saturation: 0, value: 100 };
+        const hexToConvert = hex.startsWith('#') ? hex.substring(1) : hex;
+        const [hue, saturation, value] = index['default'].hex.hsv(hexToConvert);
+        return { hue, saturation, value };
+    }
 }
 
 exports.ColorConverter = ColorConverter;

package/build/cjs/packages/aurora/src/utilities/colors/color_converter.js.map

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

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

package/build/esm/packages/aurora/src/assets/icon_arrow_down.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
+import Icon from './icon.js';
+
+const IconArrowDown = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${cssClasses[`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "m6.0927 6.9733-0.15586 7e-4c-0.15777-0.01015-0.3128-0.07934-0.43316-0.20751l-5.3055-5.5041c-0.26078-0.27769-0.2601-0.72708 0.001525-1.0037 0.26162-0.27666 0.68512-0.27583 0.9459 0.001867l4.8617 5.0435 4.8196-5.0872c0.2584-0.28004 0.6818-0.2847 0.9458-0.010405 0.264 0.27429 0.2685 0.72366 0.01 1.0037l-5.2586 5.5518c-0.11927 0.12925-0.2737 0.19983-0.43138 0.21141z", clipRule: "evenodd", fillRule: "evenodd" }))));
+
+export default IconArrowDown;
+//# sourceMappingURL=icon_arrow_down.js.map