@dreamcommerce/aurora 3.0.0-276 → 3.0.0-277

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 (32) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +7 -3
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.js +1 -24
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js +2 -4
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +5 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +4 -3
  10. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +19 -10
  12. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js +5 -1
  14. package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +7 -3
  16. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.d.ts +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js +1 -24
  19. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +3 -1
  21. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js +3 -5
  22. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +5 -1
  24. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +4 -3
  26. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +5 -3
  28. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +19 -10
  29. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js +5 -1
  31. package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
  32. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -54,7 +54,9 @@ var ColorPicker = function ColorPicker(_ref) {
54
54
  setSolid = _useSetupColorPicker.setSolid,
55
55
  withGradient = _useSetupColorPicker.withGradient,
56
56
  isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
57
- setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
57
+ setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
58
+ degrees = _useSetupColorPicker.degrees,
59
+ setDegrees = _useSetupColorPicker.setDegrees;
58
60
  var value = React.useMemo(function () {
59
61
  return {
60
62
  color: color,
@@ -79,9 +81,11 @@ var ColorPicker = function ColorPicker(_ref) {
79
81
  previousGradientColor: previousGradientColor,
80
82
  withGradient: withGradient,
81
83
  isColorPickerOpened: isColorPickerOpened,
82
- setIsColorPickerOpened: setIsColorPickerOpened
84
+ setIsColorPickerOpened: setIsColorPickerOpened,
85
+ degrees: degrees,
86
+ setDegrees: setDegrees
83
87
  };
84
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
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]);
85
89
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
86
90
  value: value
87
91
  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker_context.js CHANGED
@@ -4,30 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- var ColorPickerContext = /*#__PURE__*/React.createContext({
8
- color: {
9
- value: '',
10
- name: ''
11
- },
12
- setColor: function setColor() {},
13
- hex: '',
14
- hslArr: [],
15
- handleOnChangeAlpha: function handleOnChangeAlpha() {},
16
- alphaValue: '',
17
- rgbaArr: [],
18
- setR: function setR() {},
19
- setG: function setG() {},
20
- setB: function setB() {},
21
- handleCancel: function handleCancel() {},
22
- handleSave: function handleSave() {},
23
- setSolid: function setSolid() {},
24
- setRadial: function setRadial() {},
25
- setLinear: function setLinear() {},
26
- isCurrentValueGradient: false,
27
- withGradient: false,
28
- isColorPickerOpened: false,
29
- setIsColorPickerOpened: function setIsColorPickerOpened() {}
30
- });
7
+ var ColorPickerContext = /*#__PURE__*/React.createContext(null);
31
8
 
32
9
  exports.ColorPickerContext = ColorPickerContext;
33
10
  //# sourceMappingURL=color_picker_context.js.map
package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.js.map CHANGED
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js CHANGED
@@ -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_context = require('../color_picker_context.js');
10
9
  var color_picker_utils = require('../color_picker_utils.js');
11
10
  var use_color_picker = require('../hooks/use_color_picker.js');
12
11
 
@@ -15,12 +14,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
15
 
17
16
  var ColorPickerFooter = function ColorPickerFooter() {
18
- var _useContext = React.useContext(color_picker_context.ColorPickerContext),
19
- setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
20
17
  var _useColorPicker = use_color_picker.useColorPicker(),
21
18
  color = _useColorPicker.color,
22
19
  handleCancel = _useColorPicker.handleCancel,
23
- handleSave = _useColorPicker.handleSave;
20
+ handleSave = _useColorPicker.handleSave,
21
+ setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
24
22
  var _useTranslation = useTranslation.useTranslation(),
25
23
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
26
24
  t = _useTranslation2[0];
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
7
7
  var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
8
+ var use_color_picker = require('../../hooks/use_color_picker.js');
8
9
  var angle_icon = require('../../../../assets/icons/angle_icon.js');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,12 +14,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
 
14
15
  var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
15
16
  var _usePicker = context.usePicker(),
16
- degrees = _usePicker.degrees,
17
17
  onChange = _usePicker.onChange,
18
18
  value = _usePicker.value;
19
+ var _useColorPicker = use_color_picker.useColorPicker(),
20
+ degrees = _useColorPicker.degrees,
21
+ setDegrees = _useColorPicker.setDegrees;
19
22
  var handleDegrees = function handleDegrees(e) {
20
23
  var newValue = formatters.formatInputValues(e.target.value, 0, 360);
21
24
  var remaining = value.split(/,(.+)/)[1];
25
+ setDegrees(newValue);
22
26
  onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
23
27
  };
24
28
  return /*#__PURE__*/React__default['default'].createElement("div", {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -29,7 +29,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
29
29
  setLinear = _useColorPicker.setLinear,
30
30
  previousSolidColor = _useColorPicker.previousSolidColor,
31
31
  previousGradientColor = _useColorPicker.previousGradientColor,
32
- color = _useColorPicker.color;
32
+ color = _useColorPicker.color,
33
+ degrees = _useColorPicker.degrees;
33
34
  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';
34
35
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
35
36
  var changeToSolid = function changeToSolid() {
@@ -37,10 +38,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
37
38
  };
38
39
  var changeToLinear = function changeToLinear() {
39
40
  if (!isCurrentValueGradient) {
40
- setLinear(previousGradientColor);
41
+ setLinear(previousGradientColor, degrees);
41
42
  return;
42
43
  }
43
- setLinear(color.value);
44
+ setLinear(color.value, degrees);
44
45
  };
45
46
  var changeToRadial = function changeToRadial() {
46
47
  if (!isCurrentValueGradient) {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -5,6 +5,7 @@ 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 utils = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
8
9
  var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
9
10
  var color_picker_utils = require('../color_picker_utils.js');
10
11
  var isEqual = require('lodash/isEqual');
@@ -44,6 +45,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
44
45
  _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
45
46
  isColorPickerOpened = _useState10[0],
46
47
  setIsColorPickerOpened = _useState10[1];
48
+ var _getDetails = utils.getDetails(initialColorObject.value),
49
+ _degrees = _getDetails.degrees;
50
+ var _useState11 = React.useState(_degrees),
51
+ _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
52
+ degrees = _useState12[0],
53
+ setDegrees = _useState12[1];
47
54
  var setColor = function setColor(newColor) {
48
55
  var newColorValue = color_picker_utils.ColorPickerUtils.getColorPickerValue(newColor);
49
56
  !color_picker_utils.ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
@@ -74,24 +81,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
74
81
  getGradientObject = _useBestGradientColor.getGradientObject;
75
82
  var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
76
83
  var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
77
- var _useState11 = React.useState(rgbaArr[3] * 100),
78
- _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
79
- alpha = _useState12[0],
80
- setAlpha = _useState12[1];
81
- var _useState13 = React.useState("".concat(alpha)),
84
+ var _useState13 = React.useState(rgbaArr[3] * 100),
82
85
  _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
83
- alphaValue = _useState14[0],
84
- setAlphaValue = _useState14[1];
86
+ alpha = _useState14[0],
87
+ setAlpha = _useState14[1];
88
+ var _useState15 = React.useState("".concat(alpha)),
89
+ _useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
90
+ alphaValue = _useState16[0],
91
+ setAlphaValue = _useState16[1];
85
92
  var setSolid = function setSolid(value) {
86
93
  setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(value).value);
87
94
  };
88
- var setLinear = function setLinear(value) {
95
+ var setLinear = function setLinear(value, deg) {
89
96
  var gradientColor = value || defaultGradient;
90
97
  if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
91
98
  setGradient(gradientColor);
92
99
  }
93
100
  var remaining = gradientColor.split(/,(.+)/)[1];
94
- setColor("linear-gradient(90deg, ".concat(remaining));
101
+ setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
95
102
  };
96
103
  var setRadial = function setRadial(value) {
97
104
  var gradientColor = value || defaultGradient;
@@ -154,7 +161,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
154
161
  gradientType: gradientType,
155
162
  withGradient: withGradient,
156
163
  isColorPickerOpened: isColorPickerOpened,
157
- setIsColorPickerOpened: setIsColorPickerOpened
164
+ setIsColorPickerOpened: setIsColorPickerOpened,
165
+ degrees: degrees,
166
+ setDegrees: setDegrees
158
167
  };
159
168
  };
160
169
 
package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,6BAA6B,8FAAkG;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/use_color_picker.js CHANGED
@@ -6,7 +6,11 @@ var React = require('react');
6
6
  var color_picker_context = require('../color_picker_context.js');
7
7
 
8
8
  var useColorPicker = function useColorPicker() {
9
- return React.useContext(color_picker_context.ColorPickerContext);
9
+ var context = React.useContext(color_picker_context.ColorPickerContext);
10
+ if (!context) {
11
+ throw new Error('ColorPickerContext is missing');
12
+ }
13
+ return context;
10
14
  };
11
15
 
12
16
  exports.useColorPicker = useColorPicker;
package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -46,7 +46,9 @@ var ColorPicker = function ColorPicker(_ref) {
46
46
  setSolid = _useSetupColorPicker.setSolid,
47
47
  withGradient = _useSetupColorPicker.withGradient,
48
48
  isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
49
- setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
49
+ setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
50
+ degrees = _useSetupColorPicker.degrees,
51
+ setDegrees = _useSetupColorPicker.setDegrees;
50
52
  var value = useMemo(function () {
51
53
  return {
52
54
  color: color,
@@ -71,9 +73,11 @@ var ColorPicker = function ColorPicker(_ref) {
71
73
  previousGradientColor: previousGradientColor,
72
74
  withGradient: withGradient,
73
75
  isColorPickerOpened: isColorPickerOpened,
74
- setIsColorPickerOpened: setIsColorPickerOpened
76
+ setIsColorPickerOpened: setIsColorPickerOpened,
77
+ degrees: degrees,
78
+ setDegrees: setDegrees
75
79
  };
76
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
80
+ }, [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]);
77
81
  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
78
82
  value: value
79
83
  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map CHANGED
@@ -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;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { IColorPickerContext } from "./color_picker_types";
3
- export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;
3
+ export declare const ColorPickerContext: import("react").Context<IColorPickerContext | null>;
package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js CHANGED
@@ -1,29 +1,6 @@
1
1
  import { createContext } from 'react';
2
2
 
3
- var ColorPickerContext = /*#__PURE__*/createContext({
4
- color: {
5
- value: '',
6
- name: ''
7
- },
8
- setColor: function setColor() {},
9
- hex: '',
10
- hslArr: [],
11
- handleOnChangeAlpha: function handleOnChangeAlpha() {},
12
- alphaValue: '',
13
- rgbaArr: [],
14
- setR: function setR() {},
15
- setG: function setG() {},
16
- setB: function setB() {},
17
- handleCancel: function handleCancel() {},
18
- handleSave: function handleSave() {},
19
- setSolid: function setSolid() {},
20
- setRadial: function setRadial() {},
21
- setLinear: function setLinear() {},
22
- isCurrentValueGradient: false,
23
- withGradient: false,
24
- isColorPickerOpened: false,
25
- setIsColorPickerOpened: function setIsColorPickerOpened() {}
26
- });
3
+ var ColorPickerContext = /*#__PURE__*/createContext(null);
27
4
 
28
5
  export { ColorPickerContext };
29
6
  //# sourceMappingURL=color_picker_context.js.map
package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js.map CHANGED
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts CHANGED
@@ -48,12 +48,14 @@ export interface IColorPickerContext {
48
48
  isCurrentValueGradient: boolean;
49
49
  setSolid: (value?: string) => void;
50
50
  setRadial: (value?: string) => void;
51
- setLinear: (value?: string) => void;
51
+ setLinear: (value?: string, deg?: number) => void;
52
52
  gradientType?: TGradientType;
53
53
  previousSolidColor?: string;
54
54
  previousGradientColor?: string;
55
55
  isColorPickerOpened: boolean;
56
56
  setIsColorPickerOpened: (isOpened: boolean) => void;
57
+ degrees: number;
58
+ setDegrees: Dispatch<SetStateAction<number>>;
57
59
  }
58
60
  export declare type ColorPickerColorTypes = {
59
61
  hex: string;
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js CHANGED
@@ -1,18 +1,16 @@
1
- import React, { useContext } from 'react';
1
+ import React from 'react';
2
2
  import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
4
  import { Button } from '../../button/button.js';
5
- import { ColorPickerContext } from '../color_picker_context.js';
6
5
  import { ColorPickerUtils } from '../color_picker_utils.js';
7
6
  import { useColorPicker } from '../hooks/use_color_picker.js';
8
7
 
9
8
  var ColorPickerFooter = function ColorPickerFooter() {
10
- var _useContext = useContext(ColorPickerContext),
11
- setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
12
9
  var _useColorPicker = useColorPicker(),
13
10
  color = _useColorPicker.color,
14
11
  handleCancel = _useColorPicker.handleCancel,
15
- handleSave = _useColorPicker.handleSave;
12
+ handleSave = _useColorPicker.handleSave,
13
+ setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
16
14
  var _useTranslation = useTranslation(),
17
15
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
18
16
  t = _useTranslation2[0];
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js CHANGED
@@ -1,16 +1,20 @@
1
1
  import React from 'react';
2
2
  import { formatInputValues } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
3
3
  import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
4
+ import { useColorPicker } from '../../hooks/use_color_picker.js';
4
5
  import { AngleIcon } from '../../../../assets/icons/angle_icon.js';
5
6
 
6
7
  var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
7
8
  var _usePicker = usePicker(),
8
- degrees = _usePicker.degrees,
9
9
  onChange = _usePicker.onChange,
10
10
  value = _usePicker.value;
11
+ var _useColorPicker = useColorPicker(),
12
+ degrees = _useColorPicker.degrees,
13
+ setDegrees = _useColorPicker.setDegrees;
11
14
  var handleDegrees = function handleDegrees(e) {
12
15
  var newValue = formatInputValues(e.target.value, 0, 360);
13
16
  var remaining = value.split(/,(.+)/)[1];
17
+ setDegrees(newValue);
14
18
  onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
15
19
  };
16
20
  return /*#__PURE__*/React.createElement("div", {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,kCAAkC,6FAAiG;AACnI,0BAA0B,oFAAwF;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -21,7 +21,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
21
21
  setLinear = _useColorPicker.setLinear,
22
22
  previousSolidColor = _useColorPicker.previousSolidColor,
23
23
  previousGradientColor = _useColorPicker.previousGradientColor,
24
- color = _useColorPicker.color;
24
+ color = _useColorPicker.color,
25
+ degrees = _useColorPicker.degrees;
25
26
  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';
26
27
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
27
28
  var changeToSolid = function changeToSolid() {
@@ -29,10 +30,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
29
30
  };
30
31
  var changeToLinear = function changeToLinear() {
31
32
  if (!isCurrentValueGradient) {
32
- setLinear(previousGradientColor);
33
+ setLinear(previousGradientColor, degrees);
33
34
  return;
34
35
  }
35
- setLinear(color.value);
36
+ setLinear(color.value, degrees);
36
37
  };
37
38
  var changeToRadial = function changeToRadial() {
38
39
  if (!isCurrentValueGradient) {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
2
+ import React from 'react';
3
3
  export declare type ColorPickerHookProps = {
4
4
  initialColor?: string | ColorPickerVariable;
5
5
  onChange?: (color: IColorPickerColor) => void;
@@ -27,10 +27,12 @@ declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave,
27
27
  isCurrentValueGradient: boolean;
28
28
  setSolid: (value?: string) => void;
29
29
  setRadial: (value?: string) => void;
30
- setLinear: (value?: string) => void;
30
+ setLinear: (value?: string, deg?: number) => void;
31
31
  gradientType: TGradientType;
32
32
  withGradient: boolean;
33
33
  isColorPickerOpened: boolean;
34
- setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
34
+ setIsColorPickerOpened: React.Dispatch<React.SetStateAction<boolean>>;
35
+ degrees: number;
36
+ setDegrees: React.Dispatch<React.SetStateAction<number>>;
35
37
  };
36
38
  export default useSetupColorPicker;
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useState, useEffect } from 'react';
2
2
  import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
4
+ import { getDetails } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
4
5
  import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
5
6
  import { ColorPickerUtils } from '../color_picker_utils.js';
6
7
  import isEqual from 'lodash/isEqual';
@@ -36,6 +37,12 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
36
37
  _useState10 = _slicedToArray(_useState9, 2),
37
38
  isColorPickerOpened = _useState10[0],
38
39
  setIsColorPickerOpened = _useState10[1];
40
+ var _getDetails = getDetails(initialColorObject.value),
41
+ _degrees = _getDetails.degrees;
42
+ var _useState11 = useState(_degrees),
43
+ _useState12 = _slicedToArray(_useState11, 2),
44
+ degrees = _useState12[0],
45
+ setDegrees = _useState12[1];
39
46
  var setColor = function setColor(newColor) {
40
47
  var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
41
48
  !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
@@ -66,24 +73,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
66
73
  getGradientObject = _useBestGradientColor.getGradientObject;
67
74
  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
68
75
  var hex = ColorPickerUtils.getHexValue(tinyColor);
69
- var _useState11 = useState(rgbaArr[3] * 100),
70
- _useState12 = _slicedToArray(_useState11, 2),
71
- alpha = _useState12[0],
72
- setAlpha = _useState12[1];
73
- var _useState13 = useState("".concat(alpha)),
76
+ var _useState13 = useState(rgbaArr[3] * 100),
74
77
  _useState14 = _slicedToArray(_useState13, 2),
75
- alphaValue = _useState14[0],
76
- setAlphaValue = _useState14[1];
78
+ alpha = _useState14[0],
79
+ setAlpha = _useState14[1];
80
+ var _useState15 = useState("".concat(alpha)),
81
+ _useState16 = _slicedToArray(_useState15, 2),
82
+ alphaValue = _useState16[0],
83
+ setAlphaValue = _useState16[1];
77
84
  var setSolid = function setSolid(value) {
78
85
  setColor(ColorPickerUtils.getColorPickerValue(value).value);
79
86
  };
80
- var setLinear = function setLinear(value) {
87
+ var setLinear = function setLinear(value, deg) {
81
88
  var gradientColor = value || defaultGradient;
82
89
  if (value && !ColorPickerUtils.isGradient(value)) {
83
90
  setGradient(gradientColor);
84
91
  }
85
92
  var remaining = gradientColor.split(/,(.+)/)[1];
86
- setColor("linear-gradient(90deg, ".concat(remaining));
93
+ setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
87
94
  };
88
95
  var setRadial = function setRadial(value) {
89
96
  var gradientColor = value || defaultGradient;
@@ -146,7 +153,9 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
146
153
  gradientType: gradientType,
147
154
  withGradient: withGradient,
148
155
  isColorPickerOpened: isColorPickerOpened,
149
- setIsColorPickerOpened: setIsColorPickerOpened
156
+ setIsColorPickerOpened: setIsColorPickerOpened,
157
+ degrees: degrees,
158
+ setDegrees: setDegrees
150
159
  };
151
160
  };
152
161
 
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js CHANGED
@@ -2,7 +2,11 @@ import { useContext } from 'react';
2
2
  import { ColorPickerContext } from '../color_picker_context.js';
3
3
 
4
4
  var useColorPicker = function useColorPicker() {
5
- return useContext(ColorPickerContext);
5
+ var context = useContext(ColorPickerContext);
6
+ if (!context) {
7
+ throw new Error('ColorPickerContext is missing');
8
+ }
9
+ return context;
6
10
  };
7
11
 
8
12
  export { useColorPicker };
package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.0.0-276",
5
+ "version": "3.0.0-277",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",