@dreamcommerce/aurora 3.0.0-287 → 3.0.0-289

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +10 -10
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_constants.js +0 -5
  3. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_constants.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +35 -43
  5. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js +6 -2
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.js +3 -4
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_content.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
  11. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js +1 -3
  13. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +2 -4
  15. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -11
  17. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js.map +1 -1
  18. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js +12 -7
  19. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js.map +1 -1
  20. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js +10 -8
  21. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js.map +1 -1
  22. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +4 -5
  23. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  24. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js +1 -1
  25. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map +1 -1
  26. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js +1 -1
  27. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js.map +1 -1
  28. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +1 -1
  29. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
  30. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +2 -2
  31. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -2
  32. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  33. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -9
  34. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  35. package/build/cjs/packages/aurora/src/components/color_picker/components/current_color_preview.js +1 -2
  36. package/build/cjs/packages/aurora/src/components/color_picker/components/current_color_preview.js.map +1 -1
  37. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +5 -6
  38. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  39. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +65 -95
  40. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  41. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  42. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +8 -6
  43. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
  44. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +5 -5
  45. package/build/cjs/packages/aurora/src/components/input/input.js +6 -30
  46. package/build/cjs/packages/aurora/src/components/input/input.js.map +1 -1
  47. package/build/cjs/packages/aurora/src/components/input/input_variants.js +1 -1
  48. package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js +69 -47
  49. package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
  50. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
  51. package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts +1 -1
  52. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +10 -10
  53. package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js +1 -5
  54. package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js.map +1 -1
  55. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +9 -20
  56. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map +1 -1
  57. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +5 -4
  58. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +35 -43
  59. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js +6 -2
  61. package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.js +3 -4
  63. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_content.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
  65. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js +1 -3
  67. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
  68. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +2 -4
  69. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
  70. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -11
  71. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js +13 -8
  73. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js.map +1 -1
  74. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js +10 -8
  75. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js.map +1 -1
  76. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +4 -5
  77. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  78. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js +1 -1
  79. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map +1 -1
  80. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js +1 -1
  81. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_hue.js.map +1 -1
  82. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +1 -1
  83. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
  84. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +2 -2
  85. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -2
  86. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  87. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -9
  88. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  89. package/build/esm/packages/aurora/src/components/color_picker/components/current_color_preview.js +1 -2
  90. package/build/esm/packages/aurora/src/components/color_picker/components/current_color_preview.js.map +1 -1
  91. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +5 -6
  92. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  93. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +13 -13
  94. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +67 -93
  95. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  96. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  97. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.d.ts +4 -1
  98. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +8 -6
  99. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
  100. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control_types.d.ts +1 -1
  101. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +5 -5
  102. package/build/esm/packages/aurora/src/components/input/input.js +8 -32
  103. package/build/esm/packages/aurora/src/components/input/input.js.map +1 -1
  104. package/build/esm/packages/aurora/src/components/input/input_variants.js +1 -1
  105. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.d.ts +1 -1
  106. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js +70 -48
  107. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
  108. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.d.ts +8 -7
  109. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +1 -1
  110. package/package.json +1 -1
@@ -12,11 +12,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
- var _excluded = ["id", "name", "initialColor", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
15
+ var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
16
16
  var ColorPicker = function ColorPicker(_ref) {
17
17
  var id = _ref.id,
18
18
  name = _ref.name,
19
- initialColor = _ref.initialColor,
19
+ value = _ref.value,
20
20
  colorVariables = _ref.colorVariables,
21
21
  errors = _ref.errors,
22
22
  onChange = _ref.onChange,
@@ -27,7 +27,7 @@ var ColorPicker = function ColorPicker(_ref) {
27
27
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
28
28
  var _useSetupColorPicker = setup_color_picker['default']({
29
29
  colorVariables: colorVariables,
30
- initialColor: initialColor,
30
+ value: value,
31
31
  onChange: onChange,
32
32
  onCancel: onCancel,
33
33
  onSave: onSave,
@@ -38,7 +38,7 @@ var ColorPicker = function ColorPicker(_ref) {
38
38
  hex = _useSetupColorPicker.hex,
39
39
  hslArr = _useSetupColorPicker.hslArr,
40
40
  handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
41
- alphaValue = _useSetupColorPicker.alphaValue,
41
+ alpha = _useSetupColorPicker.alpha,
42
42
  rgbaArr = _useSetupColorPicker.rgbaArr,
43
43
  setR = _useSetupColorPicker.setR,
44
44
  setG = _useSetupColorPicker.setG,
@@ -56,15 +56,15 @@ var ColorPicker = function ColorPicker(_ref) {
56
56
  isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
57
57
  setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
58
58
  degrees = _useSetupColorPicker.degrees,
59
- setDegrees = _useSetupColorPicker.setDegrees;
60
- var value = React.useMemo(function () {
59
+ shadeName = _useSetupColorPicker.shadeName;
60
+ var contextVal = React.useMemo(function () {
61
61
  return {
62
62
  color: color,
63
63
  setColor: setColor,
64
64
  hex: hex,
65
65
  hslArr: hslArr,
66
66
  handleOnChangeAlpha: handleOnChangeAlpha,
67
- alphaValue: alphaValue,
67
+ alpha: alpha,
68
68
  rgbaArr: rgbaArr,
69
69
  setR: setR,
70
70
  setG: setG,
@@ -83,11 +83,11 @@ var ColorPicker = function ColorPicker(_ref) {
83
83
  isColorPickerOpened: isColorPickerOpened,
84
84
  setIsColorPickerOpened: setIsColorPickerOpened,
85
85
  degrees: degrees,
86
- setDegrees: setDegrees
86
+ shadeName: shadeName
87
87
  };
88
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, setDegrees]);
88
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, shadeName]);
89
89
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
90
- value: value
90
+ value: contextVal
91
91
  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
92
92
  id: id,
93
93
  name: name,
@@ -23,10 +23,6 @@ var GRADIENT_TYPES = {
23
23
  linear: 'linear-gradient',
24
24
  radial: 'radial-gradient'
25
25
  };
26
- var GRADIENT_RADIAL_SHAPES = {
27
- circle: 'circle',
28
- ellipse: 'ellipse'
29
- };
30
26
 
31
27
  exports.COLOR_PICKER_ALPHA_MAX_VALUE = COLOR_PICKER_ALPHA_MAX_VALUE;
32
28
  exports.COLOR_PICKER_CONTENT_MAX_HEIGHT = COLOR_PICKER_CONTENT_MAX_HEIGHT;
@@ -36,6 +32,5 @@ exports.COLOR_PICKER_PADDING_LEFT = COLOR_PICKER_PADDING_LEFT;
36
32
  exports.COLOR_PICKER_SWATCH_SIZES = COLOR_PICKER_SWATCH_SIZES;
37
33
  exports.COLOR_PICKER_TYPES = COLOR_PICKER_TYPES;
38
34
  exports.COLOR_PICKER_WIDTH = COLOR_PICKER_WIDTH;
39
- exports.GRADIENT_RADIAL_SHAPES = GRADIENT_RADIAL_SHAPES;
40
35
  exports.GRADIENT_TYPES = GRADIENT_TYPES;
41
36
  //# sourceMappingURL=color_picker_constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var color_picker_constants = require('./color_picker_constants.js');
7
- var formatters = require('../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
8
6
  var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
7
+ var formatters = require('../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
9
8
 
10
9
  var _ColorPickerUtils;
11
10
  var ColorPickerUtils = /*#__PURE__*/function () {
@@ -15,25 +14,17 @@ var ColorPickerUtils = /*#__PURE__*/function () {
15
14
  return _rollupPluginBabelHelpers.createClass(ColorPickerUtils, null, [{
16
15
  key: "isGradient",
17
16
  value: function isGradient(color) {
18
- return color.includes('linear-gradient') || color.includes('radial-gradient');
17
+ return /(linear|radial|conic)-gradient\s*\(/.test(color);
19
18
  }
20
19
  }, {
21
- key: "getColorPickerGradientValue",
22
- value: function getColorPickerGradientValue(gradient) {
23
- var _gradient$degrees;
24
- return {
25
- gradientType: gradient.gradientType,
26
- angle: gradient.gradientType === color_picker_constants.GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
27
- radialShape: gradient.gradientType === color_picker_constants.GRADIENT_TYPES.radial ? color_picker_constants.GRADIENT_RADIAL_SHAPES.circle : undefined,
28
- colors: gradient.colors.map(function (_ref) {
29
- var left = _ref.left,
30
- value = _ref.value;
31
- return {
32
- stop: left,
33
- value: "#".concat(ColorPickerUtils.getTinyColorInstance(value).toHex8())
34
- };
35
- })
36
- };
20
+ key: "preventTypingLetters",
21
+ value: function preventTypingLetters(event) {
22
+ var allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab', 'Home', 'End'];
23
+ if (allowedKeys.includes(event.key) || event.ctrlKey || event.metaKey || /^[0-9]$/.test(event.key)) {
24
+ return;
25
+ } else {
26
+ event.preventDefault();
27
+ }
37
28
  }
38
29
  }]);
39
30
  }();
@@ -41,22 +32,6 @@ _ColorPickerUtils = ColorPickerUtils;
41
32
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getTinyColorInstance", function (color) {
42
33
  return tinycolor['default'](color);
43
34
  });
44
- _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getColorPickerValue", function (color) {
45
- var _color$name;
46
- var initialColorValue = typeof color === 'string' ? color : color === null || color === void 0 ? void 0 : color.value;
47
- if (!initialColorValue) return {
48
- value: color_picker_constants.COLOR_PICKER_INITIAL_STATE,
49
- name: ''
50
- };
51
- var parsedColorValue = initialColorValue ? _ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8() : color_picker_constants.COLOR_PICKER_INITIAL_STATE;
52
- if (_ColorPickerUtils.isGradient(initialColorValue)) {
53
- parsedColorValue = initialColorValue;
54
- }
55
- return {
56
- value: parsedColorValue,
57
- name: typeof color === 'string' ? '' : (_color$name = color === null || color === void 0 ? void 0 : color.name) !== null && _color$name !== void 0 ? _color$name : ''
58
- };
59
- });
60
35
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getRgbaValue", function (colorSet) {
61
36
  return colorSet.toRgb();
62
37
  });
@@ -67,12 +42,8 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValue", functi
67
42
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValueString", function (colorSet) {
68
43
  return "#".concat(_ColorPickerUtils.getHexValue(colorSet));
69
44
  });
70
- _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "isHexChar", function (value) {
71
- var hexRegEx = /^$|[0-9a-fA-F]+$/;
72
- return hexRegEx.test(value);
73
- });
74
45
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
75
- var tinyColor = typeof color === 'string' ? _ColorPickerUtils.getTinyColorInstance(color) : _ColorPickerUtils.getTinyColorInstance(color.value);
46
+ var tinyColor = _ColorPickerUtils.getTinyColorInstance(color.value);
76
47
  var rgba = _ColorPickerUtils.getRgbaValue(tinyColor);
77
48
  var hex = _ColorPickerUtils.getHexValue(tinyColor);
78
49
  var hexString = _ColorPickerUtils.getHexValueString(tinyColor);
@@ -91,9 +62,9 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", f
91
62
  };
92
63
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
93
64
  });
94
- _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
95
- var color = _ref2.color,
96
- name = _ref2.name;
65
+ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref) {
66
+ var color = _ref.color,
67
+ name = _ref.name;
97
68
  var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
98
69
  var colorHsl = colorTiny.toHsl();
99
70
  var isNeutral = name.includes('neutral');
@@ -196,6 +167,27 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "updateGradientWithAc
196
167
  });
197
168
  });
198
169
  });
170
+ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
171
+ var _Object$values$find;
172
+ return (_Object$values$find = Object.values(variables).find(function (v) {
173
+ var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
174
+ var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
175
+ return variableTiny.toHexString() === colorTiny.toHexString();
176
+ })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
177
+ });
178
+ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
179
+ var gradientRegex = /linear-gradient\s*\((.*?)\)/i;
180
+ var match = color.match(gradientRegex);
181
+ if (!match) {
182
+ return color;
183
+ }
184
+ var inner = match[1].trim();
185
+ var hasAngleOrDirection = /^([0-9.]+(deg|rad|grad|turn)|to\s+(left|right|top|bottom)(\s+(left|right|top|bottom))?)/i;
186
+ if (!hasAngleOrDirection.test(inner)) {
187
+ return color.replace(gradientRegex, "linear-gradient(180deg, ".concat(inner, ")"));
188
+ }
189
+ return color;
190
+ });
199
191
 
200
192
  exports.ColorPickerUtils = ColorPickerUtils;
201
193
  //# sourceMappingURL=color_picker_utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,uFAA2F;AACpH,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF,yBAAyB,uFAA2F;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,6 +8,7 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
8
8
  var input = require('../../input/input.js');
9
9
  var color_picker_constants = require('../color_picker_constants.js');
10
10
  var use_color_picker = require('../hooks/use_color_picker.js');
11
+ var color_picker_utils = require('../color_picker_utils.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
@@ -23,11 +24,14 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
23
24
  hex = _useColorPicker.hex,
24
25
  color = _useColorPicker.color,
25
26
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
26
- gradientType = _useColorPicker.gradientType;
27
+ gradientType = _useColorPicker.gradientType,
28
+ colorVariables = _useColorPicker.colorVariables,
29
+ shadeName = _useColorPicker.shadeName;
27
30
  var _useTranslation = useTranslation.useTranslation(),
28
31
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
29
32
  t = _useTranslation2[0];
30
- var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
33
+ var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && color_picker_utils.ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
34
+ var colorName = variableName ? "".concat(t(variableName)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
31
35
  if (isCurrentValueGradient) colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
32
36
  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
33
37
  className: "aurora-cursor-pointer",
@@ -1 +1 @@
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;"}
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;"}
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var color_picker_constants = require('../color_picker_constants.js');
8
+ var use_color_picker = require('../hooks/use_color_picker.js');
9
+ var color_picker_footer = require('./color_picker_footer.js');
8
10
  var utils = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
9
11
  var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
10
12
  var styles = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
11
- var use_color_picker = require('../hooks/use_color_picker.js');
12
- var color_picker_footer = require('./color_picker_footer.js');
13
13
  var color_picker_variables = require('./color_picker_variables.js');
14
14
  var color_picker_controls = require('./color_picker_controls.js');
15
15
  var color_picker_impl = require('./color_picker_impl.js');
@@ -24,8 +24,7 @@ var ColorPickerContent = function ColorPickerContent() {
24
24
  setColor = _useColorPicker.setColor,
25
25
  colorVariables = _useColorPicker.colorVariables,
26
26
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
27
- var colorValue = typeof color === 'string' ? color : color.value;
28
- var safeValue = utils.objectToString(colorValue);
27
+ var safeValue = utils.objectToString(color);
29
28
  var defaultStyles = styles.getStyles(true);
30
29
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(context['default'], {
31
30
  value: safeValue,
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -12,8 +12,8 @@ var tooltip_trigger = require('../../tooltip/components/tooltip_trigger.js');
12
12
  var tooltip_content = require('../../tooltip/components/tooltip_content.js');
13
13
  var tooltip_provider = require('../../tooltip/context/tooltip_provider.js');
14
14
  var color_picker_constants = require('../color_picker_constants.js');
15
- var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
16
15
  var use_color_picker = require('../hooks/use_color_picker.js');
16
+ var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
17
17
  var color_picker_gradient_angle = require('./color_picker_gradient_controls/color_picker_gradient_angle.js');
18
18
  var color_picker_mode_toggler = require('./color_picker_mode_toggler.js');
19
19
  var color_picker_gradient_bar = require('./color_picker_overrides/color_picker_gradient_bar.js');
@@ -1 +1 @@
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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -6,7 +6,6 @@ var React = require('react');
6
6
  var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
8
  var button = require('../../button/button.js');
9
- var color_picker_utils = require('../color_picker_utils.js');
10
9
  var use_color_picker = require('../hooks/use_color_picker.js');
11
10
 
12
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +14,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
14
 
16
15
  var ColorPickerFooter = function ColorPickerFooter() {
17
16
  var _useColorPicker = use_color_picker.useColorPicker(),
18
- color = _useColorPicker.color,
19
17
  handleCancel = _useColorPicker.handleCancel,
20
18
  handleSave = _useColorPicker.handleSave,
21
19
  setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
@@ -28,7 +26,7 @@ var ColorPickerFooter = function ColorPickerFooter() {
28
26
  };
29
27
  var handleSaveButton = function handleSaveButton() {
30
28
  setIsColorPickerOpened(false);
31
- handleSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(color));
29
+ handleSave();
32
30
  };
33
31
  return /*#__PURE__*/React__default['default'].createElement("div", {
34
32
  className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-border-subtle aurora-rounded-b-16 aurora-bg-neutral-0"
@@ -1 +1 @@
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;"}
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;"}
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var use_color_picker = require('../../hooks/use_color_picker.js');
6
7
  var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
7
8
  var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
8
- var use_color_picker = require('../../hooks/use_color_picker.js');
9
9
  var angle_icon = require('../../../../assets/icons/angle_icon.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,12 +17,10 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
17
17
  onChange = _usePicker.onChange,
18
18
  value = _usePicker.value;
19
19
  var _useColorPicker = use_color_picker.useColorPicker(),
20
- degrees = _useColorPicker.degrees,
21
- setDegrees = _useColorPicker.setDegrees;
20
+ degrees = _useColorPicker.degrees;
22
21
  var handleDegrees = function handleDegrees(e) {
23
22
  var newValue = formatters.formatInputValues(e.target.value, 0, 360);
24
23
  var remaining = value.split(/,(.+)/)[1];
25
- setDegrees(newValue);
26
24
  onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
27
25
  };
28
26
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -22,16 +22,6 @@ var ColorPickerInputs = function ColorPickerInputs() {
22
22
  var handleSelectType = function handleSelectType(e) {
23
23
  setType(e.target.value);
24
24
  };
25
- var inputs = function inputs() {
26
- switch (type) {
27
- case color_picker_constants.COLOR_PICKER_TYPES.HEX:
28
- return /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_hex.ColorPickerInputsHex, null);
29
- case color_picker_constants.COLOR_PICKER_TYPES.RGB:
30
- return /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_rgba.ColorPickerInputsRgba, null);
31
- default:
32
- return false;
33
- }
34
- };
35
25
  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
36
26
  spacing: "1",
37
27
  align: "center",
@@ -50,7 +40,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
50
40
  className: "aurora-flex-1"
51
41
  }, /*#__PURE__*/React__default['default'].createElement("div", {
52
42
  className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden aurora-h-6"
53
- }, inputs())), /*#__PURE__*/React__default['default'].createElement(current_color_preview.CurrentColorPreview, null));
43
+ }, type === color_picker_constants.COLOR_PICKER_TYPES.HEX && /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_hex.ColorPickerInputsHex, null), type === color_picker_constants.COLOR_PICKER_TYPES.RGB && /*#__PURE__*/React__default['default'].createElement(color_picker_inputs_rgba.ColorPickerInputsRgba, null))), /*#__PURE__*/React__default['default'].createElement(current_color_preview.CurrentColorPreview, null));
54
44
  };
55
45
 
56
46
  exports.ColorPickerInputs = ColorPickerInputs;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -5,11 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var input = require('../../../input/input.js');
8
- var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
8
+ var use_color_picker = require('../../hooks/use_color_picker.js');
9
9
  var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
10
+ var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
10
11
  var color_picker_utils = require('../../color_picker_utils.js');
11
- var use_color_picker = require('../../hooks/use_color_picker.js');
12
- var utilities = require('@dreamcommerce/utilities');
13
12
 
14
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
14
 
@@ -20,13 +19,14 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
20
19
  setColor = _useColorPicker.setColor,
21
20
  hex = _useColorPicker.hex,
22
21
  handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
23
- alphaValue = _useColorPicker.alphaValue,
22
+ alpha = _useColorPicker.alpha,
24
23
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
25
24
  gradientType = _useColorPicker.gradientType;
26
25
  var _useState = React.useState(hex),
27
26
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
28
27
  value = _useState2[0],
29
28
  setValue = _useState2[1];
29
+ var valueRef = React.useRef(value);
30
30
  var _useState3 = React.useState(false),
31
31
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
32
32
  disable = _useState4[0],
@@ -38,6 +38,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
38
38
  var handleOnChange = function handleOnChange(event) {
39
39
  var inputValue = event.target.value.replace('%', '');
40
40
  setValue(inputValue);
41
+ valueRef.current = inputValue;
41
42
  if (!tinycolor['default'](inputValue).isValid()) return;
42
43
  if (isCurrentValueGradient && gradientType) {
43
44
  var newColors = color_picker_utils.ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
@@ -53,8 +54,10 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
53
54
  setDisable(false);
54
55
  };
55
56
  React.useEffect(function () {
57
+ if (hex === valueRef.current) return;
56
58
  if (!disable) {
57
59
  setValue(hex);
60
+ valueRef.current = hex;
58
61
  }
59
62
  }, [hex, disable]);
60
63
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
@@ -70,9 +73,11 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
70
73
  }, /*#__PURE__*/React__default['default'].createElement("input", {
71
74
  className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
72
75
  type: "text",
73
- value: alphaValue,
74
- onChange: handleOnChangeAlpha,
75
- onKeyPress: utilities.InputUtils.preventTypingLetters
76
+ value: Math.round(alpha),
77
+ onChange: function onChange(e) {
78
+ return handleOnChangeAlpha(Number(e.target.value));
79
+ },
80
+ onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
76
81
  }), /*#__PURE__*/React__default['default'].createElement("div", {
77
82
  className: "aurora-text-xs aurora-pl-0.5"
78
83
  }, "%")));
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2DAA+D;AACvF,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var input = require('../../../input/input.js');
7
7
  var use_color_picker = require('../../hooks/use_color_picker.js');
8
- var utilities = require('@dreamcommerce/utilities');
8
+ var color_picker_utils = require('../../color_picker_utils.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -17,7 +17,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
17
17
  setG = _useColorPicker.setG,
18
18
  setB = _useColorPicker.setB,
19
19
  handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
20
- alphaValue = _useColorPicker.alphaValue,
20
+ alpha = _useColorPicker.alpha,
21
21
  rgbaArr = _useColorPicker.rgbaArr;
22
22
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
23
23
  className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
@@ -26,7 +26,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
26
26
  onChange: function onChange(e) {
27
27
  return setR(Number(e.target.value));
28
28
  },
29
- onKeyPress: utilities.InputUtils.preventTypingLetters
29
+ onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
30
30
  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
31
31
  className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
32
32
  type: "text",
@@ -34,7 +34,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
34
34
  onChange: function onChange(e) {
35
35
  return setG(Number(e.target.value));
36
36
  },
37
- onKeyPress: utilities.InputUtils.preventTypingLetters
37
+ onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
38
38
  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
39
39
  className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
40
40
  type: "text",
@@ -42,15 +42,17 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
42
42
  onChange: function onChange(e) {
43
43
  return setB(Number(e.target.value));
44
44
  },
45
- onKeyPress: utilities.InputUtils.preventTypingLetters
45
+ onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
46
46
  }), /*#__PURE__*/React__default['default'].createElement("div", {
47
47
  className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
48
48
  }, /*#__PURE__*/React__default['default'].createElement("input", {
49
49
  className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
50
50
  type: "text",
51
- value: alphaValue,
52
- onChange: handleOnChangeAlpha,
53
- onKeyPress: utilities.InputUtils.preventTypingLetters
51
+ value: Math.round(alpha),
52
+ onChange: function onChange(e) {
53
+ return handleOnChangeAlpha(Number(e.target.value));
54
+ },
55
+ onKeyDown: color_picker_utils.ColorPickerUtils.preventTypingLetters
54
56
  }), /*#__PURE__*/React__default['default'].createElement("div", {
55
57
  className: "aurora-text-xs aurora-pl-0.5"
56
58
  }, "%")));
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -29,8 +29,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
29
29
  setLinear = _useColorPicker.setLinear,
30
30
  previousSolidColor = _useColorPicker.previousSolidColor,
31
31
  previousGradientColor = _useColorPicker.previousGradientColor,
32
- color = _useColorPicker.color,
33
- degrees = _useColorPicker.degrees;
32
+ color = _useColorPicker.color;
34
33
  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 hover:aurora-border-2';
35
34
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
36
35
  var changeToSolid = function changeToSolid() {
@@ -38,17 +37,17 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
38
37
  };
39
38
  var changeToLinear = function changeToLinear() {
40
39
  if (!isCurrentValueGradient) {
41
- setLinear(previousGradientColor, degrees);
40
+ setLinear(previousGradientColor);
42
41
  return;
43
42
  }
44
- setLinear(color.value, degrees);
43
+ setLinear(color);
45
44
  };
46
45
  var changeToRadial = function changeToRadial() {
47
46
  if (!isCurrentValueGradient) {
48
47
  setRadial(previousGradientColor);
49
48
  return;
50
49
  }
51
- setRadial(color.value);
50
+ setRadial(color);
52
51
  };
53
52
  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
54
53
  spacing: "1",
@@ -1 +1 @@
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;"}
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;"}
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+ var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
7
8
  var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
8
9
  var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
9
- var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
10
10
  var dropper_fill_icon = require('../../../../assets/icons/dropper_fill_icon.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2DAA+D;AACvF,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+ var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
7
8
  var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
8
9
  var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
9
10
  var usePaintHue = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js');
10
- var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,0BAA0B,8FAAkG;AAC5H,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2DAA+D;AACvF,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,0BAA0B,8FAAkG;AAC5H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}