@dreamcommerce/aurora 3.0.0-53 → 3.0.0-55

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

@@ -0,0 +1,52 @@
+'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 button = require('../../button/button.js');
+var color_picker_context = require('../color_picker_context.js');
+var color_picker_utils = require('../color_picker_utils.js');
+var use_color_picker = require('../hooks/use_color_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerFooter = function ColorPickerFooter() {
+  var _useContext = React.useContext(color_picker_context.ColorPickerContext),
+    setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    color = _useColorPicker.color,
+    handleCancel = _useColorPicker.handleCancel,
+    handleSave = _useColorPicker.handleSave;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var handleCancelButton = function handleCancelButton() {
+    setIsColorPickerOpened(false);
+    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+  };
+  var handleSaveButton = function handleSaveButton() {
+    setIsColorPickerOpened(false);
+    handleSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(color));
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-rounded-b-16"
+  }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-capitalize aurora-flex-1",
+    variant: "secondary",
+    size: "s",
+    type: "button",
+    onClick: handleCancelButton
+  }, "".concat(t('cancel'))), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-capitalize aurora-flex-1",
+    type: "button",
+    size: "s",
+    onClick: handleSaveButton
+  }, "".concat(t('choose'))));
+};
+
+exports.ColorPickerFooter = ColorPickerFooter;
+//# sourceMappingURL=color_picker_footer.js.map

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

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../../input/input.js');
+var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
+var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
+var icon = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
+  var _usePicker = context.usePicker(),
+    degrees = _usePicker.degrees,
+    onChange = _usePicker.onChange,
+    value = _usePicker.value;
+  var handleDegrees = function handleDegrees(e) {
+    var newValue = formatters.formatInputValues(e.target.value, 0, 360);
+    var remaining = value.split(/,(.+)/)[1];
+    onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'aurora-relative aurora-p-0 aurora-flex aurora-justify-between aurora-gap-1.5 aurora-h-6 aurora-border-2 aurora-border-solid aurora-rounded-4 aurora-bg-active'
+  }, /*#__PURE__*/React__default['default'].createElement(icon.DegreesIcon, {
+    color: "#5c657e"
+  }), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    value: degrees,
+    onChange: function onChange(e) {
+      return handleDegrees(e);
+    },
+    className: '!aurora-h-5 !aurora-w-10 !aurora-px-1 !aurora-text-xs aurora-rounded-4 aurora-text-center'
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      position: 'absolute',
+      right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,
+      top: 1,
+      fontWeight: 400,
+      fontSize: 13
+    }
+  }, "\xB0")));
+};
+
+exports.ColorPickerGradientAngle = ColorPickerGradientAngle;
+//# sourceMappingURL=color_picker_gradient_angle.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G,mBAAmB,4FAAgG;AACnH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,54 @@
+'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 typography = require('../../typography/typography.js');
+var close_icon = require('../../../assets/icons/close_icon.js');
+var color_picker_context = require('../color_picker_context.js');
+var use_color_picker = require('../hooks/use_color_picker.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 _useColorPicker = use_color_picker.useColorPicker(),
+    handleCancel = _useColorPicker.handleCancel;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var _useContext = React.useContext(color_picker_context.ColorPickerContext),
+    isColorPickerOpened = _useContext.isColorPickerOpened,
+    setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
+  var handleCancelButton = function handleCancelButton() {
+    closePicker();
+  };
+  var closePicker = function closePicker() {
+    setIsColorPickerOpened(false);
+    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+  };
+  React.useEffect(function () {
+    if (!isColorPickerOpened) return;
+    document.addEventListener('visibilitychange', closePicker);
+    return function () {
+      return document.removeEventListener('visibilitychange', closePicker);
+    };
+  }, [isColorPickerOpened]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-py-2 aurora-px-4 aurora-border aurora-rounded-t-16"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "s",
+    weight: "semibold"
+  }, "".concat(t('Select color'))), /*#__PURE__*/React__default['default'].createElement("button", {
+    onClick: handleCancelButton,
+    className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer"
+  }, /*#__PURE__*/React__default['default'].createElement(close_icon.CloseLineIcon, {
+    className: "aurora-w-4 aurora-h-4"
+  })));
+};
+
+exports.ColorPickerHeader = ColorPickerHeader;
+//# sourceMappingURL=color_picker_header.js.map

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

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
+var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
+var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
+var picker_impl = require('./picker_impl.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerImpl = function ColorPickerImpl(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 'rgba(175, 51, 242, 1)' : _ref$value,
+    onChange = _ref.onChange,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 294 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 294 : _ref$height,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    className = _ref.className;
+  var safeValue = utils.objectToString(value);
+  var contRef = React.useRef(null);
+  var defaultStyles = styles.getStyles(true);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: contRef,
+    className: className,
+    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles.body), style), {}, {
+      width: width
+    })
+  }, /*#__PURE__*/React__default['default'].createElement(context['default'], {
+    value: safeValue,
+    defaultStyles: defaultStyles,
+    onChange: onChange,
+    squareWidth: width,
+    squareHeight: height,
+    hideOpacity: false
+  }, /*#__PURE__*/React__default['default'].createElement(picker_impl.PickerImpl, null)));
+};
+
+exports.ColorPickerImpl = ColorPickerImpl;
+//# sourceMappingURL=color_picker_impl.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/color_picker_impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/picker_impl.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var stack = require('../../../stack/stack.js');
+var use_color_picker = require('../../hooks/use_color_picker.js');
+var color_picker_controls = require('../color_picker_controls.js');
+var color_picker_inputs = require('../color_picker_inputs/color_picker_inputs.js');
+var color_picker_shades = require('../color_picker_shades.js');
+var Hue = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Hue.js');
+var Opacity = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Opacity.js');
+var Square = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/components/Square.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PickerImpl = function PickerImpl() {
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-flex-col aurora-gap-2"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_controls.ColorPickerControls, null), /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "2.5",
+    direction: "column",
+    onMouseDown: function onMouseDown(ev) {
+      return (
+        // Prevents whole page from being selected when dragging
+        ev.preventDefault()
+      );
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__square"
+  }, /*#__PURE__*/React__default['default'].createElement(Square['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__hue"
+  }, /*#__PURE__*/React__default['default'].createElement(Hue['default'], null)), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__opacity"
+  }, /*#__PURE__*/React__default['default'].createElement(Opacity['default'], null))), /*#__PURE__*/React__default['default'].createElement(color_picker_inputs.ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_shades.ColorPickerShades, null) : null);
+};
+
+exports.PickerImpl = PickerImpl;
+//# sourceMappingURL=picker_impl.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl/picker_impl.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,kBAAkB,2FAA+F;AACjH,sBAAsB,+FAAmG;AACzH,qBAAqB,8FAAkG;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var stack = require('../../../stack/stack.js');
+var color_picker_constants = require('../../color_picker_constants.js');
+var color_picker_inputs_hex = require('./color_picker_inputs_hex.js');
+var color_picker_inputs_rgba = require('./color_picker_inputs_rgba.js');
+var current_color_preview = require('../current_color_preview.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(color_picker_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 color_picker_constants.COLOR_PICKER_TYPES.HEX:
+        return /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_hex.ColorPickerInputsHex, null);
+      case color_picker_constants.COLOR_PICKER_TYPES.RGB:
+        return /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_rgba.ColorPickerInputsRgba, null);
+      default:
+        return false;
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "2",
+    align: "center"
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("select", {
+    value: type,
+    onChange: handleSelectType,
+    className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
+  }, /*#__PURE__*/React__default['default'].createElement("option", {
+    value: color_picker_constants.COLOR_PICKER_TYPES.HEX
+  }, color_picker_constants.COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default['default'].createElement("option", {
+    value: color_picker_constants.COLOR_PICKER_TYPES.RGB
+  }, color_picker_constants.COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex-1"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden"
+  }, inputs())), /*#__PURE__*/React__default['default'].createElement(current_color_preview.CurrentColorPreview, null));
+};
+
+exports.ColorPickerInputs = ColorPickerInputs;
+//# sourceMappingURL=color_picker_inputs.js.map

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

package/build/cjs/packages/aurora/src/components/color_picker/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('../../../input/input.js');
+var color_picker_utils = require('../../color_picker_utils.js');
+var use_color_picker = require('../../hooks/use_color_picker.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 ColorPickerInputsHex = function ColorPickerInputsHex() {
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    setColor = _useColorPicker.setColor,
+    hex = _useColorPicker.hex,
+    handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
+    alphaValue = _useColorPicker.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 (color_picker_utils.ColorPickerUtils.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.Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    maxLength: 8,
+    value: value.toUpperCase(),
+    onChange: handleOnChange,
+    onBlur: hexBlur,
+    onFocus: hexFocus
+  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+    type: "text",
+    value: alphaValue,
+    onChange: handleOnChangeAlpha,
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }));
+};
+
+exports.ColorPickerInputsHex = ColorPickerInputsHex;
+//# sourceMappingURL=color_picker_inputs_hex.js.map

package/build/cjs/packages/aurora/src/components/color_picker/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/components/color_picker_inputs/color_picker_inputs_rgba.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../../input/input.js');
+var use_color_picker = require('../../hooks/use_color_picker.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 _useColorPicker = use_color_picker.useColorPicker(),
+    setR = _useColorPicker.setR,
+    setG = _useColorPicker.setG,
+    setB = _useColorPicker.setB,
+    handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
+    alphaValue = _useColorPicker.alphaValue,
+    rgbaArr = _useColorPicker.rgbaArr;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    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.Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    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.Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: rgbaArr[2],
+    onChange: function onChange(e) {
+      return setB(Number(e.target.value));
+    },
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: alphaValue,
+    onChange: handleOnChangeAlpha,
+    onKeyPress: utilities.InputUtils.preventTypingLetters
+  }));
+};
+
+exports.ColorPickerInputsRgba = ColorPickerInputsRgba;
+//# sourceMappingURL=color_picker_inputs_rgba.js.map

package/build/cjs/packages/aurora/src/components/color_picker/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;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var stack = require('../../stack/stack.js');
+var typography = require('../../typography/typography.js');
+var tooltip = require('../../tooltip/tooltip.js');
+var tooltip_trigger = require('../../tooltip/components/tooltip_trigger.js');
+var tooltip_content = require('../../tooltip/components/tooltip_content.js');
+var tooltip_provider = require('../../tooltip/context/tooltip_provider.js');
+var use_color_picker = require('../hooks/use_color_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerModeToggler = function ColorPickerModeToggler() {
+  var _useTranslation = useTranslation.useTranslation(),
+    t = _useTranslation.t;
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    gradientType = _useColorPicker.gradientType,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
+    setSolid = _useColorPicker.setSolid,
+    setRadial = _useColorPicker.setRadial,
+    setLinear = _useColorPicker.setLinear,
+    previousSolidColor = _useColorPicker.previousSolidColor,
+    previousGradientColor = _useColorPicker.previousGradientColor;
+  var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong';
+  var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
+  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "1",
+    className: "aurora-flex aurora-list-none"
+  }, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setSolid(previousSolidColor);
+    },
+    "aria-label": "Color picker solid mode",
+    className: "aurora-bg-info-active ".concat(commonClassNames, " ").concat(!isCurrentValueGradient && activeClassNames)
+  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Solid')))))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setLinear(previousGradientColor);
+    },
+    "aria-label": "Color picker linear gradient mode",
+    className: "color-picker-mode-toggler__button_gradient_linear ".concat(commonClassNames, " ").concat(gradientType === 'linear-gradient' && activeClassNames)
+  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setRadial(previousGradientColor);
+    },
+    "aria-label": "Color picker radial gradient mode",
+    className: "color-picker-mode-toggler__button_gradient_radial ".concat(commonClassNames, " ").concat(gradientType === 'radial-gradient' && activeClassNames)
+  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Radial gradient')))))));
+};
+
+exports.ColorPickerModeToggler = ColorPickerModeToggler;
+//# sourceMappingURL=color_picker_mode_toggler.js.map

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

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

@@ -0,0 +1,96 @@
+'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 color_picker_utils = require('../color_picker_utils.js');
+var use_color_picker = require('../hooks/use_color_picker.js');
+var color_picker_swatch = 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 ColorPickerShades = function ColorPickerShades() {
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    hslArr = _useColorPicker.hslArr,
+    setColor = _useColorPicker.setColor;
+  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: "aurora-mt-3.5"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-strong"
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: "aurora-text-xs aurora-font-medium"
+  }, "".concat(t('Shades of color')))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
+  }, shades.map(function (shade, index) {
+    var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(shade);
+    var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
+    var handleOnClick = function handleOnClick() {
+      setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
+    };
+    return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
+      size: "small",
+      onClick: handleOnClick,
+      key: "".concat(shade, "-").concat(index),
+      color: colorHex,
+      cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
+    });
+  })));
+};
+
+exports.ColorPickerShades = ColorPickerShades;
+//# sourceMappingURL=color_picker_shades.js.map

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