@dreamcommerce/aurora 2.16.2 → 2.16.3

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

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerHeader = function ColorPickerHeader() {
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      handleCancel = _useContext.handleCancel;
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var _useContext2 = React.useContext(index.DropdownContext),
+      closeDropdown = _useContext2.closeDropdown,
+      isOpen = _useContext2.isOpen;
+
+  var handleCancelButton = function handleCancelButton() {
+    closePicker();
+  };
+
+  var closePicker = function closePicker() {
+    closeDropdown === null || closeDropdown === void 0 || closeDropdown();
+    handleCancel === null || handleCancel === void 0 || handleCancel();
+  };
+
+  React.useEffect(function () {
+    if (!isOpen) return;
+    document.addEventListener('visibilitychange', closePicker);
+    return function () {
+      return document.removeEventListener('visibilitychange', closePicker);
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerHeader])
+  }, t('Select color'), /*#__PURE__*/React__default['default'].createElement("button", {
+    onClick: handleCancelButton,
+    className: "".concat(main_module['default'][css_classes.cssColorPickerCloseIcon])
+  }, /*#__PURE__*/React__default['default'].createElement(icon_close['default'], {
+    size: "m"
+  })));
+};
+
+exports.ColorPickerHeader = ColorPickerHeader;
+//# sourceMappingURL=color-picker-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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-inputs/color-picker-inputs-hex.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var input = require('../../../controls/components/input.js');
+var context = require('../../context.js');
+var utilities = require('../../utilities.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerInputsHex = function ColorPickerInputsHex() {
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      setColor = _useContext.setColor,
+      hex = _useContext.hex,
+      handleOnChangeAlpha = _useContext.handleOnChangeAlpha,
+      alphaValue = _useContext.alphaValue;
+
+  var _useState = React.useState(hex),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      disable = _useState4[0],
+      setDisable = _useState4[1];
+
+  var handleOnChange = function handleOnChange(event) {
+    var inputValue = event.target.value.replace('%', '');
+
+    if (utilities.isHexChar(inputValue)) {
+      setValue(inputValue);
+      setColor(inputValue);
+    }
+  };
+
+  var hexFocus = function hexFocus() {
+    setDisable(true);
+  };
+
+  var hexBlur = function hexBlur() {
+    setDisable(false);
+  };
+
+  React.useEffect(function () {
+    if (!disable) {
+      setValue(hex);
+    }
+  }, [hex, disable]);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    maxLength: 8,
+    value: value.toUpperCase(),
+    onChange: handleOnChange,
+    onBlur: hexBlur,
+    onFocus: hexFocus
+  }));
+};
+
+exports.ColorPickerInputsHex = ColorPickerInputsHex;
+//# sourceMappingURL=color-picker-inputs-hex.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.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;"}

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

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../../controls/components/input.js');
+var context = require('../../context.js');
+var utilities = require('@dreamcommerce/utilities');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      setR = _useContext.setR,
+      setG = _useContext.setG,
+      setB = _useContext.setB,
+      handleOnChangeAlpha = _useContext.handleOnChangeAlpha,
+      alphaValue = _useContext.alphaValue,
+      rgbaArr = _useContext.rgbaArr;
+
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    value: rgbaArr[0],
+    onChange: function onChange(e) {
+      return setR(Number(e.target.value));
+    },
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    value: rgbaArr[1],
+    onChange: function onChange(e) {
+      return setG(Number(e.target.value));
+    },
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
+    padding: "small",
+    type: "text",
+    value: rgbaArr[2],
+    onChange: function onChange(e) {
+      return setB(Number(e.target.value));
+    },
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }));
+};
+
+exports.ColorPickerInputsRgba = ColorPickerInputsRgba;
+//# sourceMappingURL=color-picker-inputs-rgba.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.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;"}

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

@@ -0,0 +1,59 @@
+'use strict';
+
+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 colorPickerInputsHex = require('./color-picker-inputs-hex.js');
+var colorPickerInputsRgba = require('./color-picker-inputs-rgba.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerInputs = function ColorPickerInputs() {
+  var _useState = React.useState(constants.COLOR_PICKER_TYPES.HEX),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      type = _useState2[0],
+      setType = _useState2[1];
+
+  var handleSelectType = function handleSelectType(e) {
+    setType(e.target.value);
+  };
+
+  var inputs = function inputs() {
+    switch (type) {
+      case constants.COLOR_PICKER_TYPES.HEX:
+        return /*#__PURE__*/React__default['default'].createElement(colorPickerInputsHex.ColorPickerInputsHex, null);
+
+      case constants.COLOR_PICKER_TYPES.RGB:
+        return /*#__PURE__*/React__default['default'].createElement(colorPickerInputsRgba.ColorPickerInputsRgba, null);
+
+      default:
+        return false;
+    }
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputs])
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputsType])
+  }, /*#__PURE__*/React__default['default'].createElement("select", {
+    value: type,
+    onChange: handleSelectType
+  }, /*#__PURE__*/React__default['default'].createElement("option", {
+    value: constants.COLOR_PICKER_TYPES.HEX
+  }, constants.COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default['default'].createElement("option", {
+    value: constants.COLOR_PICKER_TYPES.RGB
+  }, constants.COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputsValue])
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPickerInputsValueContainer])
+  }, inputs())));
+};
+
+exports.ColorPickerInputs = ColorPickerInputs;
+//# sourceMappingURL=color-picker-inputs.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.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;"}

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

@@ -0,0 +1,42 @@
+'use strict';
+
+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 utilities = require('../utilities.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 }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      onClick = _ref.onClick;
+  var colorTiny = utilities.getTinyColorInstance(color);
+  var colorHex = utilities.getHexValueString(colorTiny);
+  var colorHolderClassNames = classnames__default['default'](main_module['default'][css_classes.cssColorPickerSwatch], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssColorPickerSwatchSmall], size === constants.COLOR_PICKER_SWATCH_SIZES.SMALL), main_module['default'][css_classes.cssColorPickerSwatchBig], size === constants.COLOR_PICKER_SWATCH_SIZES.BIG));
+
+  var handleOnClick = function handleOnClick() {
+    onClick === null || onClick === void 0 || onClick(colorHex);
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: colorHolderClassNames,
+    onClick: handleOnClick
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssColorPickerSwatchFill],
+    style: {
+      backgroundColor: "".concat(colorHex)
+    }
+  }));
+};
+
+exports.ColorPickerSwatch = ColorPickerSwatch;
+//# sourceMappingURL=color-picker-swatch.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatch.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;"}

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

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var context = require('../context.js');
+var css_classes = require('../css_classes.js');
+var utilities = require('../utilities.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var colorPickerSwatch = require('./color-picker-swatch.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerSwatches = function ColorPickerSwatches() {
+  var _useContext = React.useContext(context.ColorPickerNewContext),
+      hslArr = _useContext.hslArr,
+      handlePickSwatch = _useContext.handlePickSwatch;
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var _hslArr = _rollupPluginBabelHelpers.slicedToArray(hslArr, 2),
+      h = _hslArr[0],
+      s = _hslArr[1];
+
+  var shades = [{
+    h: h,
+    s: s,
+    l: 95
+  }, {
+    h: h,
+    s: s,
+    l: 90
+  }, {
+    h: h,
+    s: s,
+    l: 80
+  }, {
+    h: h,
+    s: s,
+    l: 70
+  }, {
+    h: h,
+    s: s,
+    l: 60
+  }, {
+    h: h,
+    s: s,
+    l: 50
+  }, {
+    h: h,
+    s: s,
+    l: 40
+  }, {
+    h: h,
+    s: s,
+    l: 30
+  }, {
+    h: h,
+    s: s,
+    l: 20
+  }, {
+    h: h,
+    s: s,
+    l: 10
+  }, {
+    h: h,
+    s: s,
+    l: 5
+  }];
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssColorPickerSwatches]
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssColorPickerSwatchesHeader]
+  }, /*#__PURE__*/React__default['default'].createElement("p", null, t('Shades of color'))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssColorPickerSwatchesContent]
+  }, shades.map(function (shade, index) {
+    var colorTiny = utilities.getTinyColorInstance(shade);
+    var colorHex = utilities.getHexValue(colorTiny);
+
+    var handleOnClick = function handleOnClick() {
+      handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch(colorHex);
+    };
+
+    return /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
+      size: "small",
+      onClick: handleOnClick,
+      key: "".concat(shade, "-").concat(index),
+      color: colorHex
+    });
+  })));
+};
+
+exports.ColorPickerSwatches = ColorPickerSwatches;
+//# sourceMappingURL=color-picker-swatches.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,64 @@
+'use strict';
+
+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$1 = 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 colorPickerHeader = require('./color-picker-header.js');
+var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
+var colorPickerSwatch = require('./color-picker-swatch.js');
+var colorPickerSwatches = require('./color-picker-swatches.js');
+var index = require('../../dropdown/index.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,
+      setColor = _useContext.setColor,
+      handleCancel = _useContext.handleCancel;
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssColorPicker])
+  }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['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: color
+  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
+    id: id,
+    name: name
+  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
+    onClickOutside: handleCancel
+  }, /*#__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$1.ColorPicker, {
+    value: color,
+    onChange: setColor,
+    width: constants.COLOR_PICKER_WIDTH,
+    height: constants.COLOR_PICKER_HEIGHT,
+    hideColorTypeBtns: true,
+    hideColorGuide: true,
+    hideAdvancedSliders: true,
+    hideInputType: true,
+    hideInputs: true,
+    hidePresets: true,
+    hideOpacity: true,
+    className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
+  }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, 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,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/constants.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var COLOR_PICKER_INITIAL_STATE = '#000000';
+var COLOR_PICKER_WIDTH = 220;
+var COLOR_PICKER_HEIGHT = 200;
+var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+var COLOR_PICKER_TYPES = {
+  HEX: 'hex',
+  RGB: 'rgb'
+};
+var COLOR_PICKER_SWATCH_SIZES = {
+  SMALL: 'small',
+  BIG: 'big'
+};
+
+exports.COLOR_PICKER_ALPHA_MAX_VALUE = COLOR_PICKER_ALPHA_MAX_VALUE;
+exports.COLOR_PICKER_HEIGHT = COLOR_PICKER_HEIGHT;
+exports.COLOR_PICKER_INITIAL_STATE = COLOR_PICKER_INITIAL_STATE;
+exports.COLOR_PICKER_SWATCH_SIZES = COLOR_PICKER_SWATCH_SIZES;
+exports.COLOR_PICKER_TYPES = COLOR_PICKER_TYPES;
+exports.COLOR_PICKER_WIDTH = COLOR_PICKER_WIDTH;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/constants.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;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/context.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ColorPickerNewContext = /*#__PURE__*/React.createContext({
+  color: '',
+  setColor: function setColor() {},
+  hex: '',
+  hslArr: [],
+  handleOnChangeAlpha: function handleOnChangeAlpha() {},
+  alphaValue: '',
+  rgbaArr: [],
+  setR: function setR() {},
+  setG: function setG() {},
+  setB: function setB() {},
+  handleCancel: function handleCancel() {},
+  handleSave: function handleSave() {},
+  handlePickSwatch: function handlePickSwatch() {}
+});
+
+exports.ColorPickerNewContext = ColorPickerNewContext;
+//# sourceMappingURL=context.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/context.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;"}

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssColorPicker = 'color-picker';
+var cssColorPickerContainer = 'color-picker__container';
+var cssColorPickerRbgcp = 'color-picker__rbgcp';
+var cssColorPickerHeader = 'color-picker__header';
+var cssColorPickerCloseIcon = 'color-picker__close-icon';
+var cssColorPickerSwatches = 'color-picker__swatches';
+var cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
+var cssColorPickerSwatchesContent = 'color-picker__swatches-content';
+var cssColorPickerSwatch = 'color-picker__swatch';
+var cssColorPickerSwatchSmall = 'color-picker__swatch_small';
+var cssColorPickerSwatchBig = 'color-picker__swatch_big';
+var cssColorPickerSwatchFill = 'color-picker__swatch-fill';
+var cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
+var cssColorPickerInputContainer = 'color-picker__input-container';
+var cssColorPickerInputs = 'color-picker__inputs';
+var cssColorPickerInputsType = 'color-picker__inputs-type';
+var cssColorPickerInputsValue = 'color-picker__inputs-value';
+var cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
+var cssColorPickerFooter = 'color-picker__footer';
+
+exports.cssColorPicker = cssColorPicker;
+exports.cssColorPickerCloseIcon = cssColorPickerCloseIcon;
+exports.cssColorPickerContainer = cssColorPickerContainer;
+exports.cssColorPickerFooter = cssColorPickerFooter;
+exports.cssColorPickerHeader = cssColorPickerHeader;
+exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
+exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
+exports.cssColorPickerInputs = cssColorPickerInputs;
+exports.cssColorPickerInputsType = cssColorPickerInputsType;
+exports.cssColorPickerInputsValue = cssColorPickerInputsValue;
+exports.cssColorPickerInputsValueContainer = cssColorPickerInputsValueContainer;
+exports.cssColorPickerRbgcp = cssColorPickerRbgcp;
+exports.cssColorPickerSwatch = cssColorPickerSwatch;
+exports.cssColorPickerSwatchBig = cssColorPickerSwatchBig;
+exports.cssColorPickerSwatchFill = cssColorPickerSwatchFill;
+exports.cssColorPickerSwatchSmall = cssColorPickerSwatchSmall;
+exports.cssColorPickerSwatches = cssColorPickerSwatches;
+exports.cssColorPickerSwatchesContent = cssColorPickerSwatchesContent;
+exports.cssColorPickerSwatchesHeader = cssColorPickerSwatchesHeader;
+//# sourceMappingURL=css_classes.js.map

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

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