@dreamcommerce/aurora 3.1.3 → 3.1.4

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 (27) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +5 -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_utils.js +6 -0
  4. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js +3 -3
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +7 -4
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -2
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +5 -2
  11. package/build/cjs/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +5 -3
  13. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +3 -1
  15. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts +1 -0
  16. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +6 -0
  17. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_input.js +3 -3
  19. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +1 -0
  20. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +7 -4
  21. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +3 -2
  23. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.d.ts +2 -1
  25. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js +5 -2
  26. package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js.map +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -61,7 +61,8 @@ var ColorPicker = function ColorPicker(_ref) {
61
61
  isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
62
62
  setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
63
63
  degrees = _useSetupColorPicker.degrees,
64
- shadeName = _useSetupColorPicker.shadeName;
64
+ shadeName = _useSetupColorPicker.shadeName,
65
+ currentSelectedVariable = _useSetupColorPicker.currentSelectedVariable;
65
66
  var contextVal = React.useMemo(function () {
66
67
  return {
67
68
  color: color,
@@ -93,9 +94,10 @@ var ColorPicker = function ColorPicker(_ref) {
93
94
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
94
95
  degrees: degrees,
95
96
  shadeName: shadeName,
96
- onPickShade: onPickShade
97
+ onPickShade: onPickShade,
98
+ currentSelectedVariable: currentSelectedVariable
97
99
  };
98
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
100
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
99
101
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
100
102
  value: contextVal
101
103
  }, /*#__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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js CHANGED
@@ -178,6 +178,12 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", funct
178
178
  return variableTiny.toHex8String() === colorTiny.toHex8String();
179
179
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
180
180
  });
181
+ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariableByName", function (variables, name) {
182
+ var _Object$values$find2;
183
+ return (_Object$values$find2 = Object.values(variables).find(function (v) {
184
+ return v.name === name;
185
+ })) === null || _Object$values$find2 === void 0 ? void 0 : _Object$values$find2.name;
186
+ });
181
187
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
182
188
  var gradientRegex = /linear-gradient\s*\((.*?)\)/i;
183
189
  var match = color.match(gradientRegex);
package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js.map CHANGED
@@ -1 +1 @@
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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_input.js CHANGED
@@ -21,17 +21,17 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
21
21
  disabled = _ref.disabled,
22
22
  preElement = _ref.preElement;
23
23
  var _useColorPicker = use_color_picker.useColorPicker(),
24
- color = _useColorPicker.color,
25
24
  typedInputValue = _useColorPicker.typedInputValue,
26
25
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
27
26
  gradientType = _useColorPicker.gradientType,
28
27
  colorVariables = _useColorPicker.colorVariables,
29
- shadeName = _useColorPicker.shadeName;
28
+ shadeName = _useColorPicker.shadeName,
29
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
30
30
  var _useTranslation = useTranslation.useTranslation(),
31
31
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
32
32
  t = _useTranslation2[0];
33
33
  var typedInputValueHasFullHexLength = typedInputValue.length >= 6;
34
- var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && color_picker_utils.ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
34
+ var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && currentSelectedVariable && color_picker_utils.ColorPickerUtils.findVariableByName(colorVariables.variables, currentSelectedVariable) || shadeName || '';
35
35
  var colorName = undefined;
36
36
  if (isCurrentValueGradient) {
37
37
  colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -18,18 +18,21 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
18
18
  size = _ref.size,
19
19
  hasActiveBorder = _ref.hasActiveBorder,
20
20
  onClick = _ref.onClick,
21
- className = _ref.className;
21
+ className = _ref.className,
22
+ variableName = _ref.variableName;
22
23
  var _useColorPicker = use_color_picker.useColorPicker(),
23
- activeColor = _useColorPicker.color;
24
+ activeColor = _useColorPicker.color,
25
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
24
26
  var handleOnClick = function handleOnClick() {
25
27
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
26
28
  };
27
- var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor).toHex() === color;
29
+ var shouldApplyActiveBorder = hasActiveBorder && !variableName && tinycolor['default'](activeColor).toHex() === color;
30
+ var currentSelected = hasActiveBorder && variableName && variableName === currentSelectedVariable;
28
31
  return /*#__PURE__*/React__default['default'].createElement("div", {
29
32
  className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
30
33
  'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
31
34
  'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
32
- '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
35
+ '!aurora-border-active aurora-border-2': shouldApplyActiveBorder || currentSelected
33
36
  }, className),
34
37
  onClick: handleOnClick
35
38
  }, /*#__PURE__*/React__default['default'].createElement("div", {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.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,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_variables.js CHANGED
@@ -67,7 +67,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
67
67
  var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
68
68
  var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
69
69
  var handleOnClick = function handleOnClick() {
70
- return setColor(colorHex);
70
+ return setColor(colorHex, '', variable.name);
71
71
  };
72
72
  return /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, {
73
73
  key: "".concat(variable, "-").concat(index)
@@ -77,7 +77,8 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
77
77
  onClick: handleOnClick,
78
78
  color: colorHex,
79
79
  cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
80
- hasActiveBorder: true
80
+ hasActiveBorder: true,
81
+ variableName: variable.name
81
82
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
82
83
  variant: "dark"
83
84
  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.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;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;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
@@ -46,18 +46,20 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
46
46
  _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
47
47
  isColorPickerCurrentlyUsed = _useState12[0],
48
48
  setIsColorPickerCurrentlyUsed = _useState12[1];
49
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
49
50
  var _getDetails = utils.getDetails(colorValue),
50
51
  degrees = _getDetails.degrees;
51
52
  var savedDegRef = React.useRef(isNaN(degrees) ? 180 : degrees);
52
53
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
53
54
  var setColor = React.useCallback(function (newColor) {
54
55
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
56
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
55
57
  setShadeName(shadeName);
56
58
  !color_picker_utils.ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
57
59
  var isGradient = color_picker_utils.ColorPickerUtils.isGradient(newColor);
58
60
  var newColorVar = {
59
61
  value: newColor,
60
- name: variables && !isGradient && color_picker_utils.ColorPickerUtils.findVariable(variables, newColor) || ''
62
+ name: variableName || ''
61
63
  };
62
64
  var colorObject = color_picker_utils.ColorPickerUtils.getAllColorTypes(newColorVar);
63
65
  var colorDegrees = newColor.match(/(linear|radial)-gradient\([^)]*?([0-9.]+)deg/);
@@ -145,7 +147,8 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
145
147
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
146
148
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
147
149
  degrees: degrees,
148
- shadeName: shadeName
150
+ shadeName: shadeName,
151
+ currentSelectedVariable: currentSelectedVariable
149
152
  };
150
153
  };
151
154
 
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,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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -53,7 +53,8 @@ var ColorPicker = function ColorPicker(_ref) {
53
53
  isColorPickerCurrentlyUsed = _useSetupColorPicker.isColorPickerCurrentlyUsed,
54
54
  setIsColorPickerCurrentlyUsed = _useSetupColorPicker.setIsColorPickerCurrentlyUsed,
55
55
  degrees = _useSetupColorPicker.degrees,
56
- shadeName = _useSetupColorPicker.shadeName;
56
+ shadeName = _useSetupColorPicker.shadeName,
57
+ currentSelectedVariable = _useSetupColorPicker.currentSelectedVariable;
57
58
  var contextVal = useMemo(function () {
58
59
  return {
59
60
  color: color,
@@ -85,9 +86,10 @@ var ColorPicker = function ColorPicker(_ref) {
85
86
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
86
87
  degrees: degrees,
87
88
  shadeName: shadeName,
88
- onPickShade: onPickShade
89
+ onPickShade: onPickShade,
90
+ currentSelectedVariable: currentSelectedVariable
89
91
  };
90
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
92
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
91
93
  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
92
94
  value: contextVal
93
95
  }, /*#__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;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;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
12
12
  export interface IColorPickerColorVariables {
13
13
  isVisible: boolean;
14
14
  variables: IColorPickerColorVariablesType;
15
+ selectedVariable?: string;
15
16
  }
16
17
  export interface IColorPickerColorVariablesType {
17
18
  primary: ColorPickerVariable;
@@ -36,7 +37,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
36
37
  }
37
38
  export interface IColorPickerContext {
38
39
  color: string;
39
- setColor: (newColor: string, shadeName?: string) => void;
40
+ setColor: (newColor: string, shadeName?: string, variableName?: string) => void;
40
41
  hex: string;
41
42
  hslArr: number[];
42
43
  handleOnChangeAlpha: (val: number) => void;
@@ -65,6 +66,7 @@ export interface IColorPickerContext {
65
66
  degrees: number;
66
67
  shadeName: string;
67
68
  onPickShade?: (shadeValue: string) => void;
69
+ currentSelectedVariable?: string;
68
70
  }
69
71
  export declare type ColorPickerColorTypes = {
70
72
  hex: string;
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare class ColorPickerUtils {
17
17
  private static convertVariableShadesToHex;
18
18
  static updateGradientWithActiveColor: (colors: GradientProps[], index: number, newColor: string) => GradientProps[];
19
19
  static findVariable: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], color: string) => string | undefined;
20
+ static findVariableByName: (variables: IColorPickerColorVariablesType | ColorPickerVariable[], name: string) => string | undefined;
20
21
  static normalizeLinearGradient: (color: string) => string;
21
22
  static preventTypingLetters(event: React.KeyboardEvent<HTMLInputElement>): void;
22
23
  }
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js CHANGED
@@ -174,6 +174,12 @@ _defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
174
174
  return variableTiny.toHex8String() === colorTiny.toHex8String();
175
175
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
176
176
  });
177
+ _defineProperty(ColorPickerUtils, "findVariableByName", function (variables, name) {
178
+ var _Object$values$find2;
179
+ return (_Object$values$find2 = Object.values(variables).find(function (v) {
180
+ return v.name === name;
181
+ })) === null || _Object$values$find2 === void 0 ? void 0 : _Object$values$find2.name;
182
+ });
177
183
  _defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
178
184
  var gradientRegex = /linear-gradient\s*\((.*?)\)/i;
179
185
  var match = color.match(gradientRegex);
package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,qDAAyD;AAC/E,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,qDAAyD;AAC/E,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_input.js CHANGED
@@ -13,17 +13,17 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
13
13
  disabled = _ref.disabled,
14
14
  preElement = _ref.preElement;
15
15
  var _useColorPicker = useColorPicker(),
16
- color = _useColorPicker.color,
17
16
  typedInputValue = _useColorPicker.typedInputValue,
18
17
  isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
19
18
  gradientType = _useColorPicker.gradientType,
20
19
  colorVariables = _useColorPicker.colorVariables,
21
- shadeName = _useColorPicker.shadeName;
20
+ shadeName = _useColorPicker.shadeName,
21
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
22
22
  var _useTranslation = useTranslation(),
23
23
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
24
24
  t = _useTranslation2[0];
25
25
  var typedInputValueHasFullHexLength = typedInputValue.length >= 6;
26
- var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
26
+ var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && currentSelectedVariable && ColorPickerUtils.findVariableByName(colorVariables.variables, currentSelectedVariable) || shadeName || '';
27
27
  var colorName = undefined;
28
28
  if (isCurrentValueGradient) {
29
29
  colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts CHANGED
@@ -8,6 +8,7 @@ interface IColorPickerSwatchProps {
8
8
  hasActiveBorder?: boolean;
9
9
  onClick?: (color: ColorPickerColorTypes['hex']) => void;
10
10
  className?: string;
11
+ variableName?: string;
11
12
  }
12
13
  export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
13
14
  export {};
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -10,18 +10,21 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
10
10
  size = _ref.size,
11
11
  hasActiveBorder = _ref.hasActiveBorder,
12
12
  onClick = _ref.onClick,
13
- className = _ref.className;
13
+ className = _ref.className,
14
+ variableName = _ref.variableName;
14
15
  var _useColorPicker = useColorPicker(),
15
- activeColor = _useColorPicker.color;
16
+ activeColor = _useColorPicker.color,
17
+ currentSelectedVariable = _useColorPicker.currentSelectedVariable;
16
18
  var handleOnClick = function handleOnClick() {
17
19
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
18
20
  };
19
- var shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor).toHex() === color;
21
+ var shouldApplyActiveBorder = hasActiveBorder && !variableName && tinycolor(activeColor).toHex() === color;
22
+ var currentSelected = hasActiveBorder && variableName && variableName === currentSelectedVariable;
20
23
  return /*#__PURE__*/React.createElement("div", {
21
24
  className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
22
25
  'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
23
26
  'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
24
- '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
27
+ '!aurora-border-active aurora-border-2': shouldApplyActiveBorder || currentSelected
25
28
  }, className),
26
29
  onClick: handleOnClick
27
30
  }, /*#__PURE__*/React.createElement("div", {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_variables.js CHANGED
@@ -59,7 +59,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
59
59
  var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
60
60
  var colorHex = ColorPickerUtils.getHexValue(colorTiny);
61
61
  var handleOnClick = function handleOnClick() {
62
- return setColor(colorHex);
62
+ return setColor(colorHex, '', variable.name);
63
63
  };
64
64
  return /*#__PURE__*/React.createElement(TooltipProvider, {
65
65
  key: "".concat(variable, "-").concat(index)
@@ -69,7 +69,8 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
69
69
  onClick: handleOnClick,
70
70
  color: colorHex,
71
71
  cssColor: ColorPickerUtils.getHexValueString(colorTiny),
72
- hasActiveBorder: true
72
+ hasActiveBorder: true,
73
+ variableName: variable.name
73
74
  })), /*#__PURE__*/React.createElement(TooltipContent, {
74
75
  variant: "dark"
75
76
  }, /*#__PURE__*/React.createElement(Typography, {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.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;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;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
@@ -12,7 +12,7 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
12
12
  color: string;
13
13
  previousSolidColor: string;
14
14
  previousGradientColor: string;
15
- setColor: (newColor: string, shadeName?: string) => void;
15
+ setColor: (newColor: string, shadeName?: string, variableName?: undefined) => void;
16
16
  hex: string;
17
17
  hslArr: number[];
18
18
  handleOnChangeAlpha: (value: number) => void;
@@ -38,5 +38,6 @@ declare const useSetupColorPicker: ({ value, onChange, onCancel, onSave, colorVa
38
38
  setIsColorPickerCurrentlyUsed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
39
39
  degrees: number;
40
40
  shadeName: string;
41
+ currentSelectedVariable: string | undefined;
41
42
  };
42
43
  export default useSetupColorPicker;
package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_picker.js CHANGED
@@ -42,18 +42,20 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
42
42
  _useState12 = _slicedToArray(_useState11, 2),
43
43
  isColorPickerCurrentlyUsed = _useState12[0],
44
44
  setIsColorPickerCurrentlyUsed = _useState12[1];
45
+ var currentSelectedVariable = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.selectedVariable;
45
46
  var _getDetails = getDetails(colorValue),
46
47
  degrees = _getDetails.degrees;
47
48
  var savedDegRef = useRef(isNaN(degrees) ? 180 : degrees);
48
49
  var variables = colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables;
49
50
  var setColor = useCallback(function (newColor) {
50
51
  var shadeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
52
+ var variableName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
51
53
  setShadeName(shadeName);
52
54
  !ColorPickerUtils.isGradient(colorValue) ? setPreviousSolidColor(colorValue) : setPreviousGradientColor(colorValue);
53
55
  var isGradient = ColorPickerUtils.isGradient(newColor);
54
56
  var newColorVar = {
55
57
  value: newColor,
56
- name: variables && !isGradient && ColorPickerUtils.findVariable(variables, newColor) || ''
58
+ name: variableName || ''
57
59
  };
58
60
  var colorObject = ColorPickerUtils.getAllColorTypes(newColorVar);
59
61
  var colorDegrees = newColor.match(/(linear|radial)-gradient\([^)]*?([0-9.]+)deg/);
@@ -141,7 +143,8 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
141
143
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
142
144
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
143
145
  degrees: degrees,
144
- shadeName: shadeName
146
+ shadeName: shadeName,
147
+ currentSelectedVariable: currentSelectedVariable
145
148
  };
146
149
  };
147
150
 
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,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;"}
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;"}
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.1.3",
5
+ "version": "3.1.4",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",