@dreamcommerce/aurora 3.0.0-261 → 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 (32) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js +1 -0
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +22 -10
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +2 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -0
  9. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +3 -2
  11. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +2 -0
  13. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js +1 -0
  15. package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -1
  17. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +22 -10
  18. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +2 -1
  20. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -0
  22. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +1 -0
  24. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +3 -2
  25. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +2 -0
  27. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/typography/typography.d.ts +1 -1
  29. package/package.json +1 -1
  30. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.d.ts +0 -2
  31. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js +0 -30
  32. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js.map +0 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js CHANGED
@@ -30,6 +30,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
30
30
  var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
31
31
  if (isCurrentValueGradient) colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
32
32
  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
33
+ className: "aurora-cursor-pointer",
33
34
  preElement: preElement,
34
35
  type: "text",
35
36
  id: id,
package/build/cjs/packages/aurora/src/components/color_picker/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,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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js CHANGED
@@ -41,7 +41,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
41
41
  }, /*#__PURE__*/React__default['default'].createElement("select", {
42
42
  value: type,
43
43
  onChange: handleSelectType,
44
- className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
44
+ className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
45
45
  }, /*#__PURE__*/React__default['default'].createElement("option", {
46
46
  value: color_picker_constants.COLOR_PICKER_TYPES.HEX
47
47
  }, color_picker_constants.COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default['default'].createElement("option", {
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/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js CHANGED
@@ -111,7 +111,8 @@ var Square = function Square() {
111
111
  return /*#__PURE__*/React__default['default'].createElement("div", {
112
112
  style: {
113
113
  position: 'relative'
114
- }
114
+ },
115
+ className: "aurora-cursor-pointer"
115
116
  }, /*#__PURE__*/React__default['default'].createElement("div", {
116
117
  ref: squareRef,
117
118
  onMouseUp: stopDragging,
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_shades.js CHANGED
@@ -83,6 +83,7 @@ var ColorPickerShades = function ColorPickerShades() {
83
83
  setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
84
84
  };
85
85
  return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
86
+ className: "aurora-cursor-pointer",
86
87
  size: "small",
87
88
  onClick: handleOnClick,
88
89
  key: "".concat(shade, "-").concat(index),
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -17,7 +17,8 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
17
17
  cssColor = _ref.cssColor,
18
18
  size = _ref.size,
19
19
  hasActiveBorder = _ref.hasActiveBorder,
20
- onClick = _ref.onClick;
20
+ onClick = _ref.onClick,
21
+ className = _ref.className;
21
22
  var _useColorPicker = use_color_picker.useColorPicker(),
22
23
  activeColor = _useColorPicker.color;
23
24
  var handleOnClick = function handleOnClick() {
@@ -29,7 +30,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
29
30
  'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
30
31
  'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
31
32
  '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
32
- }),
33
+ }, className),
33
34
  onClick: handleOnClick
34
35
  }, /*#__PURE__*/React__default['default'].createElement("div", {
35
36
  className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
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,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,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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js CHANGED
@@ -67,6 +67,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
67
67
  });
68
68
  };
69
69
  return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
70
+ className: "aurora-cursor-pointer",
70
71
  size: "small",
71
72
  onClick: handleOnClick,
72
73
  key: "".concat(variable, "-").concat(index),
@@ -86,6 +87,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
86
87
  });
87
88
  };
88
89
  return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
90
+ className: "aurora-cursor-pointer",
89
91
  size: "small",
90
92
  onClick: handleOnClick,
91
93
  key: "".concat(variable, "-").concat(index),
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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js CHANGED
@@ -22,6 +22,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
22
22
  var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
23
23
  if (isCurrentValueGradient) colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
24
24
  return /*#__PURE__*/React.createElement(Input, {
25
+ className: "aurora-cursor-pointer",
25
26
  preElement: preElement,
26
27
  type: "text",
27
28
  id: id,
package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js CHANGED
@@ -33,7 +33,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
33
33
  }, /*#__PURE__*/React.createElement("select", {
34
34
  value: type,
35
35
  onChange: handleSelectType,
36
- className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
36
+ className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
37
37
  }, /*#__PURE__*/React.createElement("option", {
38
38
  value: COLOR_PICKER_TYPES.HEX
39
39
  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {
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/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js CHANGED
@@ -103,7 +103,8 @@ var Square = function Square() {
103
103
  return /*#__PURE__*/React.createElement("div", {
104
104
  style: {
105
105
  position: 'relative'
106
- }
106
+ },
107
+ className: "aurora-cursor-pointer"
107
108
  }, /*#__PURE__*/React.createElement("div", {
108
109
  ref: squareRef,
109
110
  onMouseUp: stopDragging,
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_shades.js CHANGED
@@ -75,6 +75,7 @@ var ColorPickerShades = function ColorPickerShades() {
75
75
  setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
76
76
  };
77
77
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
78
+ className: "aurora-cursor-pointer",
78
79
  size: "small",
79
80
  onClick: handleOnClick,
80
81
  key: "".concat(shade, "-").concat(index),
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.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;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts CHANGED
@@ -7,6 +7,7 @@ interface IColorPickerSwatchProps {
7
7
  size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
8
8
  hasActiveBorder?: boolean;
9
9
  onClick?: (color: ColorPickerColorTypes['hex']) => void;
10
+ className?: string;
10
11
  }
11
12
  export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
12
13
  export {};
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -9,7 +9,8 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
9
9
  cssColor = _ref.cssColor,
10
10
  size = _ref.size,
11
11
  hasActiveBorder = _ref.hasActiveBorder,
12
- onClick = _ref.onClick;
12
+ onClick = _ref.onClick,
13
+ className = _ref.className;
13
14
  var _useColorPicker = useColorPicker(),
14
15
  activeColor = _useColorPicker.color;
15
16
  var handleOnClick = function handleOnClick() {
@@ -21,7 +22,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
21
22
  'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
22
23
  'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
23
24
  '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
24
- }),
25
+ }, className),
25
26
  onClick: handleOnClick
26
27
  }, /*#__PURE__*/React.createElement("div", {
27
28
  className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
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,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,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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js CHANGED
@@ -59,6 +59,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
59
59
  });
60
60
  };
61
61
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
62
+ className: "aurora-cursor-pointer",
62
63
  size: "small",
63
64
  onClick: handleOnClick,
64
65
  key: "".concat(variable, "-").concat(index),
@@ -78,6 +79,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
78
79
  });
79
80
  };
80
81
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
82
+ className: "aurora-cursor-pointer",
81
83
  size: "small",
82
84
  onClick: handleOnClick,
83
85
  key: "".concat(variable, "-").concat(index),
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;"}
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;"}
package/build/esm/packages/aurora/src/components/typography/typography.d.ts CHANGED
@@ -46,7 +46,7 @@ export declare const Typography: ({ variant, as, style, color, weight, size, lin
46
46
  results?: number | undefined;
47
47
  security?: string | undefined;
48
48
  unselectable?: "off" | "on" | undefined;
49
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
49
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
50
50
  is?: string | undefined;
51
51
  "aria-activedescendant"?: string | undefined;
52
52
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
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-261",
5
+ "version": "3.0.0-263",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const ColorPickerHeader: () => React.JSX.Element;
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js DELETED
@@ -1,30 +0,0 @@
1
- import React, { useContext, useEffect } from 'react';
2
- import { CloseLineIcon } from '@auroraAssets/icons/close_line_icon';
3
- import { ColorPickerContext } from '../color_picker_context';
4
- import '../color_picker_types';
5
- import { Typography } from '@auroraComponents/typography/typography';
6
- import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
7
- import { useTranslation } from 'react-i18next';
8
- export const ColorPickerHeader = () => {
9
- const { handleCancel } = useColorPicker();
10
- const [t] = useTranslation();
11
- const { isColorPickerOpened, setIsColorPickerOpened } = useContext(ColorPickerContext);
12
- const handleCancelButton = () => {
13
- closePicker();
14
- };
15
- const closePicker = () => {
16
- setIsColorPickerOpened(false);
17
- handleCancel?.();
18
- };
19
- useEffect(() => {
20
- if (!isColorPickerOpened)
21
- return;
22
- document.addEventListener('visibilitychange', closePicker);
23
- return () => document.removeEventListener('visibilitychange', closePicker);
24
- }, [isColorPickerOpened]);
25
- return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-py-2 aurora-px-4 aurora-border aurora-rounded-t-16 aurora-bg-neutral-0" },
26
- React.createElement(Typography, { size: "s", weight: "semibold" }, `${t('Select color')}`),
27
- React.createElement("button", { onClick: handleCancelButton, className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer" },
28
- React.createElement(CloseLineIcon, { className: "aurora-w-4 aurora-h-4" }))));
29
- };
30
- //# sourceMappingURL=color_picker_header.js.map
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"color_picker_header.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/color_picker_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1C,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAwB,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE5G,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,YAAY,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAC,sIAAsI;QACjJ,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,UAAU,IAAE,GAAG,CAAC,CAAC,cAAc,CAAC,EAAE,CAAc;QAE5E,gCAAQ,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,kFAAkF;YAC7H,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,GAAG,CAC9C,CACP,CACT,CAAC;AACN,CAAC,CAAC"}