@dreamcommerce/aurora 3.0.0-277 → 3.0.0-279

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 (35) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +3 -7
  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 +24 -1
  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 +4 -2
  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 +1 -5
  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 +3 -4
  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 +10 -19
  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 +1 -5
  14. package/build/cjs/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/message_box/message_box.js +1 -1
  16. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +3 -7
  17. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.d.ts +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js +24 -1
  20. package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +1 -3
  22. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js +5 -3
  23. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_footer.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js +1 -5
  25. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +3 -4
  27. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +3 -5
  29. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +10 -19
  30. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  31. package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js +1 -5
  32. package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/message_box/message_box.js +1 -1
  34. package/build/index.css +1 -1
  35. package/package.json +1 -1
@@ -54,9 +54,7 @@ var ColorPicker = function ColorPicker(_ref) {
54
54
  setSolid = _useSetupColorPicker.setSolid,
55
55
  withGradient = _useSetupColorPicker.withGradient,
56
56
  isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
57
- setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
58
- degrees = _useSetupColorPicker.degrees,
59
- setDegrees = _useSetupColorPicker.setDegrees;
57
+ setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
60
58
  var value = React.useMemo(function () {
61
59
  return {
62
60
  color: color,
@@ -81,11 +79,9 @@ var ColorPicker = function ColorPicker(_ref) {
81
79
  previousGradientColor: previousGradientColor,
82
80
  withGradient: withGradient,
83
81
  isColorPickerOpened: isColorPickerOpened,
84
- setIsColorPickerOpened: setIsColorPickerOpened,
85
- degrees: degrees,
86
- setDegrees: setDegrees
82
+ setIsColorPickerOpened: setIsColorPickerOpened
87
83
  };
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]);
84
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
89
85
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
90
86
  value: value
91
87
  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
@@ -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;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;"}
@@ -4,7 +4,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- var ColorPickerContext = /*#__PURE__*/React.createContext(null);
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
+ });
8
31
 
9
32
  exports.ColorPickerContext = ColorPickerContext;
10
33
  //# sourceMappingURL=color_picker_context.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
@@ -6,6 +6,7 @@ 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');
9
10
  var color_picker_utils = require('../color_picker_utils.js');
10
11
  var use_color_picker = require('../hooks/use_color_picker.js');
11
12
 
@@ -14,11 +15,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
17
  var ColorPickerFooter = function ColorPickerFooter() {
18
+ var _useContext = React.useContext(color_picker_context.ColorPickerContext),
19
+ setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
17
20
  var _useColorPicker = use_color_picker.useColorPicker(),
18
21
  color = _useColorPicker.color,
19
22
  handleCancel = _useColorPicker.handleCancel,
20
- handleSave = _useColorPicker.handleSave,
21
- setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
23
+ handleSave = _useColorPicker.handleSave;
22
24
  var _useTranslation = useTranslation.useTranslation(),
23
25
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
24
26
  t = _useTranslation2[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;AACA;AACA;AACA;AACA;"}
@@ -5,7 +5,6 @@ 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');
9
8
  var angle_icon = require('../../../../assets/icons/angle_icon.js');
10
9
 
11
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,15 +13,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
13
 
15
14
  var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
16
15
  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;
22
19
  var handleDegrees = function handleDegrees(e) {
23
20
  var newValue = formatters.formatInputValues(e.target.value, 0, 360);
24
21
  var remaining = value.split(/,(.+)/)[1];
25
- setDegrees(newValue);
26
22
  onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
27
23
  };
28
24
  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,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;"}
@@ -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,10 +37,10 @@ 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.value);
45
44
  };
46
45
  var changeToRadial = function changeToRadial() {
47
46
  if (!isCurrentValueGradient) {
@@ -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;"}
@@ -5,7 +5,6 @@ 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');
9
8
  var useColorPicker = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
10
9
  var color_picker_utils = require('../color_picker_utils.js');
11
10
  var isEqual = require('lodash/isEqual');
@@ -45,12 +44,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
45
44
  _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
46
45
  isColorPickerOpened = _useState10[0],
47
46
  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];
54
47
  var setColor = function setColor(newColor) {
55
48
  var newColorValue = color_picker_utils.ColorPickerUtils.getColorPickerValue(newColor);
56
49
  !color_picker_utils.ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
@@ -81,24 +74,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
81
74
  getGradientObject = _useBestGradientColor.getGradientObject;
82
75
  var tinyColor = typeof color === 'string' ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(color) : color_picker_utils.ColorPickerUtils.getTinyColorInstance(color.value);
83
76
  var hex = color_picker_utils.ColorPickerUtils.getHexValue(tinyColor);
84
- var _useState13 = React.useState(rgbaArr[3] * 100),
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)),
85
82
  _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
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];
83
+ alphaValue = _useState14[0],
84
+ setAlphaValue = _useState14[1];
92
85
  var setSolid = function setSolid(value) {
93
86
  setColor(color_picker_utils.ColorPickerUtils.getColorPickerValue(value).value);
94
87
  };
95
- var setLinear = function setLinear(value, deg) {
88
+ var setLinear = function setLinear(value) {
96
89
  var gradientColor = value || defaultGradient;
97
90
  if (value && !color_picker_utils.ColorPickerUtils.isGradient(value)) {
98
91
  setGradient(gradientColor);
99
92
  }
100
93
  var remaining = gradientColor.split(/,(.+)/)[1];
101
- setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
94
+ setColor("linear-gradient(90deg, ".concat(remaining));
102
95
  };
103
96
  var setRadial = function setRadial(value) {
104
97
  var gradientColor = value || defaultGradient;
@@ -161,9 +154,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
161
154
  gradientType: gradientType,
162
155
  withGradient: withGradient,
163
156
  isColorPickerOpened: isColorPickerOpened,
164
- setIsColorPickerOpened: setIsColorPickerOpened,
165
- degrees: degrees,
166
- setDegrees: setDegrees
157
+ setIsColorPickerOpened: setIsColorPickerOpened
167
158
  };
168
159
  };
169
160
 
@@ -1 +1 @@
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;"}
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;"}
@@ -6,11 +6,7 @@ var React = require('react');
6
6
  var color_picker_context = require('../color_picker_context.js');
7
7
 
8
8
  var useColorPicker = function useColorPicker() {
9
- var context = React.useContext(color_picker_context.ColorPickerContext);
10
- if (!context) {
11
- throw new Error('ColorPickerContext is missing');
12
- }
13
- return context;
9
+ return React.useContext(color_picker_context.ColorPickerContext);
14
10
  };
15
11
 
16
12
  exports.useColorPicker = useColorPicker;
@@ -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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -31,7 +31,7 @@ var MessageBox = /*#__PURE__*/React__default['default'].forwardRef(function (_re
31
31
  var iconColor = message_box_constants.MESSAGE_BOX_ICON_COLORS[variant];
32
32
  return /*#__PURE__*/React__default['default'].createElement("div", {
33
33
  ref: ref,
34
- className: cn.cn(message_box_variants.messageBoxVariants({
34
+ className: cn.cn('message-box-link-icon', message_box_variants.messageBoxVariants({
35
35
  variant: variant
36
36
  }), {
37
37
  'aurora-w-full': fullWidth,
@@ -46,9 +46,7 @@ var ColorPicker = function ColorPicker(_ref) {
46
46
  setSolid = _useSetupColorPicker.setSolid,
47
47
  withGradient = _useSetupColorPicker.withGradient,
48
48
  isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
49
- setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
50
- degrees = _useSetupColorPicker.degrees,
51
- setDegrees = _useSetupColorPicker.setDegrees;
49
+ setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
52
50
  var value = useMemo(function () {
53
51
  return {
54
52
  color: color,
@@ -73,11 +71,9 @@ var ColorPicker = function ColorPicker(_ref) {
73
71
  previousGradientColor: previousGradientColor,
74
72
  withGradient: withGradient,
75
73
  isColorPickerOpened: isColorPickerOpened,
76
- setIsColorPickerOpened: setIsColorPickerOpened,
77
- degrees: degrees,
78
- setDegrees: setDegrees
74
+ setIsColorPickerOpened: setIsColorPickerOpened
79
75
  };
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]);
76
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
81
77
  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
82
78
  value: value
83
79
  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
@@ -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;"}
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,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 | null>;
3
+ export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;
@@ -1,6 +1,29 @@
1
1
  import { createContext } from 'react';
2
2
 
3
- var ColorPickerContext = /*#__PURE__*/createContext(null);
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
+ });
4
27
 
5
28
  export { ColorPickerContext };
6
29
  //# sourceMappingURL=color_picker_context.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
@@ -48,14 +48,12 @@ export interface IColorPickerContext {
48
48
  isCurrentValueGradient: boolean;
49
49
  setSolid: (value?: string) => void;
50
50
  setRadial: (value?: string) => void;
51
- setLinear: (value?: string, deg?: number) => void;
51
+ setLinear: (value?: string) => 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>>;
59
57
  }
60
58
  export declare type ColorPickerColorTypes = {
61
59
  hex: string;
@@ -1,16 +1,18 @@
1
- import React from 'react';
1
+ import React, { useContext } 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';
5
6
  import { ColorPickerUtils } from '../color_picker_utils.js';
6
7
  import { useColorPicker } from '../hooks/use_color_picker.js';
7
8
 
8
9
  var ColorPickerFooter = function ColorPickerFooter() {
10
+ var _useContext = useContext(ColorPickerContext),
11
+ setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
9
12
  var _useColorPicker = useColorPicker(),
10
13
  color = _useColorPicker.color,
11
14
  handleCancel = _useColorPicker.handleCancel,
12
- handleSave = _useColorPicker.handleSave,
13
- setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
15
+ handleSave = _useColorPicker.handleSave;
14
16
  var _useTranslation = useTranslation(),
15
17
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
16
18
  t = _useTranslation2[0];
@@ -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;"}
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,20 +1,16 @@
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';
5
4
  import { AngleIcon } from '../../../../assets/icons/angle_icon.js';
6
5
 
7
6
  var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
8
7
  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;
14
11
  var handleDegrees = function handleDegrees(e) {
15
12
  var newValue = formatInputValues(e.target.value, 0, 360);
16
13
  var remaining = value.split(/,(.+)/)[1];
17
- setDegrees(newValue);
18
14
  onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
19
15
  };
20
16
  return /*#__PURE__*/React.createElement("div", {
@@ -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;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;"}
@@ -21,8 +21,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
21
21
  setLinear = _useColorPicker.setLinear,
22
22
  previousSolidColor = _useColorPicker.previousSolidColor,
23
23
  previousGradientColor = _useColorPicker.previousGradientColor,
24
- color = _useColorPicker.color,
25
- degrees = _useColorPicker.degrees;
24
+ color = _useColorPicker.color;
26
25
  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';
27
26
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
28
27
  var changeToSolid = function changeToSolid() {
@@ -30,10 +29,10 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
30
29
  };
31
30
  var changeToLinear = function changeToLinear() {
32
31
  if (!isCurrentValueGradient) {
33
- setLinear(previousGradientColor, degrees);
32
+ setLinear(previousGradientColor);
34
33
  return;
35
34
  }
36
- setLinear(color.value, degrees);
35
+ setLinear(color.value);
37
36
  };
38
37
  var changeToRadial = function changeToRadial() {
39
38
  if (!isCurrentValueGradient) {
@@ -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;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;"}
@@ -1,5 +1,5 @@
1
+ /// <reference types="react" />
1
2
  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,12 +27,10 @@ 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, deg?: number) => void;
30
+ setLinear: (value?: string) => void;
31
31
  gradientType: TGradientType;
32
32
  withGradient: boolean;
33
33
  isColorPickerOpened: boolean;
34
- setIsColorPickerOpened: React.Dispatch<React.SetStateAction<boolean>>;
35
- degrees: number;
36
- setDegrees: React.Dispatch<React.SetStateAction<number>>;
34
+ setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
37
35
  };
38
36
  export default useSetupColorPicker;
@@ -1,7 +1,6 @@
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';
5
4
  import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
6
5
  import { ColorPickerUtils } from '../color_picker_utils.js';
7
6
  import isEqual from 'lodash/isEqual';
@@ -37,12 +36,6 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
37
36
  _useState10 = _slicedToArray(_useState9, 2),
38
37
  isColorPickerOpened = _useState10[0],
39
38
  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];
46
39
  var setColor = function setColor(newColor) {
47
40
  var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
48
41
  !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
@@ -73,24 +66,24 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
73
66
  getGradientObject = _useBestGradientColor.getGradientObject;
74
67
  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
75
68
  var hex = ColorPickerUtils.getHexValue(tinyColor);
76
- var _useState13 = useState(rgbaArr[3] * 100),
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)),
77
74
  _useState14 = _slicedToArray(_useState13, 2),
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];
75
+ alphaValue = _useState14[0],
76
+ setAlphaValue = _useState14[1];
84
77
  var setSolid = function setSolid(value) {
85
78
  setColor(ColorPickerUtils.getColorPickerValue(value).value);
86
79
  };
87
- var setLinear = function setLinear(value, deg) {
80
+ var setLinear = function setLinear(value) {
88
81
  var gradientColor = value || defaultGradient;
89
82
  if (value && !ColorPickerUtils.isGradient(value)) {
90
83
  setGradient(gradientColor);
91
84
  }
92
85
  var remaining = gradientColor.split(/,(.+)/)[1];
93
- setColor("linear-gradient(".concat(deg !== undefined ? deg + 'deg' : '90deg', ", ").concat(remaining));
86
+ setColor("linear-gradient(90deg, ".concat(remaining));
94
87
  };
95
88
  var setRadial = function setRadial(value) {
96
89
  var gradientColor = value || defaultGradient;
@@ -153,9 +146,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
153
146
  gradientType: gradientType,
154
147
  withGradient: withGradient,
155
148
  isColorPickerOpened: isColorPickerOpened,
156
- setIsColorPickerOpened: setIsColorPickerOpened,
157
- degrees: degrees,
158
- setDegrees: setDegrees
149
+ setIsColorPickerOpened: setIsColorPickerOpened
159
150
  };
160
151
  };
161
152
 
@@ -1 +1 @@
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;"}
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;"}
@@ -2,11 +2,7 @@ import { useContext } from 'react';
2
2
  import { ColorPickerContext } from '../color_picker_context.js';
3
3
 
4
4
  var useColorPicker = function useColorPicker() {
5
- var context = useContext(ColorPickerContext);
6
- if (!context) {
7
- throw new Error('ColorPickerContext is missing');
8
- }
9
- return context;
5
+ return useContext(ColorPickerContext);
10
6
  };
11
7
 
12
8
  export { useColorPicker };
@@ -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;"}
@@ -23,7 +23,7 @@ var MessageBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
23
23
  var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
24
24
  return /*#__PURE__*/React.createElement("div", {
25
25
  ref: ref,
26
- className: cn(messageBoxVariants({
26
+ className: cn('message-box-link-icon', messageBoxVariants({
27
27
  variant: variant
28
28
  }), {
29
29
  'aurora-w-full': fullWidth,