@dreamcommerce/aurora 3.0.0-262 → 3.0.0-263

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 (5) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +22 -10
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  3. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +22 -10
  4. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  5. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -28,17 +28,33 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
28
28
  setRadial = _useColorPicker.setRadial,
29
29
  setLinear = _useColorPicker.setLinear,
30
30
  previousSolidColor = _useColorPicker.previousSolidColor,
31
- previousGradientColor = _useColorPicker.previousGradientColor;
31
+ previousGradientColor = _useColorPicker.previousGradientColor,
32
+ color = _useColorPicker.color;
32
33
  var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
33
34
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
35
+ var changeToSolid = function changeToSolid() {
36
+ setSolid(previousSolidColor);
37
+ };
38
+ var changeToLinear = function changeToLinear() {
39
+ if (!isCurrentValueGradient) {
40
+ setLinear(previousGradientColor);
41
+ return;
42
+ }
43
+ setLinear(color.value);
44
+ };
45
+ var changeToRadial = function changeToRadial() {
46
+ if (!isCurrentValueGradient) {
47
+ setRadial(previousGradientColor);
48
+ return;
49
+ }
50
+ setRadial(color.value);
51
+ };
34
52
  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
35
53
  spacing: "1",
36
54
  className: "aurora-flex aurora-list-none"
37
55
  }, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
38
56
  type: "button",
39
- onClick: function onClick() {
40
- return setSolid(previousSolidColor);
41
- },
57
+ onClick: changeToSolid,
42
58
  "aria-label": "Color picker solid mode",
43
59
  className: cn.cn('aurora-bg-neutral-700', commonClassNames, !isCurrentValueGradient && activeClassNames)
44
60
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
@@ -49,9 +65,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
49
65
  color: css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.inverse
50
66
  }, "".concat(t('Solid')))))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
51
67
  type: "button",
52
- onClick: function onClick() {
53
- return setLinear(previousGradientColor);
54
- },
68
+ onClick: changeToLinear,
55
69
  "aria-label": "Color picker linear gradient mode",
56
70
  className: cn.cn('color-picker-mode-toggler__button_gradient_linear', commonClassNames, gradientType === 'linear-gradient' && activeClassNames)
57
71
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
@@ -62,9 +76,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
62
76
  color: css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.inverse
63
77
  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement("button", {
64
78
  type: "button",
65
- onClick: function onClick() {
66
- return setRadial(previousGradientColor);
67
- },
79
+ onClick: changeToRadial,
68
80
  "aria-label": "Color picker radial gradient mode",
69
81
  className: cn.cn('color-picker-mode-toggler__button_gradient_radial', commonClassNames, gradientType === 'radial-gradient' && activeClassNames)
70
82
  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -20,17 +20,33 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
20
20
  setRadial = _useColorPicker.setRadial,
21
21
  setLinear = _useColorPicker.setLinear,
22
22
  previousSolidColor = _useColorPicker.previousSolidColor,
23
- previousGradientColor = _useColorPicker.previousGradientColor;
23
+ previousGradientColor = _useColorPicker.previousGradientColor,
24
+ color = _useColorPicker.color;
24
25
  var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
25
26
  var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
27
+ var changeToSolid = function changeToSolid() {
28
+ setSolid(previousSolidColor);
29
+ };
30
+ var changeToLinear = function changeToLinear() {
31
+ if (!isCurrentValueGradient) {
32
+ setLinear(previousGradientColor);
33
+ return;
34
+ }
35
+ setLinear(color.value);
36
+ };
37
+ var changeToRadial = function changeToRadial() {
38
+ if (!isCurrentValueGradient) {
39
+ setRadial(previousGradientColor);
40
+ return;
41
+ }
42
+ setRadial(color.value);
43
+ };
26
44
  return /*#__PURE__*/React.createElement(Stack, {
27
45
  spacing: "1",
28
46
  className: "aurora-flex aurora-list-none"
29
47
  }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
30
48
  type: "button",
31
- onClick: function onClick() {
32
- return setSolid(previousSolidColor);
33
- },
49
+ onClick: changeToSolid,
34
50
  "aria-label": "Color picker solid mode",
35
51
  className: cn('aurora-bg-neutral-700', commonClassNames, !isCurrentValueGradient && activeClassNames)
36
52
  })), /*#__PURE__*/React.createElement(TooltipContent, {
@@ -41,9 +57,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
41
57
  color: CSS_TEXT_COLOR_TOKENS.inverse
42
58
  }, "".concat(t('Solid')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
43
59
  type: "button",
44
- onClick: function onClick() {
45
- return setLinear(previousGradientColor);
46
- },
60
+ onClick: changeToLinear,
47
61
  "aria-label": "Color picker linear gradient mode",
48
62
  className: cn('color-picker-mode-toggler__button_gradient_linear', commonClassNames, gradientType === 'linear-gradient' && activeClassNames)
49
63
  })), /*#__PURE__*/React.createElement(TooltipContent, {
@@ -54,9 +68,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
54
68
  color: CSS_TEXT_COLOR_TOKENS.inverse
55
69
  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
56
70
  type: "button",
57
- onClick: function onClick() {
58
- return setRadial(previousGradientColor);
59
- },
71
+ onClick: changeToRadial,
60
72
  "aria-label": "Color picker radial gradient mode",
61
73
  className: cn('color-picker-mode-toggler__button_gradient_radial', commonClassNames, gradientType === 'radial-gradient' && activeClassNames)
62
74
  })), /*#__PURE__*/React.createElement(TooltipContent, {
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.0.0-262",
5
+ "version": "3.0.0-263",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",