@dreamcommerce/aurora 3.0.0-213 → 3.0.0-215

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 (56) hide show
  1. package/build/cjs/packages/aurora/src/assets/icons/add_line_icon.js +10 -0
  2. package/build/cjs/packages/aurora/src/assets/icons/add_line_icon.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/assets/icons/subtract_line_icon.js +10 -0
  4. package/build/cjs/packages/aurora/src/assets/icons/subtract_line_icon.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/action_list/action_list_constants.js +11 -0
  6. package/build/cjs/packages/aurora/src/components/action_list/action_list_constants.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js +20 -0
  8. package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js +10 -5
  10. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
  12. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -13
  14. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/stack/stack.js +1 -1
  16. package/build/cjs/packages/aurora/src/components/stack/stack.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +99 -0
  18. package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js.map +1 -0
  19. package/build/cjs/packages/aurora/src/index.js +2 -0
  20. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  21. package/build/esm/packages/aurora/src/assets/icons/add_line_icon.d.ts +1 -0
  22. package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js +6 -0
  23. package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js.map +1 -0
  24. package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.d.ts +1 -0
  25. package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js +6 -0
  26. package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js.map +1 -0
  27. package/build/esm/packages/aurora/src/components/action_list/action_list_constants.d.ts +4 -0
  28. package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js +7 -0
  29. package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js.map +1 -0
  30. package/build/esm/packages/aurora/src/components/action_list/action_list_types.d.ts +7 -1
  31. package/build/esm/packages/aurora/src/components/action_list/action_list_types.js +3 -0
  32. package/build/esm/packages/aurora/src/components/action_list/action_list_types.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/action_list/action_list_variants.d.ts +3 -0
  34. package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js +16 -0
  35. package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js.map +1 -0
  36. package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.d.ts +3 -3
  37. package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js +10 -5
  38. package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js.map +1 -1
  39. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
  40. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  41. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +0 -1
  42. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -13
  43. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  44. package/build/esm/packages/aurora/src/components/stack/stack.js +1 -1
  45. package/build/esm/packages/aurora/src/components/stack/stack.js.map +1 -1
  46. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.d.ts +3 -0
  47. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +91 -0
  48. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js.map +1 -0
  49. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.d.ts +11 -0
  50. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js +2 -0
  51. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js.map +1 -0
  52. package/build/esm/packages/aurora/src/index.d.ts +2 -0
  53. package/build/esm/packages/aurora/src/index.js +1 -0
  54. package/build/esm/packages/aurora/src/index.js.map +1 -1
  55. package/build/index.css +1 -1
  56. package/package.json +1 -1
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var react = require('@remixicon/react');
6
+
7
+ var AddLineIcon = react.RiAddLine;
8
+
9
+ exports.AddLineIcon = AddLineIcon;
10
+ //# sourceMappingURL=add_line_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var react = require('@remixicon/react');
6
+
7
+ var SubtractLineIcon = react.RiSubtractLine;
8
+
9
+ exports.SubtractLineIcon = SubtractLineIcon;
10
+ //# sourceMappingURL=subtract_line_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var ACTION_LIST_VARIANTS = {
6
+ basic: 'basic',
7
+ noDropdownIcon: 'noDropdownIcon'
8
+ };
9
+
10
+ exports.ACTION_LIST_VARIANTS = ACTION_LIST_VARIANTS;
11
+ //# sourceMappingURL=action_list_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
6
+
7
+ var actionListTriggerVariants = index.cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
8
+ variants: {
9
+ variant: {
10
+ basic: '',
11
+ noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
12
+ }
13
+ },
14
+ defaultVariants: {
15
+ variant: 'basic'
16
+ }
17
+ });
18
+
19
+ exports.actionListTriggerVariants = actionListTriggerVariants;
20
+ //# sourceMappingURL=action_list_variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,26 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var cn = require('../../../utilities/cn.js');
8
- require('@radix-ui/react-dropdown-menu');
9
8
  var action_list_generic_trigger = require('./action_list_generic_trigger.js');
9
+ var action_list_variants = require('../action_list_variants.js');
10
10
  var arrow_down_s_line_icon = require('../../../assets/icons/arrow_down_s_line_icon.js');
11
+ var action_list_constants = require('../action_list_constants.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
- var _excluded = ["children", "className"];
17
+ var _excluded = ["children", "className", "variant"];
17
18
  var ActionListTrigger = function ActionListTrigger(_ref) {
18
19
  var children = _ref.children,
19
20
  className = _ref.className,
21
+ _ref$variant = _ref.variant,
22
+ variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
20
23
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
21
24
  return /*#__PURE__*/React__default['default'].createElement(action_list_generic_trigger.ActionListGenericTrigger, _rollupPluginBabelHelpers.objectSpread2({
22
- className: cn.cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
25
+ className: cn.cn(action_list_variants.actionListTriggerVariants({
26
+ variant: variant
27
+ }), className),
23
28
  "data-test-el": "action-list-trigger"
24
- }, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, /*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
29
+ }, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, variant !== action_list_constants.ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
25
30
  className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
26
31
  size: 20
27
- })));
32
+ }))));
28
33
  };
29
34
 
30
35
  exports.ActionListTrigger = ActionListTrigger;
@@ -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;"}
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;"}
@@ -87,8 +87,7 @@ var ColorPickerShades = function ColorPickerShades() {
87
87
  onClick: handleOnClick,
88
88
  key: "".concat(shade, "-").concat(index),
89
89
  color: colorHex,
90
- cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
91
- hasActiveBorder: true
90
+ cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
92
91
  });
93
92
  })));
94
93
  };
@@ -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;"}
@@ -3,10 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var cn = require('../../../utilities/cn.js');
7
6
  var color_picker_constants = require('../color_picker_constants.js');
8
- var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.js');
9
- var use_color_picker = require('../hooks/use_color_picker.js');
10
7
 
11
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
9
 
@@ -16,23 +13,15 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
16
13
  var color = _ref.color,
17
14
  cssColor = _ref.cssColor,
18
15
  size = _ref.size,
19
- hasActiveBorder = _ref.hasActiveBorder,
20
16
  onClick = _ref.onClick;
21
- var _useColorPicker = use_color_picker.useColorPicker(),
22
- activeColor = _useColorPicker.color;
23
17
  var handleOnClick = function handleOnClick() {
24
18
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
25
19
  };
26
- var activeColorHex = tinycolor['default'](activeColor.value).toHex();
27
20
  return /*#__PURE__*/React__default['default'].createElement("div", {
28
- className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
29
- 'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
30
- 'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
31
- '!aurora-border-active aurora-border-2': hasActiveBorder && color === activeColorHex
32
- }),
21
+ className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n ".concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n ").concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n "),
33
22
  onClick: handleOnClick
34
23
  }, /*#__PURE__*/React__default['default'].createElement("div", {
35
- className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
24
+ className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
36
25
  style: {
37
26
  background: "".concat(cssColor)
38
27
  }
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var cn = require('../../utilities/cn.js');
8
- var stack_constants = require('./stack_constants.js');
9
8
  var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
9
+ var stack_constants = require('./stack_constants.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,99 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
7
+ var action_list = require('../action_list/action_list.js');
8
+ var action_list_content = require('../action_list/components/action_list_content.js');
9
+ var action_list_radio_group = require('../action_list/components/action_list_radio_group.js');
10
+ var action_list_radio_item = require('../action_list/components/action_list_radio_item.js');
11
+ var action_list_trigger = require('../action_list/components/action_list_trigger.js');
12
+ var tooltip = require('../tooltip/tooltip.js');
13
+ var tooltip_trigger = require('../tooltip/components/tooltip_trigger.js');
14
+ var tooltip_content = require('../tooltip/components/tooltip_content.js');
15
+ var tooltip_provider = require('../tooltip/context/tooltip_provider.js');
16
+ var subtract_line_icon = require('../../assets/icons/subtract_line_icon.js');
17
+ var add_line_icon = require('../../assets/icons/add_line_icon.js');
18
+
19
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
+
21
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
+
23
+ var ZoomStepper = function ZoomStepper(_ref) {
24
+ var value = _ref.value,
25
+ onChange = _ref.onChange,
26
+ onIncreaseClick = _ref.onIncreaseClick,
27
+ onDecreaseClick = _ref.onDecreaseClick,
28
+ _ref$step = _ref.step,
29
+ step = _ref$step === void 0 ? 10 : _ref$step,
30
+ _ref$min = _ref.min,
31
+ min = _ref$min === void 0 ? 10 : _ref$min,
32
+ _ref$max = _ref.max,
33
+ max = _ref$max === void 0 ? 200 : _ref$max,
34
+ options = _ref.options;
35
+ var _useTranslation = useTranslation.useTranslation(),
36
+ t = _useTranslation.t;
37
+ var roundToNextStep = function roundToNextStep(val, step) {
38
+ return Math.ceil(val / step) * step;
39
+ };
40
+ var roundToPrevStep = function roundToPrevStep(val, step) {
41
+ return Math.floor(val / step) * step;
42
+ };
43
+ var handleIncrease = function handleIncrease() {
44
+ var next = roundToNextStep((value !== null && value !== void 0 ? value : min) + 1, step);
45
+ var newVal = Math.min(max, next);
46
+ onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
47
+ onIncreaseClick === null || onIncreaseClick === void 0 ? void 0 : onIncreaseClick(newVal);
48
+ };
49
+ var handleDecrease = function handleDecrease() {
50
+ var prev = roundToPrevStep((value !== null && value !== void 0 ? value : min) - 1, step);
51
+ var newVal = Math.max(min, prev);
52
+ onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
53
+ onDecreaseClick === null || onDecreaseClick === void 0 ? void 0 : onDecreaseClick(newVal);
54
+ };
55
+ var handleSelect = function handleSelect(val) {
56
+ var parsed = parseInt(val, 10);
57
+ if (!isNaN(parsed)) {
58
+ onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
59
+ }
60
+ };
61
+ return /*#__PURE__*/React__default['default'].createElement("div", {
62
+ className: "aurora-flex aurora-items-center aurora-gap-1"
63
+ }, /*#__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, {
64
+ asChild: true,
65
+ className: "aurora-h-5"
66
+ }, /*#__PURE__*/React__default['default'].createElement("button", {
67
+ className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover",
68
+ onClick: handleDecrease
69
+ }, /*#__PURE__*/React__default['default'].createElement(subtract_line_icon.SubtractLineIcon, {
70
+ size: 16
71
+ }))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
72
+ variant: "dark"
73
+ }, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React__default['default'].createElement(action_list.ActionList, null, /*#__PURE__*/React__default['default'].createElement(action_list_trigger.ActionListTrigger, {
74
+ variant: "noDropdownIcon",
75
+ className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
76
+ }, "".concat(value, "%")), /*#__PURE__*/React__default['default'].createElement(action_list_content.ActionListContent, null, /*#__PURE__*/React__default['default'].createElement(action_list_radio_group.ActionListRadioGroup, {
77
+ value: value.toString(),
78
+ onValueChange: handleSelect
79
+ }, options.map(function (opt) {
80
+ return /*#__PURE__*/React__default['default'].createElement(action_list_radio_item.ActionListRadioItem, {
81
+ key: opt.value,
82
+ value: opt.value
83
+ }, opt.text);
84
+ })))), /*#__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, {
85
+ asChild: true,
86
+ className: "aurora-h-5"
87
+ }, /*#__PURE__*/React__default['default'].createElement("button", {
88
+ className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover",
89
+ onClick: handleIncrease
90
+ }, /*#__PURE__*/React__default['default'].createElement(add_line_icon.AddLineIcon, {
91
+ size: 16
92
+ }))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
93
+ variant: "dark"
94
+ }, "".concat(t('Zoom in ⌘ +'))))));
95
+ };
96
+ ZoomStepper.displayName = 'ZoomStepper';
97
+
98
+ exports.ZoomStepper = ZoomStepper;
99
+ //# sourceMappingURL=zoom_stepper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -122,6 +122,7 @@ var toast_constants = require('./components/toast/toast_constants.js');
122
122
  var toast = require('./components/toast/components/toast.js');
123
123
  var toast_provider = require('./components/toast/context/toast_provider.js');
124
124
  var toast_viewport = require('./components/toast/components/toast_viewport.js');
125
+ var zoom_stepper = require('./components/zoom_stepper/zoom_stepper.js');
125
126
 
126
127
 
127
128
 
@@ -265,4 +266,5 @@ exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
265
266
  exports.Toast = toast.Toast;
266
267
  exports.ToastProvider = toast_provider.ToastProvider;
267
268
  exports.ToastViewport = toast_viewport.ToastViewport;
269
+ exports.ZoomStepper = zoom_stepper.ZoomStepper;
268
270
  //# sourceMappingURL=index.js.map
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1 @@
1
+ export declare const AddLineIcon: import("@remixicon/react").RemixiconComponentType;
@@ -0,0 +1,6 @@
1
+ import { RiAddLine } from '@remixicon/react';
2
+
3
+ var AddLineIcon = RiAddLine;
4
+
5
+ export { AddLineIcon };
6
+ //# sourceMappingURL=add_line_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1 @@
1
+ export declare const SubtractLineIcon: import("@remixicon/react").RemixiconComponentType;
@@ -0,0 +1,6 @@
1
+ import { RiSubtractLine } from '@remixicon/react';
2
+
3
+ var SubtractLineIcon = RiSubtractLine;
4
+
5
+ export { SubtractLineIcon };
6
+ //# sourceMappingURL=subtract_line_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,4 @@
1
+ export declare const ACTION_LIST_VARIANTS: {
2
+ readonly basic: "basic";
3
+ readonly noDropdownIcon: "noDropdownIcon";
4
+ };
@@ -0,0 +1,7 @@
1
+ var ACTION_LIST_VARIANTS = {
2
+ basic: 'basic',
3
+ noDropdownIcon: 'noDropdownIcon'
4
+ };
5
+
6
+ export { ACTION_LIST_VARIANTS };
7
+ //# sourceMappingURL=action_list_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,7 @@
1
- import { DropdownMenuPortalProps, DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
1
+ import { DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import { PropsWithChildren } from 'react';
4
+ import { actionListTriggerVariants } from './action_list_variants';
2
5
  export declare type TActionListProps = DropdownMenuProps & DropdownMenuPortalProps & {
3
6
  portal?: boolean;
4
7
  $container?: HTMLElement;
@@ -8,3 +11,6 @@ export declare type TActionListContext = {
8
11
  $container?: HTMLElement;
9
12
  initialPointerEventsOnContainer?: string;
10
13
  };
14
+ export declare type TActionListTriggerProps = PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>> & VariantProps<typeof actionListTriggerVariants> & {
15
+ className?: string;
16
+ };
@@ -1,2 +1,5 @@
1
1
  import '@radix-ui/react-dropdown-menu';
2
+ import 'class-variance-authority';
3
+ import 'react';
4
+ import './action_list_variants';
2
5
  //# sourceMappingURL=action_list_types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAA2D,+BAA+B,CAAC"}
1
+ {"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAAqF,+BAA+B,CAAC;AACrH,OAA6B,0BAA0B,CAAC;AACxD,OAAkC,OAAO,CAAC;AAC1C,OAA0C,wBAAwB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export declare const actionListTriggerVariants: (props?: ({
2
+ variant?: "basic" | "noDropdownIcon" | null | undefined;
3
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -0,0 +1,16 @@
1
+ import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
2
+
3
+ var actionListTriggerVariants = cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
4
+ variants: {
5
+ variant: {
6
+ basic: '',
7
+ noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
8
+ }
9
+ },
10
+ defaultVariants: {
11
+ variant: 'basic'
12
+ }
13
+ });
14
+
15
+ export { actionListTriggerVariants };
16
+ //# sourceMappingURL=action_list_variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,3 +1,3 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
3
- export declare const ActionListTrigger: ({ children, className, ...props }: PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>) => React.JSX.Element;
1
+ import React from 'react';
2
+ import { TActionListTriggerProps } from '../action_list_types';
3
+ export declare const ActionListTrigger: ({ children, className, variant, ...props }: TActionListTriggerProps) => React.JSX.Element;
@@ -1,22 +1,27 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../../utilities/cn.js';
4
- import '@radix-ui/react-dropdown-menu';
5
4
  import { ActionListGenericTrigger } from './action_list_generic_trigger.js';
5
+ import { actionListTriggerVariants } from '../action_list_variants.js';
6
6
  import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
7
+ import { ACTION_LIST_VARIANTS } from '../action_list_constants.js';
7
8
 
8
- var _excluded = ["children", "className"];
9
+ var _excluded = ["children", "className", "variant"];
9
10
  var ActionListTrigger = function ActionListTrigger(_ref) {
10
11
  var children = _ref.children,
11
12
  className = _ref.className,
13
+ _ref$variant = _ref.variant,
14
+ variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
12
15
  props = _objectWithoutProperties(_ref, _excluded);
13
16
  return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
14
- className: cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
17
+ className: cn(actionListTriggerVariants({
18
+ variant: variant
19
+ }), className),
15
20
  "data-test-el": "action-list-trigger"
16
- }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
21
+ }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, variant !== ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
17
22
  className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
18
23
  size: 20
19
- })));
24
+ }))));
20
25
  };
21
26
 
22
27
  export { ActionListTrigger };
@@ -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;"}
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;"}
@@ -79,8 +79,7 @@ var ColorPickerShades = function ColorPickerShades() {
79
79
  onClick: handleOnClick,
80
80
  key: "".concat(shade, "-").concat(index),
81
81
  color: colorHex,
82
- cssColor: ColorPickerUtils.getHexValueString(colorTiny),
83
- hasActiveBorder: true
82
+ cssColor: ColorPickerUtils.getHexValueString(colorTiny)
84
83
  });
85
84
  })));
86
85
  };
@@ -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;"}
@@ -5,7 +5,6 @@ interface IColorPickerSwatchProps {
5
5
  color: string;
6
6
  cssColor: string;
7
7
  size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
8
- hasActiveBorder?: boolean;
9
8
  onClick?: (color: ColorPickerColorTypes['hex']) => void;
10
9
  }
11
10
  export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
@@ -1,30 +1,19 @@
1
1
  import React from 'react';
2
- import { cn } from '../../../utilities/cn.js';
3
2
  import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants.js';
4
- import tinycolor from '../../../../../../external/tinycolor2/esm/tinycolor.js';
5
- import { useColorPicker } from '../hooks/use_color_picker.js';
6
3
 
7
4
  var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
8
5
  var color = _ref.color,
9
6
  cssColor = _ref.cssColor,
10
7
  size = _ref.size,
11
- hasActiveBorder = _ref.hasActiveBorder,
12
8
  onClick = _ref.onClick;
13
- var _useColorPicker = useColorPicker(),
14
- activeColor = _useColorPicker.color;
15
9
  var handleOnClick = function handleOnClick() {
16
10
  onClick === null || onClick === void 0 ? void 0 : onClick(color);
17
11
  };
18
- var activeColorHex = tinycolor(activeColor.value).toHex();
19
12
  return /*#__PURE__*/React.createElement("div", {
20
- className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
21
- 'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
22
- 'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
23
- '!aurora-border-active aurora-border-2': hasActiveBorder && color === activeColorHex
24
- }),
13
+ className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n ".concat(size === COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n ").concat(size === COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n "),
25
14
  onClick: handleOnClick
26
15
  }, /*#__PURE__*/React.createElement("div", {
27
- className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
16
+ className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
28
17
  style: {
29
18
  background: "".concat(cssColor)
30
19
  }
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,8 +1,8 @@
1
1
  import React, { useRef, useImperativeHandle } from 'react';
2
2
  import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { cn } from '../../utilities/cn.js';
4
- import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
5
4
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
5
+ import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
6
6
 
7
7
  var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
8
8
  var stackVariants = cva('aurora-flex', {
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TZoomStepperProps } from './zoom_stepper_types';
3
+ export declare const ZoomStepper: React.FC<TZoomStepperProps>;