@dreamcommerce/aurora 2.17.22-4 → 2.17.22-7

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 (42) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-label-input.js +9 -2
  2. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-label-input.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js +18 -7
  4. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +3 -2
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js +1 -0
  8. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +17 -10
  10. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +3 -1
  12. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js +36 -18
  14. package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/translations/en.json.js +39 -1
  16. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/translations/pl.json.js +39 -1
  18. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-label-input.js +9 -2
  20. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-label-input.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js +18 -7
  22. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +3 -2
  24. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/color_picker_new/context.js +1 -0
  26. package/build/esm/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts +5 -4
  28. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +17 -10
  29. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +3 -1
  31. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +14 -8
  33. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.d.ts +6 -5
  34. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js +37 -19
  35. package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js.map +1 -1
  36. package/build/esm/packages/aurora/src/translations/en.json +39 -1
  37. package/build/esm/packages/aurora/src/translations/en.json.js +39 -1
  38. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  39. package/build/esm/packages/aurora/src/translations/pl.json +39 -1
  40. package/build/esm/packages/aurora/src/translations/pl.json.js +39 -1
  41. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  42. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-label-input.js CHANGED
@@ -3,6 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
+ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
8
  var input = require('../../controls/components/input.js');
7
9
  var context = require('../context.js');
8
10
 
@@ -15,13 +17,18 @@ var ColorLabelInput = function ColorLabelInput(_ref) {
15
17
  name = _ref.name;
16
18
 
17
19
  var _useContext = React.useContext(context.ColorPickerNewContext),
18
- hex = _useContext.hex;
20
+ hex = _useContext.hex,
21
+ variableName = _useContext.variableName;
22
+
23
+ var _useTranslation = useTranslation.useTranslation(),
24
+ _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
25
+ t = _useTranslation2[0];
19
26
 
20
27
  return /*#__PURE__*/React__default['default'].createElement(input['default'], {
21
28
  type: "text",
22
29
  id: id,
23
30
  name: name,
24
- value: "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase()),
31
+ value: variableName ? "".concat(t(variableName)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase()),
25
32
  readOnly: true
26
33
  });
27
34
  };
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-label-input.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js CHANGED
@@ -31,15 +31,20 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
31
31
  isOpen = _useState2[0],
32
32
  setIsOpen = _useState2[1];
33
33
 
34
+ var primary = variables.primary,
35
+ secondary = variables.secondary,
36
+ neutral = variables.neutral;
34
37
  var primaryShades = utilities.getVariableShades({
35
- color: variables.primary
38
+ color: primary.value,
39
+ name: primary.name
36
40
  });
37
41
  var secondaryShades = utilities.getVariableShades({
38
- color: variables.secondary
42
+ color: secondary.value,
43
+ name: secondary.name
39
44
  });
40
45
  var neutralShades = utilities.getVariableShades({
41
- color: variables.neutral,
42
- isNeutral: true
46
+ color: neutral.value,
47
+ name: neutral.name
43
48
  });
44
49
  var allShades = [].concat(_rollupPluginBabelHelpers.toConsumableArray(primaryShades), _rollupPluginBabelHelpers.toConsumableArray(secondaryShades), _rollupPluginBabelHelpers.toConsumableArray(neutralShades));
45
50
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -56,11 +61,14 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
56
61
  }))), /*#__PURE__*/React__default['default'].createElement("div", {
57
62
  className: main_module['default'][css_classes.cssColorPickerSwatchesContent]
58
63
  }, Object.values(variables).map(function (variable, index) {
59
- var colorTiny = utilities.getTinyColorInstance(variable);
64
+ var colorTiny = utilities.getTinyColorInstance(variable.value);
60
65
  var colorHex = utilities.getHexValue(colorTiny);
61
66
 
62
67
  var handleOnClick = function handleOnClick() {
63
- handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch(colorHex);
68
+ handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch({
69
+ value: colorHex,
70
+ name: "@".concat(variable.name)
71
+ });
64
72
  };
65
73
 
66
74
  return /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
@@ -76,7 +84,10 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
76
84
  var colorHex = utilities.getHexValue(colorTiny);
77
85
 
78
86
  var handleOnClick = function handleOnClick() {
79
- handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch(colorHex);
87
+ handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch({
88
+ value: colorHex,
89
+ name: variable.name
90
+ });
80
91
  };
81
92
 
82
93
  return /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
package/build/cjs/packages/aurora/src/components/color_picker_new/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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -30,6 +30,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
30
30
  color = _useContext.color,
31
31
  setColor = _useContext.setColor;
32
32
 
33
+ var colorValue = typeof color === 'string' ? color : color.value;
33
34
  return /*#__PURE__*/React__default['default'].createElement("div", {
34
35
  className: "".concat(main_module['default'][css_classes.cssColorPicker])
35
36
  }, /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -37,7 +38,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
37
38
  }, /*#__PURE__*/React__default['default'].createElement("div", {
38
39
  className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
39
40
  }, /*#__PURE__*/React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, {
40
- color: color
41
+ color: colorValue
41
42
  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
42
43
  id: id,
43
44
  name: name
@@ -48,7 +49,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
48
49
  }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
49
50
  className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
50
51
  }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
51
- value: color,
52
+ value: colorValue,
52
53
  onChange: setColor,
53
54
  width: constants.COLOR_PICKER_WIDTH,
54
55
  height: constants.COLOR_PICKER_HEIGHT,
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-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,oBAAoB,0FAA8F;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0FAA8F;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;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_new/context.js CHANGED
@@ -9,6 +9,7 @@ var ColorPickerNewContext = /*#__PURE__*/React.createContext({
9
9
  setColor: function setColor() {},
10
10
  hex: '',
11
11
  hslArr: [],
12
+ variableName: '',
12
13
  handleOnChangeAlpha: function handleOnChangeAlpha() {},
13
14
  alphaValue: '',
14
15
  rgbaArr: [],
package/build/cjs/packages/aurora/src/components/color_picker_new/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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -24,7 +24,7 @@ var useColorPicker = function useColorPicker(_ref) {
24
24
  choosenColor = _useState4[0],
25
25
  setChoosenColor = _useState4[1];
26
26
 
27
- var _useBestGradientColor = useColorPicker$1.useColorPicker(color, setColor),
27
+ var _useBestGradientColor = useColorPicker$1.useColorPicker(typeof color === 'string' ? color : color.value, setColor),
28
28
  hslArr = _useBestGradientColor.hslArr,
29
29
  rgbaArr = _useBestGradientColor.rgbaArr,
30
30
  setR = _useBestGradientColor.setR,
@@ -32,18 +32,23 @@ var useColorPicker = function useColorPicker(_ref) {
32
32
  setB = _useBestGradientColor.setB,
33
33
  setA = _useBestGradientColor.setA;
34
34
 
35
- var tinyColor = utilities.getTinyColorInstance(color);
36
- var hex = utilities.getHexValue(tinyColor);
37
-
38
- var _useState5 = React.useState(rgbaArr[3] * 100),
35
+ var _useState5 = React.useState(''),
39
36
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
40
- alpha = _useState6[0],
41
- setAlpha = _useState6[1];
37
+ variableName = _useState6[0],
38
+ setVariableName = _useState6[1];
42
39
 
43
- var _useState7 = React.useState("".concat(alpha)),
40
+ var tinyColor = typeof color === 'string' ? utilities.getTinyColorInstance(color) : utilities.getTinyColorInstance(color.value);
41
+ var hex = utilities.getHexValue(tinyColor);
42
+
43
+ var _useState7 = React.useState(rgbaArr[3] * 100),
44
44
  _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
45
- alphaValue = _useState8[0],
46
- setAlphaValue = _useState8[1];
45
+ alpha = _useState8[0],
46
+ setAlpha = _useState8[1];
47
+
48
+ var _useState9 = React.useState("".concat(alpha)),
49
+ _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
50
+ alphaValue = _useState10[0],
51
+ setAlphaValue = _useState10[1];
47
52
 
48
53
  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
49
54
  changeAlphaValue(Number(event.target.value));
@@ -61,6 +66,7 @@ var useColorPicker = function useColorPicker(_ref) {
61
66
  }, [rgbaArr[3]]);
62
67
  React.useEffect(function () {
63
68
  onChange === null || onChange === void 0 || onChange(utilities.getAllColorTypes(color));
69
+ typeof color === 'string' ? setVariableName('') : setVariableName(color.name);
64
70
  }, [color]);
65
71
 
66
72
  var handleCancel = function handleCancel() {
@@ -82,6 +88,7 @@ var useColorPicker = function useColorPicker(_ref) {
82
88
  setColor: setColor,
83
89
  hex: hex,
84
90
  hslArr: hslArr,
91
+ variableName: variableName,
85
92
  handleOnChangeAlpha: handleOnChangeAlpha,
86
93
  alphaValue: alphaValue,
87
94
  rgbaArr: rgbaArr,
package/build/cjs/packages/aurora/src/components/color_picker_new/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,+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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/index.js CHANGED
@@ -30,6 +30,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
30
30
  setColor = _useColorPicker.setColor,
31
31
  hex = _useColorPicker.hex,
32
32
  hslArr = _useColorPicker.hslArr,
33
+ variableName = _useColorPicker.variableName,
33
34
  handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
34
35
  alphaValue = _useColorPicker.alphaValue,
35
36
  rgbaArr = _useColorPicker.rgbaArr,
@@ -46,6 +47,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
46
47
  setColor: setColor,
47
48
  hex: hex,
48
49
  hslArr: hslArr,
50
+ variableName: variableName,
49
51
  handleOnChangeAlpha: handleOnChangeAlpha,
50
52
  alphaValue: alphaValue,
51
53
  rgbaArr: rgbaArr,
@@ -56,7 +58,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
56
58
  handleSave: handleSave,
57
59
  handlePickSwatch: handlePickSwatch
58
60
  };
59
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
61
+ }, [color, setColor, hex, hslArr, variableName, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
60
62
  return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
61
63
  value: value
62
64
  }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
package/build/cjs/packages/aurora/src/components/color_picker_new/index.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js CHANGED
@@ -23,11 +23,11 @@ var isHexChar = function isHexChar(value) {
23
23
  return hexRegEx.test(value);
24
24
  };
25
25
  var getAllColorTypes = function getAllColorTypes(color) {
26
- var tinyColor = getTinyColorInstance(color);
26
+ var tinyColor = typeof color === 'string' ? getTinyColorInstance(color) : getTinyColorInstance(color.value);
27
27
  var rgba = getRgbaValue(tinyColor);
28
28
  var hex = getHexValue(tinyColor);
29
29
  var hexString = getHexValueString(tinyColor);
30
- return {
30
+ var allColorTypes = {
31
31
  rgba: {
32
32
  r: rgba.r,
33
33
  g: rgba.g,
@@ -37,71 +37,89 @@ var getAllColorTypes = function getAllColorTypes(color) {
37
37
  hex: hex,
38
38
  hexString: hexString
39
39
  };
40
+ var variableName = typeof color !== 'string' ? {
41
+ variable: color.name
42
+ } : undefined;
43
+ return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
40
44
  };
41
45
  var getVariableShades = function getVariableShades(_ref) {
42
46
  var color = _ref.color,
43
- _ref$isNeutral = _ref.isNeutral,
44
- isNeutral = _ref$isNeutral === void 0 ? false : _ref$isNeutral;
47
+ name = _ref.name;
45
48
  var colorTiny = getTinyColorInstance(color);
46
49
  var colorHsl = colorTiny.toHsl();
50
+ var isNeutral = name.includes('neutral');
47
51
  var blackShade = [{
48
52
  h: colorHsl.h,
49
53
  s: colorHsl.s,
50
- l: 100
54
+ l: 100,
55
+ name: "@".concat(name, "s0")
51
56
  }];
52
57
  var whiteShade = [{
53
58
  h: colorHsl.h,
54
59
  s: colorHsl.s,
55
- l: 0
60
+ l: 0,
61
+ name: "@".concat(name, "s1000")
56
62
  }];
57
63
  var shades = [{
58
64
  h: colorHsl.h,
59
65
  s: colorHsl.s,
60
- l: 99
66
+ l: 99,
67
+ name: "@".concat(name, "s10")
61
68
  }, {
62
69
  h: colorHsl.h,
63
70
  s: colorHsl.s,
64
- l: 98
71
+ l: 98,
72
+ name: "@".concat(name, "s20")
65
73
  }, {
66
74
  h: colorHsl.h,
67
75
  s: colorHsl.s,
68
- l: 95
76
+ l: 95,
77
+ name: "@".concat(name, "s50")
69
78
  }, {
70
79
  h: colorHsl.h,
71
80
  s: colorHsl.s,
72
- l: 90
81
+ l: 90,
82
+ name: "@".concat(name, "s100")
73
83
  }, {
74
84
  h: colorHsl.h,
75
85
  s: colorHsl.s,
76
- l: 80
86
+ l: 80,
87
+ name: "@".concat(name, "s200")
77
88
  }, {
78
89
  h: colorHsl.h,
79
90
  s: colorHsl.s,
80
- l: 70
91
+ l: 70,
92
+ name: "@".concat(name, "s300")
81
93
  }, {
82
94
  h: colorHsl.h,
83
95
  s: colorHsl.s,
84
- l: 60
96
+ l: 60,
97
+ name: "@".concat(name, "s400")
85
98
  }, {
86
99
  h: colorHsl.h,
87
100
  s: colorHsl.s,
88
- l: 50
101
+ l: 50,
102
+ name: "@".concat(name, "s500")
89
103
  }, {
90
104
  h: colorHsl.h,
91
105
  s: colorHsl.s,
92
- l: 40
106
+ l: 40,
107
+ name: "@".concat(name, "s600")
93
108
  }, {
94
109
  h: colorHsl.h,
95
110
  s: colorHsl.s,
96
- l: 30
111
+ l: 30,
112
+ name: "@".concat(name, "s700")
97
113
  }, {
98
114
  h: colorHsl.h,
99
115
  s: colorHsl.s,
100
- l: 20
116
+ l: 20,
117
+ name: "@".concat(name, "s800")
101
118
  }, {
102
119
  h: colorHsl.h,
103
120
  s: colorHsl.s,
104
- l: 10
121
+ l: 10,
122
+ name: "@".concat(name, "s900")
105
123
  }];
106
124
  return [].concat(_rollupPluginBabelHelpers.toConsumableArray(isNeutral ? blackShade : []), shades, _rollupPluginBabelHelpers.toConsumableArray(isNeutral ? whiteShade : []));
107
125
  };
package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/translations/en.json.js CHANGED
@@ -91,7 +91,45 @@ var en = {
91
91
  "Select color": "Select color",
92
92
  Edit: Edit,
93
93
  "Edit image": "Edit image",
94
- "Theme colors": "Theme colors"
94
+ "Theme colors": "Theme colors",
95
+ "@primaryColors10": "Main color 10",
96
+ "@primaryColors20": "Main color 20",
97
+ "@primaryColors50": "Main color 50",
98
+ "@primaryColors100": "Main color 100",
99
+ "@primaryColors200": "Main color 200",
100
+ "@primaryColors300": "Main color 300",
101
+ "@primaryColors400": "Main color 400",
102
+ "@primaryColors500": "Main color 500",
103
+ "@primaryColors600": "Main color 600",
104
+ "@primaryColors700": "Main color 700",
105
+ "@primaryColors800": "Main color 800",
106
+ "@primaryColors900": "Main color 900",
107
+ "@secondaryColors10": "Accent color 10",
108
+ "@secondaryColors20": "Accent color 20",
109
+ "@secondaryColors50": "Accent color 50",
110
+ "@secondaryColors100": "Accent color 100",
111
+ "@secondaryColors200": "Accent color 200",
112
+ "@secondaryColors300": "Accent color 300",
113
+ "@secondaryColors400": "Accent color 400",
114
+ "@secondaryColors500": "Accent color 500",
115
+ "@secondaryColors600": "Accent color 600",
116
+ "@secondaryColors700": "Accent color 700",
117
+ "@secondaryColors800": "Accent color 800",
118
+ "@secondaryColors900": "Accent color 900",
119
+ "@neutralColors0": "Neutral color 0",
120
+ "@neutralColors10": "Neutral color 10",
121
+ "@neutralColors20": "Neutral color 20",
122
+ "@neutralColors50": "Neutral color 50",
123
+ "@neutralColors100": "Neutral color 100",
124
+ "@neutralColors200": "Neutral color 200",
125
+ "@neutralColors300": "Neutral color 300",
126
+ "@neutralColors400": "Neutral color 400",
127
+ "@neutralColors500": "Neutral color 500",
128
+ "@neutralColors600": "Neutral color 600",
129
+ "@neutralColors700": "Neutral color 700",
130
+ "@neutralColors800": "Neutral color 800",
131
+ "@neutralColors900": "Neutral color 900",
132
+ "@neutralColors1000": "Neutral color 1000"
95
133
  };
96
134
 
97
135
  exports.Add = Add;
package/build/cjs/packages/aurora/src/translations/en.json.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/translations/pl.json.js CHANGED
@@ -91,7 +91,45 @@ var pl = {
91
91
  "Select color": "Wybierz kolor",
92
92
  Edit: Edit,
93
93
  "Edit image": "Edytuj obrazek",
94
- "Theme colors": "Kolory szablonu"
94
+ "Theme colors": "Kolory szablonu",
95
+ "@primaryColors10": "Kolor główny 10",
96
+ "@primaryColors20": "Kolor główny 20",
97
+ "@primaryColors50": "Kolor główny 50",
98
+ "@primaryColors100": "Kolor główny 100",
99
+ "@primaryColors200": "Kolor główny 200",
100
+ "@primaryColors300": "Kolor główny 300",
101
+ "@primaryColors400": "Kolor główny 400",
102
+ "@primaryColors500": "Kolor główny 500",
103
+ "@primaryColors600": "Kolor główny 600",
104
+ "@primaryColors700": "Kolor główny 700",
105
+ "@primaryColors800": "Kolor główny 800",
106
+ "@primaryColors900": "Kolor główny 900",
107
+ "@secondaryColors10": "Kolor akcentowy 10",
108
+ "@secondaryColors20": "Kolor akcentowy 20",
109
+ "@secondaryColors50": "Kolor akcentowy 50",
110
+ "@secondaryColors100": "Kolor akcentowy 100",
111
+ "@secondaryColors200": "Kolor akcentowy 200",
112
+ "@secondaryColors300": "Kolor akcentowy 300",
113
+ "@secondaryColors400": "Kolor akcentowy 400",
114
+ "@secondaryColors500": "Kolor akcentowy 500",
115
+ "@secondaryColors600": "Kolor akcentowy 600",
116
+ "@secondaryColors700": "Kolor akcentowy 700",
117
+ "@secondaryColors800": "Kolor akcentowy 800",
118
+ "@secondaryColors900": "Kolor akcentowy 900",
119
+ "@neutralColors0": "Kolor neutralny 0",
120
+ "@neutralColors10": "Kolor neutralny 10",
121
+ "@neutralColors20": "Kolor neutralny 20",
122
+ "@neutralColors50": "Kolor neutralny 50",
123
+ "@neutralColors100": "Kolor neutralny 100",
124
+ "@neutralColors200": "Kolor neutralny 200",
125
+ "@neutralColors300": "Kolor neutralny 300",
126
+ "@neutralColors400": "Kolor neutralny 400",
127
+ "@neutralColors500": "Kolor neutralny 500",
128
+ "@neutralColors600": "Kolor neutralny 600",
129
+ "@neutralColors700": "Kolor neutralny 700",
130
+ "@neutralColors800": "Kolor neutralny 800",
131
+ "@neutralColors900": "Kolor neutralny 900",
132
+ "@neutralColors1000": "Kolor neutralny 1000"
95
133
  };
96
134
 
97
135
  exports.Add = Add;
package/build/cjs/packages/aurora/src/translations/pl.json.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/components/color-label-input.js CHANGED
@@ -1,4 +1,6 @@
1
1
  import React, { useContext } from 'react';
2
+ import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
+ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
4
  import Input from '../../controls/components/input.js';
3
5
  import { ColorPickerNewContext } from '../context.js';
4
6
 
@@ -7,13 +9,18 @@ var ColorLabelInput = function ColorLabelInput(_ref) {
7
9
  name = _ref.name;
8
10
 
9
11
  var _useContext = useContext(ColorPickerNewContext),
10
- hex = _useContext.hex;
12
+ hex = _useContext.hex,
13
+ variableName = _useContext.variableName;
14
+
15
+ var _useTranslation = useTranslation(),
16
+ _useTranslation2 = _slicedToArray(_useTranslation, 1),
17
+ t = _useTranslation2[0];
11
18
 
12
19
  return /*#__PURE__*/React.createElement(Input, {
13
20
  type: "text",
14
21
  id: id,
15
22
  name: name,
16
- value: "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase()),
23
+ value: variableName ? "".concat(t(variableName)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase()),
17
24
  readOnly: true
18
25
  });
19
26
  };
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-label-input.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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js CHANGED
@@ -23,15 +23,20 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
23
23
  isOpen = _useState2[0],
24
24
  setIsOpen = _useState2[1];
25
25
 
26
+ var primary = variables.primary,
27
+ secondary = variables.secondary,
28
+ neutral = variables.neutral;
26
29
  var primaryShades = getVariableShades({
27
- color: variables.primary
30
+ color: primary.value,
31
+ name: primary.name
28
32
  });
29
33
  var secondaryShades = getVariableShades({
30
- color: variables.secondary
34
+ color: secondary.value,
35
+ name: secondary.name
31
36
  });
32
37
  var neutralShades = getVariableShades({
33
- color: variables.neutral,
34
- isNeutral: true
38
+ color: neutral.value,
39
+ name: neutral.name
35
40
  });
36
41
  var allShades = [].concat(_toConsumableArray(primaryShades), _toConsumableArray(secondaryShades), _toConsumableArray(neutralShades));
37
42
  return /*#__PURE__*/React.createElement("div", {
@@ -48,11 +53,14 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
48
53
  }))), /*#__PURE__*/React.createElement("div", {
49
54
  className: styles[cssColorPickerSwatchesContent]
50
55
  }, Object.values(variables).map(function (variable, index) {
51
- var colorTiny = getTinyColorInstance(variable);
56
+ var colorTiny = getTinyColorInstance(variable.value);
52
57
  var colorHex = getHexValue(colorTiny);
53
58
 
54
59
  var handleOnClick = function handleOnClick() {
55
- handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch(colorHex);
60
+ handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch({
61
+ value: colorHex,
62
+ name: "@".concat(variable.name)
63
+ });
56
64
  };
57
65
 
58
66
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
@@ -68,7 +76,10 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
68
76
  var colorHex = getHexValue(colorTiny);
69
77
 
70
78
  var handleOnClick = function handleOnClick() {
71
- handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch(colorHex);
79
+ handlePickSwatch === null || handlePickSwatch === void 0 || handlePickSwatch({
80
+ value: colorHex,
81
+ name: variable.name
82
+ });
72
83
  };
73
84
 
74
85
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
package/build/esm/packages/aurora/src/components/color_picker_new/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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js CHANGED
@@ -22,6 +22,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
22
22
  color = _useContext.color,
23
23
  setColor = _useContext.setColor;
24
24
 
25
+ var colorValue = typeof color === 'string' ? color : color.value;
25
26
  return /*#__PURE__*/React.createElement("div", {
26
27
  className: "".concat(styles[cssColorPicker])
27
28
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
@@ -29,7 +30,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
29
30
  }, /*#__PURE__*/React.createElement("div", {
30
31
  className: "".concat(styles[cssColorPickerInputColorSwatchContainer])
31
32
  }, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
32
- color: color
33
+ color: colorValue
33
34
  })), /*#__PURE__*/React.createElement(ColorLabelInput, {
34
35
  id: id,
35
36
  name: name
@@ -40,7 +41,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
40
41
  }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
41
42
  className: "".concat(styles[cssColorPickerContainer])
42
43
  }, /*#__PURE__*/React.createElement(ColorPicker, {
43
- value: color,
44
+ value: colorValue,
44
45
  onChange: setColor,
45
46
  width: COLOR_PICKER_WIDTH,
46
47
  height: COLOR_PICKER_HEIGHT,
package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/context.js CHANGED
@@ -5,6 +5,7 @@ var ColorPickerNewContext = /*#__PURE__*/createContext({
5
5
  setColor: function setColor() {},
6
6
  hex: '',
7
7
  hslArr: [],
8
+ variableName: '',
8
9
  handleOnChangeAlpha: function handleOnChangeAlpha() {},
9
10
  alphaValue: '',
10
11
  rgbaArr: [],
package/build/esm/packages/aurora/src/components/color_picker_new/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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ColorPickerColorTypes, IColorPickerColor } from '../types';
2
+ import { ColorPickerColorTypes, ColorPickerVariable, IColorPickerColor } from '../types';
3
3
  export declare type ColorPickerHookProps = {
4
4
  initialColor?: ColorPickerColorTypes['hex'];
5
5
  onChange?: (color: IColorPickerColor) => void;
@@ -7,10 +7,11 @@ export declare type ColorPickerHookProps = {
7
7
  onSave?: (color: IColorPickerColor) => void;
8
8
  };
9
9
  declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
10
- color: string;
11
- setColor: import("react").Dispatch<import("react").SetStateAction<string>>;
10
+ color: string | ColorPickerVariable;
11
+ setColor: import("react").Dispatch<import("react").SetStateAction<string | ColorPickerVariable>>;
12
12
  hex: string;
13
13
  hslArr: number[];
14
+ variableName: string;
14
15
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
15
16
  alphaValue: string;
16
17
  rgbaArr: number[];
@@ -19,6 +20,6 @@ declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: Col
19
20
  setB: (newB: number) => void;
20
21
  handleCancel: () => void;
21
22
  handleSave: () => void;
22
- handlePickSwatch: (color: ColorPickerColorTypes['hex']) => void;
23
+ handlePickSwatch: (color: ColorPickerColorTypes['hex'] | ColorPickerVariable) => void;
23
24
  };
24
25
  export default useColorPicker;
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js CHANGED
@@ -20,7 +20,7 @@ var useColorPicker = function useColorPicker(_ref) {
20
20
  choosenColor = _useState4[0],
21
21
  setChoosenColor = _useState4[1];
22
22
 
23
- var _useBestGradientColor = useColorPicker$1(color, setColor),
23
+ var _useBestGradientColor = useColorPicker$1(typeof color === 'string' ? color : color.value, setColor),
24
24
  hslArr = _useBestGradientColor.hslArr,
25
25
  rgbaArr = _useBestGradientColor.rgbaArr,
26
26
  setR = _useBestGradientColor.setR,
@@ -28,18 +28,23 @@ var useColorPicker = function useColorPicker(_ref) {
28
28
  setB = _useBestGradientColor.setB,
29
29
  setA = _useBestGradientColor.setA;
30
30
 
31
- var tinyColor = getTinyColorInstance(color);
32
- var hex = getHexValue(tinyColor);
33
-
34
- var _useState5 = useState(rgbaArr[3] * 100),
31
+ var _useState5 = useState(''),
35
32
  _useState6 = _slicedToArray(_useState5, 2),
36
- alpha = _useState6[0],
37
- setAlpha = _useState6[1];
33
+ variableName = _useState6[0],
34
+ setVariableName = _useState6[1];
38
35
 
39
- var _useState7 = useState("".concat(alpha)),
36
+ var tinyColor = typeof color === 'string' ? getTinyColorInstance(color) : getTinyColorInstance(color.value);
37
+ var hex = getHexValue(tinyColor);
38
+
39
+ var _useState7 = useState(rgbaArr[3] * 100),
40
40
  _useState8 = _slicedToArray(_useState7, 2),
41
- alphaValue = _useState8[0],
42
- setAlphaValue = _useState8[1];
41
+ alpha = _useState8[0],
42
+ setAlpha = _useState8[1];
43
+
44
+ var _useState9 = useState("".concat(alpha)),
45
+ _useState10 = _slicedToArray(_useState9, 2),
46
+ alphaValue = _useState10[0],
47
+ setAlphaValue = _useState10[1];
43
48
 
44
49
  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
45
50
  changeAlphaValue(Number(event.target.value));
@@ -57,6 +62,7 @@ var useColorPicker = function useColorPicker(_ref) {
57
62
  }, [rgbaArr[3]]);
58
63
  useEffect(function () {
59
64
  onChange === null || onChange === void 0 || onChange(getAllColorTypes(color));
65
+ typeof color === 'string' ? setVariableName('') : setVariableName(color.name);
60
66
  }, [color]);
61
67
 
62
68
  var handleCancel = function handleCancel() {
@@ -78,6 +84,7 @@ var useColorPicker = function useColorPicker(_ref) {
78
84
  setColor: setColor,
79
85
  hex: hex,
80
86
  hslArr: hslArr,
87
+ variableName: variableName,
81
88
  handleOnChangeAlpha: handleOnChangeAlpha,
82
89
  alphaValue: alphaValue,
83
90
  rgbaArr: rgbaArr,
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/index.js CHANGED
@@ -22,6 +22,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
22
22
  setColor = _useColorPicker.setColor,
23
23
  hex = _useColorPicker.hex,
24
24
  hslArr = _useColorPicker.hslArr,
25
+ variableName = _useColorPicker.variableName,
25
26
  handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
26
27
  alphaValue = _useColorPicker.alphaValue,
27
28
  rgbaArr = _useColorPicker.rgbaArr,
@@ -38,6 +39,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
38
39
  setColor: setColor,
39
40
  hex: hex,
40
41
  hslArr: hslArr,
42
+ variableName: variableName,
41
43
  handleOnChangeAlpha: handleOnChangeAlpha,
42
44
  alphaValue: alphaValue,
43
45
  rgbaArr: rgbaArr,
@@ -48,7 +50,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
48
50
  handleSave: handleSave,
49
51
  handlePickSwatch: handlePickSwatch
50
52
  };
51
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
53
+ }, [color, setColor, hex, hslArr, variableName, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
52
54
  return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
53
55
  value: value
54
56
  }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
package/build/esm/packages/aurora/src/components/color_picker_new/index.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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts CHANGED
@@ -9,11 +9,11 @@ export interface IColorPickerColorVariables {
9
9
  variables: IColorPickerColorVariablesType;
10
10
  }
11
11
  export interface IColorPickerColorVariablesType {
12
- primary: string;
13
- secondary: string;
14
- neutral: string;
15
- text: string;
16
- background: string;
12
+ primary: ColorPickerVariable;
13
+ secondary: ColorPickerVariable;
14
+ neutral: ColorPickerVariable;
15
+ font: ColorPickerVariable;
16
+ background: ColorPickerVariable;
17
17
  }
18
18
  export interface IColorPickerNewProps {
19
19
  id: string;
@@ -25,10 +25,11 @@ export interface IColorPickerNewProps {
25
25
  onSave?: (color: IColorPickerColor) => void;
26
26
  }
27
27
  export interface IColorPickerNewContextProps {
28
- color: string;
29
- setColor: Dispatch<SetStateAction<string>>;
28
+ color: string | ColorPickerVariable;
29
+ setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
30
30
  hex: string;
31
31
  hslArr: number[];
32
+ variableName: string;
32
33
  handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
33
34
  alphaValue: string;
34
35
  rgbaArr: number[];
@@ -37,7 +38,7 @@ export interface IColorPickerNewContextProps {
37
38
  setB: (newB: number) => void;
38
39
  handleCancel: () => void;
39
40
  handleSave: (color: IColorPickerColor) => void;
40
- handlePickSwatch: (color: string) => void;
41
+ handlePickSwatch: (color: string | ColorPickerVariable) => void;
41
42
  }
42
43
  export declare type ColorPickerColorTypes = {
43
44
  hex: string;
@@ -53,9 +54,14 @@ export declare type ColorPickerColorTypes = {
53
54
  a?: number;
54
55
  };
55
56
  };
57
+ export declare type ColorPickerVariable = {
58
+ value: string;
59
+ name: string;
60
+ };
56
61
  export declare type IColorPickerColor = {
57
62
  rgba: ColorPickerColorTypes['rgba'];
58
63
  hex: string;
59
64
  hexString: string;
65
+ variable?: string;
60
66
  };
61
67
  export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
package/build/esm/packages/aurora/src/components/color_picker_new/utilities.d.ts CHANGED
@@ -1,16 +1,17 @@
1
- import { ColorPickerColors, IColorPickerColor } from './types';
1
+ import { ColorPickerColors, ColorPickerVariable, IColorPickerColor } from './types';
2
2
  import tinycolor from 'tinycolor2';
3
3
  export declare const getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
4
4
  export declare const getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
5
5
  export declare const getHexValue: (colorSet: tinycolor.Instance) => string;
6
6
  export declare const getHexValueString: (colorSet: tinycolor.Instance) => string;
7
7
  export declare const isHexChar: (value: string) => boolean;
8
- export declare const getAllColorTypes: (color: string) => IColorPickerColor;
9
- export declare const getVariableShades: ({ color, isNeutral }: {
10
- color: string;
11
- isNeutral?: boolean | undefined;
8
+ export declare const getAllColorTypes: (color: string | ColorPickerVariable) => IColorPickerColor;
9
+ export declare const getVariableShades: ({ color, name }: {
10
+ color: ColorPickerColors;
11
+ name: string;
12
12
  }) => {
13
13
  h: number;
14
14
  s: number;
15
15
  l: number;
16
+ name: string;
16
17
  }[];
package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js CHANGED
@@ -1,4 +1,4 @@
1
- import { toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import tinycolor from '../../../../../external/tinycolor2/esm/tinycolor.js';
3
3
 
4
4
  var getTinyColorInstance = function getTinyColorInstance(color) {
@@ -19,11 +19,11 @@ var isHexChar = function isHexChar(value) {
19
19
  return hexRegEx.test(value);
20
20
  };
21
21
  var getAllColorTypes = function getAllColorTypes(color) {
22
- var tinyColor = getTinyColorInstance(color);
22
+ var tinyColor = typeof color === 'string' ? getTinyColorInstance(color) : getTinyColorInstance(color.value);
23
23
  var rgba = getRgbaValue(tinyColor);
24
24
  var hex = getHexValue(tinyColor);
25
25
  var hexString = getHexValueString(tinyColor);
26
- return {
26
+ var allColorTypes = {
27
27
  rgba: {
28
28
  r: rgba.r,
29
29
  g: rgba.g,
@@ -33,71 +33,89 @@ var getAllColorTypes = function getAllColorTypes(color) {
33
33
  hex: hex,
34
34
  hexString: hexString
35
35
  };
36
+ var variableName = typeof color !== 'string' ? {
37
+ variable: color.name
38
+ } : undefined;
39
+ return _objectSpread2(_objectSpread2({}, allColorTypes), variableName && variableName);
36
40
  };
37
41
  var getVariableShades = function getVariableShades(_ref) {
38
42
  var color = _ref.color,
39
- _ref$isNeutral = _ref.isNeutral,
40
- isNeutral = _ref$isNeutral === void 0 ? false : _ref$isNeutral;
43
+ name = _ref.name;
41
44
  var colorTiny = getTinyColorInstance(color);
42
45
  var colorHsl = colorTiny.toHsl();
46
+ var isNeutral = name.includes('neutral');
43
47
  var blackShade = [{
44
48
  h: colorHsl.h,
45
49
  s: colorHsl.s,
46
- l: 100
50
+ l: 100,
51
+ name: "@".concat(name, "s0")
47
52
  }];
48
53
  var whiteShade = [{
49
54
  h: colorHsl.h,
50
55
  s: colorHsl.s,
51
- l: 0
56
+ l: 0,
57
+ name: "@".concat(name, "s1000")
52
58
  }];
53
59
  var shades = [{
54
60
  h: colorHsl.h,
55
61
  s: colorHsl.s,
56
- l: 99
62
+ l: 99,
63
+ name: "@".concat(name, "s10")
57
64
  }, {
58
65
  h: colorHsl.h,
59
66
  s: colorHsl.s,
60
- l: 98
67
+ l: 98,
68
+ name: "@".concat(name, "s20")
61
69
  }, {
62
70
  h: colorHsl.h,
63
71
  s: colorHsl.s,
64
- l: 95
72
+ l: 95,
73
+ name: "@".concat(name, "s50")
65
74
  }, {
66
75
  h: colorHsl.h,
67
76
  s: colorHsl.s,
68
- l: 90
77
+ l: 90,
78
+ name: "@".concat(name, "s100")
69
79
  }, {
70
80
  h: colorHsl.h,
71
81
  s: colorHsl.s,
72
- l: 80
82
+ l: 80,
83
+ name: "@".concat(name, "s200")
73
84
  }, {
74
85
  h: colorHsl.h,
75
86
  s: colorHsl.s,
76
- l: 70
87
+ l: 70,
88
+ name: "@".concat(name, "s300")
77
89
  }, {
78
90
  h: colorHsl.h,
79
91
  s: colorHsl.s,
80
- l: 60
92
+ l: 60,
93
+ name: "@".concat(name, "s400")
81
94
  }, {
82
95
  h: colorHsl.h,
83
96
  s: colorHsl.s,
84
- l: 50
97
+ l: 50,
98
+ name: "@".concat(name, "s500")
85
99
  }, {
86
100
  h: colorHsl.h,
87
101
  s: colorHsl.s,
88
- l: 40
102
+ l: 40,
103
+ name: "@".concat(name, "s600")
89
104
  }, {
90
105
  h: colorHsl.h,
91
106
  s: colorHsl.s,
92
- l: 30
107
+ l: 30,
108
+ name: "@".concat(name, "s700")
93
109
  }, {
94
110
  h: colorHsl.h,
95
111
  s: colorHsl.s,
96
- l: 20
112
+ l: 20,
113
+ name: "@".concat(name, "s800")
97
114
  }, {
98
115
  h: colorHsl.h,
99
116
  s: colorHsl.s,
100
- l: 10
117
+ l: 10,
118
+ name: "@".concat(name, "s900")
101
119
  }];
102
120
  return [].concat(_toConsumableArray(isNeutral ? blackShade : []), shades, _toConsumableArray(isNeutral ? whiteShade : []));
103
121
  };
package/build/esm/packages/aurora/src/components/color_picker_new/utilities.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/translations/en.json CHANGED
@@ -58,5 +58,43 @@
58
58
  "Select color": "Select color",
59
59
  "Edit": "Edit",
60
60
  "Edit image": "Edit image",
61
- "Theme colors": "Theme colors"
61
+ "Theme colors": "Theme colors",
62
+ "@primaryColors10": "Main color 10",
63
+ "@primaryColors20": "Main color 20",
64
+ "@primaryColors50": "Main color 50",
65
+ "@primaryColors100": "Main color 100",
66
+ "@primaryColors200": "Main color 200",
67
+ "@primaryColors300": "Main color 300",
68
+ "@primaryColors400": "Main color 400",
69
+ "@primaryColors500": "Main color 500",
70
+ "@primaryColors600": "Main color 600",
71
+ "@primaryColors700": "Main color 700",
72
+ "@primaryColors800": "Main color 800",
73
+ "@primaryColors900": "Main color 900",
74
+ "@secondaryColors10": "Accent color 10",
75
+ "@secondaryColors20": "Accent color 20",
76
+ "@secondaryColors50": "Accent color 50",
77
+ "@secondaryColors100": "Accent color 100",
78
+ "@secondaryColors200": "Accent color 200",
79
+ "@secondaryColors300": "Accent color 300",
80
+ "@secondaryColors400": "Accent color 400",
81
+ "@secondaryColors500": "Accent color 500",
82
+ "@secondaryColors600": "Accent color 600",
83
+ "@secondaryColors700": "Accent color 700",
84
+ "@secondaryColors800": "Accent color 800",
85
+ "@secondaryColors900": "Accent color 900",
86
+ "@neutralColors0": "Neutral color 0",
87
+ "@neutralColors10": "Neutral color 10",
88
+ "@neutralColors20": "Neutral color 20",
89
+ "@neutralColors50": "Neutral color 50",
90
+ "@neutralColors100": "Neutral color 100",
91
+ "@neutralColors200": "Neutral color 200",
92
+ "@neutralColors300": "Neutral color 300",
93
+ "@neutralColors400": "Neutral color 400",
94
+ "@neutralColors500": "Neutral color 500",
95
+ "@neutralColors600": "Neutral color 600",
96
+ "@neutralColors700": "Neutral color 700",
97
+ "@neutralColors800": "Neutral color 800",
98
+ "@neutralColors900": "Neutral color 900",
99
+ "@neutralColors1000": "Neutral color 1000"
62
100
  }
package/build/esm/packages/aurora/src/translations/en.json.js CHANGED
@@ -87,7 +87,45 @@ var en = {
87
87
  "Select color": "Select color",
88
88
  Edit: Edit,
89
89
  "Edit image": "Edit image",
90
- "Theme colors": "Theme colors"
90
+ "Theme colors": "Theme colors",
91
+ "@primaryColors10": "Main color 10",
92
+ "@primaryColors20": "Main color 20",
93
+ "@primaryColors50": "Main color 50",
94
+ "@primaryColors100": "Main color 100",
95
+ "@primaryColors200": "Main color 200",
96
+ "@primaryColors300": "Main color 300",
97
+ "@primaryColors400": "Main color 400",
98
+ "@primaryColors500": "Main color 500",
99
+ "@primaryColors600": "Main color 600",
100
+ "@primaryColors700": "Main color 700",
101
+ "@primaryColors800": "Main color 800",
102
+ "@primaryColors900": "Main color 900",
103
+ "@secondaryColors10": "Accent color 10",
104
+ "@secondaryColors20": "Accent color 20",
105
+ "@secondaryColors50": "Accent color 50",
106
+ "@secondaryColors100": "Accent color 100",
107
+ "@secondaryColors200": "Accent color 200",
108
+ "@secondaryColors300": "Accent color 300",
109
+ "@secondaryColors400": "Accent color 400",
110
+ "@secondaryColors500": "Accent color 500",
111
+ "@secondaryColors600": "Accent color 600",
112
+ "@secondaryColors700": "Accent color 700",
113
+ "@secondaryColors800": "Accent color 800",
114
+ "@secondaryColors900": "Accent color 900",
115
+ "@neutralColors0": "Neutral color 0",
116
+ "@neutralColors10": "Neutral color 10",
117
+ "@neutralColors20": "Neutral color 20",
118
+ "@neutralColors50": "Neutral color 50",
119
+ "@neutralColors100": "Neutral color 100",
120
+ "@neutralColors200": "Neutral color 200",
121
+ "@neutralColors300": "Neutral color 300",
122
+ "@neutralColors400": "Neutral color 400",
123
+ "@neutralColors500": "Neutral color 500",
124
+ "@neutralColors600": "Neutral color 600",
125
+ "@neutralColors700": "Neutral color 700",
126
+ "@neutralColors800": "Neutral color 800",
127
+ "@neutralColors900": "Neutral color 900",
128
+ "@neutralColors1000": "Neutral color 1000"
91
129
  };
92
130
 
93
131
  export default en;
package/build/esm/packages/aurora/src/translations/en.json.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;"}
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;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/translations/pl.json CHANGED
@@ -58,5 +58,43 @@
58
58
  "Select color": "Wybierz kolor",
59
59
  "Edit": "Edytuj",
60
60
  "Edit image": "Edytuj obrazek",
61
- "Theme colors": "Kolory szablonu"
61
+ "Theme colors": "Kolory szablonu",
62
+ "@primaryColors10": "Kolor główny 10",
63
+ "@primaryColors20": "Kolor główny 20",
64
+ "@primaryColors50": "Kolor główny 50",
65
+ "@primaryColors100": "Kolor główny 100",
66
+ "@primaryColors200": "Kolor główny 200",
67
+ "@primaryColors300": "Kolor główny 300",
68
+ "@primaryColors400": "Kolor główny 400",
69
+ "@primaryColors500": "Kolor główny 500",
70
+ "@primaryColors600": "Kolor główny 600",
71
+ "@primaryColors700": "Kolor główny 700",
72
+ "@primaryColors800": "Kolor główny 800",
73
+ "@primaryColors900": "Kolor główny 900",
74
+ "@secondaryColors10": "Kolor akcentowy 10",
75
+ "@secondaryColors20": "Kolor akcentowy 20",
76
+ "@secondaryColors50": "Kolor akcentowy 50",
77
+ "@secondaryColors100": "Kolor akcentowy 100",
78
+ "@secondaryColors200": "Kolor akcentowy 200",
79
+ "@secondaryColors300": "Kolor akcentowy 300",
80
+ "@secondaryColors400": "Kolor akcentowy 400",
81
+ "@secondaryColors500": "Kolor akcentowy 500",
82
+ "@secondaryColors600": "Kolor akcentowy 600",
83
+ "@secondaryColors700": "Kolor akcentowy 700",
84
+ "@secondaryColors800": "Kolor akcentowy 800",
85
+ "@secondaryColors900": "Kolor akcentowy 900",
86
+ "@neutralColors0": "Kolor neutralny 0",
87
+ "@neutralColors10": "Kolor neutralny 10",
88
+ "@neutralColors20": "Kolor neutralny 20",
89
+ "@neutralColors50": "Kolor neutralny 50",
90
+ "@neutralColors100": "Kolor neutralny 100",
91
+ "@neutralColors200": "Kolor neutralny 200",
92
+ "@neutralColors300": "Kolor neutralny 300",
93
+ "@neutralColors400": "Kolor neutralny 400",
94
+ "@neutralColors500": "Kolor neutralny 500",
95
+ "@neutralColors600": "Kolor neutralny 600",
96
+ "@neutralColors700": "Kolor neutralny 700",
97
+ "@neutralColors800": "Kolor neutralny 800",
98
+ "@neutralColors900": "Kolor neutralny 900",
99
+ "@neutralColors1000": "Kolor neutralny 1000"
62
100
  }
package/build/esm/packages/aurora/src/translations/pl.json.js CHANGED
@@ -87,7 +87,45 @@ var pl = {
87
87
  "Select color": "Wybierz kolor",
88
88
  Edit: Edit,
89
89
  "Edit image": "Edytuj obrazek",
90
- "Theme colors": "Kolory szablonu"
90
+ "Theme colors": "Kolory szablonu",
91
+ "@primaryColors10": "Kolor główny 10",
92
+ "@primaryColors20": "Kolor główny 20",
93
+ "@primaryColors50": "Kolor główny 50",
94
+ "@primaryColors100": "Kolor główny 100",
95
+ "@primaryColors200": "Kolor główny 200",
96
+ "@primaryColors300": "Kolor główny 300",
97
+ "@primaryColors400": "Kolor główny 400",
98
+ "@primaryColors500": "Kolor główny 500",
99
+ "@primaryColors600": "Kolor główny 600",
100
+ "@primaryColors700": "Kolor główny 700",
101
+ "@primaryColors800": "Kolor główny 800",
102
+ "@primaryColors900": "Kolor główny 900",
103
+ "@secondaryColors10": "Kolor akcentowy 10",
104
+ "@secondaryColors20": "Kolor akcentowy 20",
105
+ "@secondaryColors50": "Kolor akcentowy 50",
106
+ "@secondaryColors100": "Kolor akcentowy 100",
107
+ "@secondaryColors200": "Kolor akcentowy 200",
108
+ "@secondaryColors300": "Kolor akcentowy 300",
109
+ "@secondaryColors400": "Kolor akcentowy 400",
110
+ "@secondaryColors500": "Kolor akcentowy 500",
111
+ "@secondaryColors600": "Kolor akcentowy 600",
112
+ "@secondaryColors700": "Kolor akcentowy 700",
113
+ "@secondaryColors800": "Kolor akcentowy 800",
114
+ "@secondaryColors900": "Kolor akcentowy 900",
115
+ "@neutralColors0": "Kolor neutralny 0",
116
+ "@neutralColors10": "Kolor neutralny 10",
117
+ "@neutralColors20": "Kolor neutralny 20",
118
+ "@neutralColors50": "Kolor neutralny 50",
119
+ "@neutralColors100": "Kolor neutralny 100",
120
+ "@neutralColors200": "Kolor neutralny 200",
121
+ "@neutralColors300": "Kolor neutralny 300",
122
+ "@neutralColors400": "Kolor neutralny 400",
123
+ "@neutralColors500": "Kolor neutralny 500",
124
+ "@neutralColors600": "Kolor neutralny 600",
125
+ "@neutralColors700": "Kolor neutralny 700",
126
+ "@neutralColors800": "Kolor neutralny 800",
127
+ "@neutralColors900": "Kolor neutralny 900",
128
+ "@neutralColors1000": "Kolor neutralny 1000"
91
129
  };
92
130
 
93
131
  export default pl;
package/build/esm/packages/aurora/src/translations/pl.json.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;"}
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;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": "2.17.22-4",
5
+ "version": "2.17.22-7",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",