@dreamcommerce/aurora 2.1.15 → 2.1.17

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

package/build/esm/packages/aurora/src/assets/icon_desktop.d.ts

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './icon.js';
+
+const IconDesktop = ({ className = '' }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React.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" }))));
+
+export default IconDesktop;
+//# sourceMappingURL=icon_desktop.js.map

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

package/build/esm/packages/aurora/src/assets/icon_laptop.d.ts

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './icon.js';
+
+const IconLaptop = ({ className = '' }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React.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" }))));
+
+export default IconLaptop;
+//# sourceMappingURL=icon_laptop.js.map

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

package/build/esm/packages/aurora/src/assets/icon_mobile.d.ts

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './icon.js';
+
+const IconMobile = ({ className = '' }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React.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" }))));
+
+export default IconMobile;
+//# sourceMappingURL=icon_mobile.js.map

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

package/build/esm/packages/aurora/src/assets/icon_tablet.d.ts

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Icon from './icon.js';
+
+const IconTablet = ({ className = '' }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "16", height: "16", xmlns: "http://www.w3.org/2000/svg", className: className || '' },
+        React.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" }))));
+
+export default IconTablet;
+//# sourceMappingURL=icon_tablet.js.map

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

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    accordion: string;
+    accordionHeader: string;
+    accordionContent: string;
+    accordionIconRotate180: string;
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+const accordionBaseCssClass = 'accordion';
+var CSS_CLASSES = {
+    accordion: accordionBaseCssClass,
+    accordionHeader: `${accordionBaseCssClass}__header`,
+    accordionContent: `${accordionBaseCssClass}__content`,
+    accordionIconRotate180: `${accordionBaseCssClass}__icon_rotate-180`
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

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

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

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

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import CSS_CLASSES from './css_classes.js';
+import IconArrowDown from '../../assets/icon_arrow_down.js';
+import cssClasses from '../../css/accordion/main.module.less.js';
+
+const Accordion = ({ id, title, isOpened = false, children }) => {
+    const [isOpen, setIsOpen] = useState(isOpened);
+    const handleOnClick = () => {
+        setIsOpen(!isOpen);
+    };
+    return (React.createElement("div", { className: cssClasses[CSS_CLASSES.accordion] },
+        React.createElement("div", { className: cssClasses[CSS_CLASSES.accordionHeader], onClick: handleOnClick, "aria-expanded": isOpen, "aria-controls": id },
+            title,
+            React.createElement(IconArrowDown, { size: "m", className: `${isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : ''}` })),
+        isOpen && (React.createElement("div", { id: id, className: cssClasses[CSS_CLASSES.accordionContent] }, children))));
+};
+
+export default Accordion;
+//# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare type IAccordionProps = {
+    id: string;
+    title: string;
+    isOpened?: boolean;
+    children: ReactNode;
+};

package/build/esm/packages/aurora/src/components/accordion/types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

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

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

package/build/esm/packages/aurora/src/components/color_picker/components/hue_picker.d.ts

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

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

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

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

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

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

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

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

@@ -25,7 +25,7 @@ export interface IColorPickerProps extends IPureColorPickerProps {
     name?: string;
 }
 export interface IColorPickerContextProps {
-    color: IColor;
+    color: Omit<IColor, 'hex'> & Pick<Partial<IColor>, 'hex'>;
     screenName: string;
     initialColor: IColor;
     setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;

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

@@ -12,12 +12,12 @@ import { ColorConverter } from '../../utilities/colors/color_converter.js';
  */
 const getIndicatorPositionsFromHEX = ({ saturationLightnessPanelRef, hueSliderRef, hex }) => {
     var _a, _b;
-    const { hue, saturation, lightness } = ColorConverter.hex2hsl(hex);
+    const { hue, saturation, value } = 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: constrainToRange((saturation * width) / MAX_SATURATION_VALUE, 0, width),
-        top: constrainToRange((lightness * height) / MAX_LIGHTNESS_VALUE, 0, height)
+        top: constrainToRange(((MAX_LIGHTNESS_VALUE - value) * height) / MAX_LIGHTNESS_VALUE, 0, height)
     };
     const hueSliderPointer = {
         top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / MAX_HUE_VALUE),

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

@@ -1,11 +1,11 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { createPortal } from 'react-dom';
+import cssClasses$1 from '../../../css/icons/main.module.less.js';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
-import cssClasses$1 from '../../../css/icons/main.module.less.js';
 import { classNames } from '../../../utilities/styles/classNames.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface IHeadingProps {
-    as: string;
+    as?: string;
     isSubheading?: boolean;
     withHeadline?: boolean;
     children?: React.ReactNode;

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

@@ -0,0 +1 @@
+export declare const cssStack = "stack";

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

@@ -0,0 +1,4 @@
+const cssStack = 'stack';
+
+export { cssStack };
+//# sourceMappingURL=css_classes.js.map

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '../../css/stack/main.module.less.js';
+import { cssStack } from './css_classes.js';
+
+const Stack = ({ children, gap = 0, className = '' }) => {
+    const stackClass = classnames(cssClasses[cssStack]);
+    const additionalStackClasses = className.split(' ').reduce((classes, currClass) => `${classes} ${cssClasses[currClass]}`, '');
+    return (React.createElement("div", { className: `${stackClass} ${additionalStackClasses}`, style: { gap: `${gap}px` } }, children));
+};
+
+export default Stack;
+//# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type TStackProps = {
+    className?: string;
+    children?: React.ReactNode;
+    gap?: number;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=stack_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack_types.js","sourceRoot":"","sources":["../../../../../../../src/components/stack/stack_types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.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(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

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

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

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

@@ -0,0 +1,8 @@
+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_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(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

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

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

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

@@ -6,6 +6,7 @@ import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
 import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
 import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
 import AbsoluteModal from "./components/modal/hoc/absolute_modal";
+import Accordion from "./components/accordion";
 /**
  * import components for export
  */
@@ -53,6 +54,10 @@ import IconArrow from "./assets/icon_arrow";
  * Assets
  */
 import IconCalendar from "./assets/icon_calendar";
+import IconDesktop from "./assets/icon_desktop";
+import IconLaptop from "./assets/icon_laptop";
+import IconMobile from "./assets/icon_mobile";
+import IconTablet from "./assets/icon_tablet";
 import IconTick from "./assets/icon_tick";
 import IconWarning from "./assets/icon_warning";
 import Label from "./components/label";
@@ -69,6 +74,7 @@ import SearchListInput from "./components/search_list/components/search_list_inp
 import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
 import Spacing from "./components/spacing";
+import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
 import { TMessageBoxType } from "./components/message-box/types";
 import Table from "./components/table";
@@ -91,7 +97,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconWarning, useToggle };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle };
 /**
  * export types
  */

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

@@ -1,4 +1,5 @@
 export { default as AbsoluteModal } from './components/modal/hoc/absolute_modal/index.js';
+export { default as Accordion } from './components/accordion/index.js';
 export { default as Button } from './components/button/index.js';
 export { default as ButtonsGroup } from './components/buttons_group/index.js';
 export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
@@ -39,6 +40,10 @@ export { default as FlashMessagesList } from './components/flash_messenger/compo
 export { default as FlashMessenger } from './components/flash_messenger/index.js';
 export { default as Gallery } from './components/gallery/index.js';
 export { default as Heading } from './components/heading/index.js';
+export { default as IconDesktop } from './assets/icon_desktop.js';
+export { default as IconLaptop } from './assets/icon_laptop.js';
+export { default as IconMobile } from './assets/icon_mobile.js';
+export { default as IconTablet } from './assets/icon_tablet.js';
 export { default as IconWarning } from './assets/icon_warning.js';
 export { default as Link } from './components/link/index.js';
 export { default as Loader } from './components/loader/index.js';
@@ -50,6 +55,7 @@ export { SearchList } from './components/search_list/components/search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
 export { default as Spacing } from './components/spacing/index.js';
+export { default as Stack } from './components/stack/index.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';
 export { TabsItem } from './components/tabs/components/tabs_item.js';
 export { TabsItemList } from './components/tabs/components/tabs_item_list.js';

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

package/build/esm/packages/aurora/src/utilities/colors/color_converter.d.ts

@@ -1,5 +1,6 @@
-import { THEXColor, THSLColor } from "./types";
+import { THEXColor, THSLColor, THSVColor } from "./types";
 export declare class ColorConverter {
-    static hex2hsl(value: THEXColor): THSLColor;
+    static hex2hsl(hex?: THEXColor): THSLColor;
     static hsl2hex({ hue, saturation, lightness }: THSLColor): THEXColor;
+    static hex2hsv(hex?: THEXColor): THSVColor;
 }

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

@@ -1,14 +1,23 @@
 import colorConvert from '../../../../../external/color-convert/index.js';
 
 class ColorConverter {
-    static hex2hsl(value) {
-        const valueToConvert = value.startsWith('#') ? value.substring(1) : value;
-        const [hue, saturation, lightness] = colorConvert.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] = colorConvert.hex.hsl(hexToConvert);
         return { hue, saturation, lightness };
     }
     static hsl2hex({ hue, saturation, lightness }) {
         return `#${colorConvert.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] = colorConvert.hex.hsv(hexToConvert);
+        return { hue, saturation, value };
+    }
 }
 
 export { ColorConverter };

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

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

@@ -3,4 +3,9 @@ export declare type THSLColor = {
     saturation: number;
     lightness: number;
 };
+export declare type THSVColor = {
+    hue: number;
+    saturation: number;
+    value: number;
+};
 export declare type THEXColor = string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.1.15",
+  "version": "2.1.17",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",