@dreamcommerce/aurora 0.3.21 → 0.3.23

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

@@ -1,49 +1,50 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-import styles from '@auroraCss/color_picker/main.module.less';
-import { getHueFromPosition } from '../utilities';
-import { getIndicatorPositionFromPosition } from '@auroraUtilities/range/range_mappings';
-import { mapMouseEventToPosition, mapTouchEventToPosition, registerOnMouseEvents, registerOnTouchEvents } from '@auroraUtilities/events/event_registration';
-import '../types';
-import { ColorPickerContext } from '@auroraComponents/color_picker/context';
-import { cssColorPickerHuePicker, cssColorPickerPointer, cssColorPickerPointerInside } from '../css_classes';
-import { ColorConverter } from '@auroraUtilities/colors/color_converter';
-var HuePicker = function (_a) {
-    var hueSliderRef = _a.hueSliderRef, classes = _a.classes;
-    var _b = useContext(ColorPickerContext), setColor = _b.setColor, setHueSliderPointer = _b.setHueSliderPointer, screenName = _b.screenName;
-    var onSliderEvent = function (position) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        var hue = getHueFromPosition({
-            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position,
-            screenName: screenName
-        }).hue;
-        var _a = getIndicatorPositionFromPosition({
-            elementRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position
-        }), positionY = _a.positionY, positionX = _a.positionX;
-        setColor(function (color) { return (__assign(__assign({}, color), { hue: hue, hex: ColorConverter.hsl2hex({ hue: hue, saturation: color.saturation, lightness: color.lightness }) })); });
-        setHueSliderPointer({ top: positionY, left: positionX });
-    };
-    var onSliderDown = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(mapMouseEventToPosition(event));
-        registerOnMouseEvents(onSliderEvent);
-    };
-    var onTouchStart = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(mapTouchEventToPosition(event));
-        registerOnTouchEvents(onSliderEvent);
-    };
-    return (React.createElement("div", { className: styles[cssColorPickerHuePicker], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: "".concat(classes.huePointer, " ").concat(styles[cssColorPickerPointer]), onDrag: onSliderEvent, onTouchStart: onTouchStart },
-            React.createElement("div", { className: styles[cssColorPickerPointerInside] }))));
+import { __assign } from '../../../../../../_virtual/_tslib.js';
+import styles from '../../../css/color_picker/main.module.less.js';
+import { getIndicatorPositionFromPosition } from '../../../utilities/range/range_mappings.js';
+import { ColorConverter } from '../../../utilities/colors/color_converter.js';
+import { getHueFromPosition } from '../utilities.js';
+import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition, registerOnTouchEvents } from '../../../utilities/events/event_registration.js';
+import { ColorPickerContext } from '../context.js';
+import { cssColorPickerHuePicker, cssColorPickerPointer, cssColorPickerPointerInside } from '../css_classes.js';
+
+var HuePicker = function (_a) {
+    var hueSliderRef = _a.hueSliderRef, classes = _a.classes;
+    var _b = useContext(ColorPickerContext), setColor = _b.setColor, setHueSliderPointer = _b.setHueSliderPointer, screenName = _b.screenName;
+    var onSliderEvent = function (position) {
+        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
+            return;
+        }
+        var hue = getHueFromPosition({
+            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),
+            position: position,
+            screenName: screenName
+        }).hue;
+        var _a = getIndicatorPositionFromPosition({
+            elementRect: hueSliderRef.current.getBoundingClientRect(),
+            position: position
+        }), positionY = _a.positionY, positionX = _a.positionX;
+        setColor(function (color) { return (__assign(__assign({}, color), { hue: hue, hex: ColorConverter.hsl2hex({ hue: hue, saturation: color.saturation, lightness: color.lightness }) })); });
+        setHueSliderPointer({ top: positionY, left: positionX });
+    };
+    var onSliderDown = function (event) {
+        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
+            return;
+        }
+        onSliderEvent(mapMouseEventToPosition(event));
+        registerOnMouseEvents(onSliderEvent);
+    };
+    var onTouchStart = function (event) {
+        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
+            return;
+        }
+        onSliderEvent(mapTouchEventToPosition(event));
+        registerOnTouchEvents(onSliderEvent);
+    };
+    return (React.createElement("div", { className: styles[cssColorPickerHuePicker], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: "".concat(classes.huePointer, " ").concat(styles[cssColorPickerPointer]), onDrag: onSliderEvent, onTouchStart: onTouchStart },
+            React.createElement("div", { className: styles[cssColorPickerPointerInside] }))));
 };
+
 export default HuePicker;
-//# sourceMappingURL=hue_picker.js.map
+//# sourceMappingURL=hue_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/hue_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/hue_picker.tsx"],"names":[],"mappings":"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"}
+{"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;"}

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';
-declare const ColorPickerLabel: React.FC<IColorPickerLabelProps>;
-export default ColorPickerLabel;
+import React from 'react';
+import { IColorPickerLabelProps } from '../types';
+declare const ColorPickerLabel: React.FC<IColorPickerLabelProps>;
+export default ColorPickerLabel;

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

@@ -1,34 +1,34 @@
-import styles from '@auroraCss/color_picker/main.module.less';
 import React, { useContext, useEffect } from 'react';
-import '@auroraComponents/dropdown/context/types';
-import { DropdownContext } from '@auroraComponents/dropdown/context';
-import '../types';
-import { createUseStyles } from 'react-jss';
-import { ColorPickerContext } from '../context';
-import InputWrapper from '@auroraComponents/controls/components/input_wrapper';
-import { cssColorPickerInputColorPreview } from '../css_classes';
-var useStyles = createUseStyles({
-    colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    }
-});
-var ColorPickerLabel = function (_a) {
-    var name = _a.name, isRequired = _a.isRequired, id = _a.id;
-    var _b = useContext(ColorPickerContext), setInitialColor = _b.setInitialColor, color = _b.color;
-    var isOpen = useContext(DropdownContext).isOpen;
-    var classes = useStyles({ color: color });
-    useEffect(function () {
-        if (isOpen) {
-            setInitialColor(color);
-        }
-        // eslint-disable-next-line
-    }, [isOpen]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: "".concat(classes.colorPreview, " ").concat(styles[cssColorPickerInputColorPreview]) }) }),
-        React.createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
+import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
+import styles from '../../../css/color_picker/main.module.less.js';
+import { ColorPickerContext } from '../context.js';
+import { cssColorPickerInputColorPreview } from '../css_classes.js';
+import { DropdownContext } from '../../dropdown/context/index.js';
+import InputWrapper from '../../controls/components/input_wrapper.js';
+
+var useStyles = createUseStyles({
+    colorPreview: {
+        background: function (_a) {
+            var hex = _a.color.hex;
+            return hex;
+        }
+    }
+});
+var ColorPickerLabel = function (_a) {
+    var name = _a.name, isRequired = _a.isRequired, id = _a.id;
+    var _b = useContext(ColorPickerContext), setInitialColor = _b.setInitialColor, color = _b.color;
+    var isOpen = useContext(DropdownContext).isOpen;
+    var classes = useStyles({ color: color });
+    useEffect(function () {
+        if (isOpen) {
+            setInitialColor(color);
+        }
+        // eslint-disable-next-line
+    }, [isOpen]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: "".concat(classes.colorPreview, " ").concat(styles[cssColorPickerInputColorPreview]) }) }),
+        React.createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
 };
+
 export default ColorPickerLabel;
-//# sourceMappingURL=label.js.map
+//# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAiC,0CAA0C,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAuC,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAEjE,IAAM,SAAS,GAAG,eAAe,CAAC;IAC9B,YAAY,EAAE;QACV,UAAU,EAAE,UAAC,EAAkB;gBAAP,GAAG,eAAA;YAAS,OAAA,GAAG;QAAH,CAAG;KAC1C;CACJ,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAqC,UAAC,EAAwB;QAAtB,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA;IACxE,IAAA,KAA6B,UAAU,CAAC,kBAAkB,CAAC,EAAzD,eAAe,qBAAA,EAAE,KAAK,WAAmC,CAAC;IAC1D,IAAA,MAAM,GAAuB,UAAU,CAAC,eAAe,CAAC,OAAlD,CAAmD;IACjE,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACrC,SAAS,CAAC;QACN,IAAI,MAAM,EAAE;YACR,eAAe,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,2BAA2B;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH;QACI,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,6BAAK,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,MAAM,CAAC,+BAA+B,CAAC,CAAE,GAAI,GACvG;QAEF,+BAAO,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,KAAI,EAAE,mBAAiB,UAAU,GAAI,CAChG,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker/components/saturation_lightness_picker.d.ts

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

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

@@ -1,50 +1,51 @@
-import { __assign } from "tslib";
 import React, { useContext } from 'react';
-import styles from '@auroraCss/color_picker/main.module.less';
-import '../types';
-import { getSaturationLightnessFromPosition } from '../utilities';
-import { getIndicatorPositionFromPosition } from '@auroraUtilities/range/range_mappings';
-import { mapMouseEventToPosition, mapTouchEventToPosition, registerOnMouseEvents, registerOnTouchEvents } from '@auroraUtilities/events/event_registration';
-import { ColorPickerContext } from '@auroraComponents/color_picker/context';
-import { cssColorPickerMask, cssColorPickerMaskBlack, cssColorPickerMaskWhite, cssColorPickerPointer, cssColorPickerPointerInside, cssColorPickerSaturationLightnessPicker } from '@auroraComponents/color_picker/css_classes';
-import { ColorConverter } from '@auroraUtilities/colors/color_converter';
-var SaturationLightnessPicker = function (_a) {
-    var classes = _a.classes, saturationLightnessPanelRef = _a.saturationLightnessPanelRef;
-    var _b = useContext(ColorPickerContext), setColor = _b.setColor, setSaturationLightnessPointer = _b.setSaturationLightnessPointer;
-    var saturationLightnessPickerEvent = function (position) {
-        if (!saturationLightnessPanelRef.current) {
-            return;
-        }
-        var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
-        var _a = getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
-        var _b = getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
-        setColor(function (color) { return (__assign(__assign({}, color), { saturation: saturation, lightness: lightness, hex: ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
-        setSaturationLightnessPointer({
-            left: positionX,
-            top: positionY
-        });
-    };
-    var onMouseDown = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(mapMouseEventToPosition(event));
-        registerOnMouseEvents(saturationLightnessPickerEvent);
-    };
-    var onTouchStart = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(mapTouchEventToPosition(event));
-        registerOnTouchEvents(saturationLightnessPickerEvent);
-    };
-    return (React.createElement("div", { className: "".concat(classes.saturationLightnessPanel, " ").concat(styles[cssColorPickerSaturationLightnessPicker]), ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskWhite]) }),
-        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskBlack]) }),
-        React.createElement("div", { className: "".concat(classes.saturationLightnessPointer, " ").concat(styles[cssColorPickerPointer]), onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
-            React.createElement("div", { className: styles[cssColorPickerPointerInside] }))));
+import { __assign } from '../../../../../../_virtual/_tslib.js';
+import styles from '../../../css/color_picker/main.module.less.js';
+import { getIndicatorPositionFromPosition } from '../../../utilities/range/range_mappings.js';
+import { ColorConverter } from '../../../utilities/colors/color_converter.js';
+import { getSaturationLightnessFromPosition } from '../utilities.js';
+import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition, registerOnTouchEvents } from '../../../utilities/events/event_registration.js';
+import { ColorPickerContext } from '../context.js';
+import { cssColorPickerSaturationLightnessPicker, cssColorPickerMask, cssColorPickerMaskWhite, cssColorPickerMaskBlack, cssColorPickerPointer, cssColorPickerPointerInside } from '../css_classes.js';
+
+var SaturationLightnessPicker = function (_a) {
+    var classes = _a.classes, saturationLightnessPanelRef = _a.saturationLightnessPanelRef;
+    var _b = useContext(ColorPickerContext), setColor = _b.setColor, setSaturationLightnessPointer = _b.setSaturationLightnessPointer;
+    var saturationLightnessPickerEvent = function (position) {
+        if (!saturationLightnessPanelRef.current) {
+            return;
+        }
+        var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
+        var _a = getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
+        var _b = getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
+        setColor(function (color) { return (__assign(__assign({}, color), { saturation: saturation, lightness: lightness, hex: ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
+        setSaturationLightnessPointer({
+            left: positionX,
+            top: positionY
+        });
+    };
+    var onMouseDown = function (event) {
+        event.preventDefault();
+        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
+            return;
+        }
+        saturationLightnessPickerEvent(mapMouseEventToPosition(event));
+        registerOnMouseEvents(saturationLightnessPickerEvent);
+    };
+    var onTouchStart = function (event) {
+        event.preventDefault();
+        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
+            return;
+        }
+        saturationLightnessPickerEvent(mapTouchEventToPosition(event));
+        registerOnTouchEvents(saturationLightnessPickerEvent);
+    };
+    return (React.createElement("div", { className: "".concat(classes.saturationLightnessPanel, " ").concat(styles[cssColorPickerSaturationLightnessPicker]), ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskWhite]) }),
+        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskBlack]) }),
+        React.createElement("div", { className: "".concat(classes.saturationLightnessPointer, " ").concat(styles[cssColorPickerPointer]), onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
+            React.createElement("div", { className: styles[cssColorPickerPointerInside] }))));
 };
+
 export default SaturationLightnessPicker;
-//# sourceMappingURL=saturation_lightness_picker.js.map
+//# sourceMappingURL=saturation_lightness_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"saturation_lightness_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/saturation_lightness_picker.tsx"],"names":[],"mappings":"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"}
+{"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;"}

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

@@ -1,4 +1,4 @@
-export declare const MAX_HUE_VALUE = 360;
-export declare const MAX_LIGHTNESS_VALUE = 100;
-export declare const MAX_SATURATION_VALUE = 100;
-export declare const SATURATION_OFFSET = 0.00001;
+export declare const MAX_HUE_VALUE = 360;
+export declare const MAX_LIGHTNESS_VALUE = 100;
+export declare const MAX_SATURATION_VALUE = 100;
+export declare const SATURATION_OFFSET = 0.00001;

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

@@ -1,5 +1,7 @@
-export var MAX_HUE_VALUE = 360;
-export var MAX_LIGHTNESS_VALUE = 100;
-export var MAX_SATURATION_VALUE = 100;
-export var SATURATION_OFFSET = 0.00001; // To avoid package bug
-//# sourceMappingURL=constants.js.map
+var MAX_HUE_VALUE = 360;
+var MAX_LIGHTNESS_VALUE = 100;
+var MAX_SATURATION_VALUE = 100;
+var SATURATION_OFFSET = 0.00001; // To avoid package bug
+
+export { MAX_HUE_VALUE, MAX_LIGHTNESS_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/color_picker/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,IAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,IAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,IAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,uBAAuB"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IColorPickerContextProps } from './types';
-export declare const ColorPickerContext: import("react").Context<IColorPickerContextProps>;
+/// <reference types="react" />
+import { IColorPickerContextProps } from './types';
+export declare const ColorPickerContext: import("react").Context<IColorPickerContextProps>;

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

@@ -1,24 +1,26 @@
 import { createContext } from 'react';
-import './types';
-export var ColorPickerContext = createContext({
-    color: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    setColor: function () { },
-    initialColor: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    screenName: '',
-    setInitialColor: function () { },
-    hueSliderPointer: { top: 0, left: 0 },
-    setHueSliderPointer: function () { },
-    saturationLightnessPointer: { top: 0, left: 0 },
-    setSaturationLightnessPointer: function () { }
+
+var ColorPickerContext = createContext({
+    color: {
+        hue: 0,
+        saturation: 0,
+        lightness: 0,
+        hex: ''
+    },
+    setColor: function () { },
+    initialColor: {
+        hue: 0,
+        saturation: 0,
+        lightness: 0,
+        hex: ''
+    },
+    screenName: '',
+    setInitialColor: function () { },
+    hueSliderPointer: { top: 0, left: 0 },
+    setHueSliderPointer: function () { },
+    saturationLightnessPointer: { top: 0, left: 0 },
+    setSaturationLightnessPointer: function () { }
 });
-//# sourceMappingURL=context.js.map
+
+export { ColorPickerContext };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/color_picker/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAyC,SAAS,CAAC;AAEnD,MAAM,CAAC,IAAM,kBAAkB,GAAG,aAAa,CAA2B;IACtE,KAAK,EAAE;QACH,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,CAAC;QACZ,GAAG,EAAE,EAAE;KACV;IACD,QAAQ,EAAE,cAAO,CAAC;IAClB,YAAY,EAAE;QACV,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,CAAC;QACZ,GAAG,EAAE,EAAE;KACV;IACD,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,cAAO,CAAC;IACzB,gBAAgB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IACrC,mBAAmB,EAAE,cAAO,CAAC;IAC7B,0BAA0B,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IAC/C,6BAA6B,EAAE,cAAO,CAAC;CAC1C,CAAC,CAAC"}
+{"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;"}

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

@@ -1,12 +1,12 @@
-export declare const cssColorPicker = "color-picker";
-export declare const cssColorPickerInputColorPreview: string;
-export declare const cssColorPickerButtonsGroup: string;
-export declare const cssColorPickerHuePicker: string;
-export declare const cssColorPickerPointer: string;
-export declare const cssColorPickerPointerInside: string;
-export declare const cssColorPickerSaturationLightnessPicker: string;
-export declare const cssColorPickerMask: string;
-export declare const cssColorPickerMaskWhite: string;
-export declare const cssColorPickerMaskBlack: string;
-export declare const cssColorPickerPreviewContainer: string;
-export declare const cssColorPickerPreview: string;
+export declare const cssColorPicker = "color-picker";
+export declare const cssColorPickerInputColorPreview: string;
+export declare const cssColorPickerButtonsGroup: string;
+export declare const cssColorPickerHuePicker: string;
+export declare const cssColorPickerPointer: string;
+export declare const cssColorPickerPointerInside: string;
+export declare const cssColorPickerSaturationLightnessPicker: string;
+export declare const cssColorPickerMask: string;
+export declare const cssColorPickerMaskWhite: string;
+export declare const cssColorPickerMaskBlack: string;
+export declare const cssColorPickerPreviewContainer: string;
+export declare const cssColorPickerPreview: string;

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

@@ -1,13 +1,15 @@
-export var cssColorPicker = 'color-picker';
-export var cssColorPickerInputColorPreview = "".concat(cssColorPicker, "__input-color-preview");
-export var cssColorPickerButtonsGroup = "".concat(cssColorPicker, "__buttons-group");
-export var cssColorPickerHuePicker = "".concat(cssColorPicker, "__hue-picker");
-export var cssColorPickerPointer = "".concat(cssColorPicker, "__pointer");
-export var cssColorPickerPointerInside = "".concat(cssColorPicker, "__pointer-inside");
-export var cssColorPickerSaturationLightnessPicker = "".concat(cssColorPicker, "__saturation-lightness-picker");
-export var cssColorPickerMask = "".concat(cssColorPicker, "__mask");
-export var cssColorPickerMaskWhite = "".concat(cssColorPickerMask, "_white");
-export var cssColorPickerMaskBlack = "".concat(cssColorPickerMask, "_black");
-export var cssColorPickerPreviewContainer = "".concat(cssColorPicker, "__preview-container");
-export var cssColorPickerPreview = "".concat(cssColorPicker, "__preview");
-//# sourceMappingURL=css_classes.js.map
+var cssColorPicker = 'color-picker';
+var cssColorPickerInputColorPreview = "".concat(cssColorPicker, "__input-color-preview");
+var cssColorPickerButtonsGroup = "".concat(cssColorPicker, "__buttons-group");
+var cssColorPickerHuePicker = "".concat(cssColorPicker, "__hue-picker");
+var cssColorPickerPointer = "".concat(cssColorPicker, "__pointer");
+var cssColorPickerPointerInside = "".concat(cssColorPicker, "__pointer-inside");
+var cssColorPickerSaturationLightnessPicker = "".concat(cssColorPicker, "__saturation-lightness-picker");
+var cssColorPickerMask = "".concat(cssColorPicker, "__mask");
+var cssColorPickerMaskWhite = "".concat(cssColorPickerMask, "_white");
+var cssColorPickerMaskBlack = "".concat(cssColorPickerMask, "_black");
+var cssColorPickerPreviewContainer = "".concat(cssColorPicker, "__preview-container");
+var cssColorPickerPreview = "".concat(cssColorPicker, "__preview");
+
+export { cssColorPicker, cssColorPickerButtonsGroup, cssColorPickerHuePicker, cssColorPickerInputColorPreview, cssColorPickerMask, cssColorPickerMaskBlack, cssColorPickerMaskWhite, cssColorPickerPointer, cssColorPickerPointerInside, cssColorPickerPreview, cssColorPickerPreviewContainer, cssColorPickerSaturationLightnessPicker };
+//# sourceMappingURL=css_classes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG,cAAc,CAAC;AAC7C,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAG,cAAc,0BAAuB,CAAC;AACxF,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAG,cAAc,oBAAiB,CAAC;AAC7E,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAG,cAAc,iBAAc,CAAC;AACvE,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,cAAc,cAAW,CAAC;AAClE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,cAAc,qBAAkB,CAAC;AAC/E,MAAM,CAAC,IAAM,uCAAuC,GAAG,UAAG,cAAc,kCAA+B,CAAC;AACxG,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAG,cAAc,WAAQ,CAAC;AAC5D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAG,kBAAkB,WAAQ,CAAC;AACrE,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAG,kBAAkB,WAAQ,CAAC;AACrE,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAG,cAAc,wBAAqB,CAAC;AACrF,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,cAAc,cAAW,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { IColorPickerProps, IPureColorPickerProps } from './types';
-export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
-declare const _default: React.FC<IColorPickerProps>;
-export default _default;
+import React from 'react';
+import { IColorPickerProps, IPureColorPickerProps } from './types';
+export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
+declare const _default: React.FC<IColorPickerProps>;
+export default _default;