@dreamcommerce/aurora 2.20.2 → 2.20.3

package/build/cjs/external/lodash/isEqual.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseIsEqual = require('./_baseIsEqual.js');
+
+/**
+ * Performs a deep comparison between two values to determine if they are
+ * equivalent.
+ *
+ * **Note:** This method supports comparing arrays, array buffers, booleans,
+ * date objects, error objects, maps, numbers, `Object` objects, regexes,
+ * sets, strings, symbols, and typed arrays. `Object` objects are compared
+ * by their own, not inherited, enumerable properties. Functions and DOM
+ * nodes are compared by strict equality, i.e. `===`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.isEqual(object, other);
+ * // => true
+ *
+ * object === other;
+ * // => false
+ */
+
+function isEqual(value, other) {
+  return _baseIsEqual['default'](value, other);
+}
+
+var isEqual_1 = isEqual;
+
+exports.default = isEqual_1;
+//# sourceMappingURL=isEqual.js.map

package/build/cjs/external/lodash/isEqual.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/isMap.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseUnary = require('./_baseUnary.js');
+var _nodeUtil = require('./_nodeUtil.js');
+var _baseIsMap = require('./_baseIsMap.js');
+
+/* Node.js helper references. */
+
+var nodeIsMap = _nodeUtil['default'] && _nodeUtil['default'].isMap;
+/**
+ * Checks if `value` is classified as a `Map` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a map, else `false`.
+ * @example
+ *
+ * _.isMap(new Map);
+ * // => true
+ *
+ * _.isMap(new WeakMap);
+ * // => false
+ */
+
+var isMap = nodeIsMap ? _baseUnary['default'](nodeIsMap) : _baseIsMap['default'];
+var isMap_1 = isMap;
+
+exports.default = isMap_1;
+//# sourceMappingURL=isMap.js.map

package/build/cjs/external/lodash/isMap.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/isPlainObject.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseGetTag = require('./_baseGetTag.js');
+var isObjectLike = require('./isObjectLike.js');
+var _getPrototype = require('./_getPrototype.js');
+
+/** `Object#toString` result references. */
+
+var objectTag = '[object Object]';
+/** Used for built-in method references. */
+
+var funcProto = Function.prototype,
+    objectProto = Object.prototype;
+/** Used to resolve the decompiled source of functions. */
+
+var funcToString = funcProto.toString;
+/** Used to check objects for own properties. */
+
+var hasOwnProperty = objectProto.hasOwnProperty;
+/** Used to infer the `Object` constructor. */
+
+var objectCtorString = funcToString.call(Object);
+/**
+ * Checks if `value` is a plain object, that is, an object created by the
+ * `Object` constructor or one with a `[[Prototype]]` of `null`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.8.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ * }
+ *
+ * _.isPlainObject(new Foo);
+ * // => false
+ *
+ * _.isPlainObject([1, 2, 3]);
+ * // => false
+ *
+ * _.isPlainObject({ 'x': 0, 'y': 0 });
+ * // => true
+ *
+ * _.isPlainObject(Object.create(null));
+ * // => true
+ */
+
+function isPlainObject(value) {
+  if (!isObjectLike['default'](value) || _baseGetTag['default'](value) != objectTag) {
+    return false;
+  }
+
+  var proto = _getPrototype['default'](value);
+
+  if (proto === null) {
+    return true;
+  }
+
+  var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
+  return typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+}
+
+var isPlainObject_1 = isPlainObject;
+
+exports.default = isPlainObject_1;
+//# sourceMappingURL=isPlainObject.js.map

package/build/cjs/{packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map → external/lodash/isPlainObject.js.map}

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

package/build/cjs/external/lodash/isSet.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseUnary = require('./_baseUnary.js');
+var _nodeUtil = require('./_nodeUtil.js');
+var _baseIsSet = require('./_baseIsSet.js');
+
+/* Node.js helper references. */
+
+var nodeIsSet = _nodeUtil['default'] && _nodeUtil['default'].isSet;
+/**
+ * Checks if `value` is classified as a `Set` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a set, else `false`.
+ * @example
+ *
+ * _.isSet(new Set);
+ * // => true
+ *
+ * _.isSet(new WeakSet);
+ * // => false
+ */
+
+var isSet = nodeIsSet ? _baseUnary['default'](nodeIsSet) : _baseIsSet['default'];
+var isSet_1 = isSet;
+
+exports.default = isSet_1;
+//# sourceMappingURL=isSet.js.map

package/build/cjs/external/lodash/isSet.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/keysIn.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isArrayLike = require('./isArrayLike.js');
+var _arrayLikeKeys = require('./_arrayLikeKeys.js');
+var _baseKeysIn = require('./_baseKeysIn.js');
+
+/**
+ * Creates an array of the own and inherited enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keysIn(new Foo);
+ * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ */
+
+function keysIn(object) {
+  return isArrayLike['default'](object) ? _arrayLikeKeys['default'](object, true) : _baseKeysIn['default'](object);
+}
+
+var keysIn_1 = keysIn;
+
+exports.default = keysIn_1;
+//# sourceMappingURL=keysIn.js.map

package/build/cjs/external/lodash/keysIn.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/last.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Gets the last element of `array`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to query.
+ * @returns {*} Returns the last element of `array`.
+ * @example
+ *
+ * _.last([1, 2, 3]);
+ * // => 3
+ */
+function last(array) {
+  var length = array == null ? 0 : array.length;
+  return length ? array[length - 1] : undefined;
+}
+
+var last_1 = last;
+
+exports.default = last_1;
+//# sourceMappingURL=last.js.map

package/build/cjs/external/lodash/last.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/external/lodash/omit.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _arrayMap = require('./_arrayMap.js');
+var _castPath = require('./_castPath.js');
+var _copyObject = require('./_copyObject.js');
+var _getAllKeysIn = require('./_getAllKeysIn.js');
+var _baseClone = require('./_baseClone.js');
+var _baseUnset = require('./_baseUnset.js');
+var _customOmitClone = require('./_customOmitClone.js');
+var _flatRest = require('./_flatRest.js');
+
+/** Used to compose bitmasks for cloning. */
+
+var CLONE_DEEP_FLAG = 1,
+    CLONE_FLAT_FLAG = 2,
+    CLONE_SYMBOLS_FLAG = 4;
+/**
+ * The opposite of `_.pick`; this method creates an object composed of the
+ * own and inherited enumerable property paths of `object` that are not omitted.
+ *
+ * **Note:** This method is considerably slower than `_.pick`.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The source object.
+ * @param {...(string|string[])} [paths] The property paths to omit.
+ * @returns {Object} Returns the new object.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': '2', 'c': 3 };
+ *
+ * _.omit(object, ['a', 'c']);
+ * // => { 'b': '2' }
+ */
+
+var omit = _flatRest['default'](function (object, paths) {
+  var result = {};
+
+  if (object == null) {
+    return result;
+  }
+
+  var isDeep = false;
+  paths = _arrayMap['default'](paths, function (path) {
+    path = _castPath['default'](path, object);
+    isDeep || (isDeep = path.length > 1);
+    return path;
+  });
+  _copyObject['default'](object, _getAllKeysIn['default'](object), result);
+
+  if (isDeep) {
+    result = _baseClone['default'](result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, _customOmitClone['default']);
+  }
+
+  var length = paths.length;
+
+  while (length--) {
+    _baseUnset['default'](result, paths[length]);
+  }
+
+  return result;
+});
+var omit_1 = omit;
+
+exports.default = omit_1;
+//# sourceMappingURL=omit.js.map

package/build/cjs/external/lodash/omit.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/components/color-picker-footer.js

@@ -9,8 +9,8 @@ var index$1 = require('../../button/index.js');
 var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var color_picker_utils = require('../color_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js

@@ -8,8 +8,8 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var icon_close = require('../../../assets/icon_close.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js

@@ -6,8 +6,8 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var input = require('../../../controls/components/input.js');
 var context = require('../../context.js');
-var color_picker_utils = require('../../color_picker_utils.js');
 var utilities = require('@dreamcommerce/utilities');
+var color_picker_utils = require('../../color_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var constants = require('../../constants.js');
 var css_classes = require('../../css_classes.js');
 var main_module = require('../../../../css/color_picker_new/main.module.less.js');
+var constants = require('../../constants.js');
 var colorPickerInputsHex = require('./color-picker-inputs-hex.js');
 var colorPickerInputsRgba = require('./color-picker-inputs-rgba.js');
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-shades.js

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var color_picker_utils = require('../color_picker_utils.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatch.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
-var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var constants = require('../constants.js');
+var color_picker_utils = require('../color_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var color_picker_utils = require('../color_picker_utils.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/{pure-color-picker.js → color_picker_content.js}

@@ -4,49 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var context = require('../context.js');
-var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');
-var colorLabelInput = require('./color-label-input.js');
-var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var main_module = require('../../../css/color_picker_new/main.module.less.js');
-var colorPickerFooter = require('./color-picker-footer.js');
+var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
+var constants = require('../constants.js');
+var colorPickerShades = require('./color-picker-shades.js');
 var colorPickerHeader = require('./color-picker-header.js');
 var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
-var colorPickerSwatch = require('./color-picker-swatch.js');
-var colorPickerShades = require('./color-picker-shades.js');
 var colorPickerVariables = require('./color-picker-variables.js');
-var dropdown = require('../../dropdown/components/dropdown.js');
+var colorPickerFooter = require('./color-picker-footer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      colorVariables = _ref.colorVariables;
-
+var ColorPickerContent = function ColorPickerContent() {
   var _useContext = React.useContext(context.ColorPickerNewContext),
       color = _useContext.color,
-      setColor = _useContext.setColor;
+      setColor = _useContext.setColor,
+      colorVariables = _useContext.colorVariables;
 
   var colorValue = typeof color === 'string' ? color : color.value;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(main_module['default'][css_classes.cssColorPicker])
-  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
-  }, /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
-    color: colorValue
-  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
-    id: id,
-    name: name
-  }))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].Content, {
-    shouldCloseOnClickOutside: false,
-    shouldCloseOnScroll: false,
-    shouldCloseOthersOnOpen: true
-  }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
   }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
     value: colorValue,
@@ -62,8 +41,8 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
   }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerShades.ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React__default['default'].createElement(colorPickerVariables.ColorPickerVariables, {
     variables: colorVariables.variables
-  })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
+  })), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null));
 };
 
-exports.default = ColorPickerNewPure;
-//# sourceMappingURL=pure-color-picker.js.map
+exports.ColorPickerContent = ColorPickerContent;
+//# sourceMappingURL=color_picker_content.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/components/pure_color_picker.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+var css_classes = require('../css_classes.js');
+var dropdown = require('../../dropdown/components/dropdown.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var colorPickerSwatch = require('./color-picker-swatch.js');
+var color_picker_content = require('./color_picker_content.js');
+var colorLabelInput = require('./color-label-input.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
+  var id = _ref.id,
+      name = _ref.name;
+
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      color = _useContext.color;
+
+  var colorValue = typeof color === 'string' ? color : color.value;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPicker])
+  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
+  }, /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
+    color: colorValue
+  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
+    id: id,
+    name: name
+  }))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
+    shouldCloseOnClickOutside: false,
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_content.ColorPickerContent, null))));
+};
+
+exports.default = ColorPickerNewPure;
+//# sourceMappingURL=pure_color_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure_color_picker.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;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_new/hooks/use_color_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var constants = require('../constants.js');
 var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
+var constants = require('../constants.js');
 var color_picker_utils = require('../color_picker_utils.js');
 
 var useColorPicker = function useColorPicker(_ref) {
@@ -14,7 +14,8 @@ var useColorPicker = function useColorPicker(_ref) {
   var initialColor = _ref.initialColor,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave;
+      onSave = _ref.onSave,
+      initialColorVariables = _ref.colorVariables;
 
   var _useState = React.useState({
     value: initialColor ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : constants.COLOR_PICKER_INITIAL_STATE,
@@ -24,6 +25,10 @@ var useColorPicker = function useColorPicker(_ref) {
       color = _useState2[0],
       setColorValue = _useState2[1];
 
+  var _useState3 = React.useState(initialColorVariables),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 1),
+      colorVariables = _useState4[0];
+
   var setColor = function setColor(color) {
     var hexColor = color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
     setColorValue(function (prevColor) {
@@ -39,12 +44,12 @@ var useColorPicker = function useColorPicker(_ref) {
   React.useEffect(function () {
     if (!initialColor) return;
     setColor(initialColor);
-  }, [initialColor]);
+  }, []);
 
-  var _useState3 = React.useState(color),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      choosenColor = _useState4[0],
-      setChoosenColor = _useState4[1];
+  var _useState5 = React.useState(color),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      choosenColor = _useState6[0],
+      setChoosenColor = _useState6[1];
 
   var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
       hslArr = _useBestGradientColor.hslArr,
@@ -57,15 +62,15 @@ var useColorPicker = function useColorPicker(_ref) {
   var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
   var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
 
-  var _useState5 = React.useState(rgbaArr[3] * 100),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      alpha = _useState6[0],
-      setAlpha = _useState6[1];
-
-  var _useState7 = React.useState("".concat(alpha)),
+  var _useState7 = React.useState(rgbaArr[3] * 100),
       _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      alphaValue = _useState8[0],
-      setAlphaValue = _useState8[1];
+      alpha = _useState8[0],
+      setAlpha = _useState8[1];
+
+  var _useState9 = React.useState("".concat(alpha)),
+      _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+      alphaValue = _useState10[0],
+      setAlphaValue = _useState10[1];
 
   var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
     changeAlphaValue(Number(event.target.value));
@@ -112,7 +117,8 @@ var useColorPicker = function useColorPicker(_ref) {
     setB: setB,
     handleCancel: handleCancel,
     handleSave: handleSave,
-    handlePickSwatch: handlePickSwatch
+    handlePickSwatch: handlePickSwatch,
+    colorVariables: colorVariables
   };
 };
 

package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map

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