@dreamcommerce/aurora 3.0.0-217 → 3.0.0-218

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 (19) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
  3. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -13
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +6 -10
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +1 -1
  9. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +2 -2
  10. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
  11. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +0 -1
  13. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -13
  14. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +6 -10
  16. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +1 -1
  18. package/build/index.css +1 -1
  19. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -27,8 +27,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
27
27
  setLinear = _useColorPicker.setLinear,
28
28
  previousSolidColor = _useColorPicker.previousSolidColor,
29
29
  previousGradientColor = _useColorPicker.previousGradientColor;
30
- 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';
31
- var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
30
+ 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';
31
+ var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
32
32
  return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
33
33
  spacing: "1",
34
34
  className: "aurora-flex aurora-list-none"
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js CHANGED
@@ -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
  };
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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -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 shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor.value).toHex() === color;
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': shouldApplyActiveBorder
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
  }
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;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
@@ -70,27 +70,23 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
70
70
  onClick: handleOnClick,
71
71
  key: "".concat(variable, "-").concat(index),
72
72
  color: colorHex,
73
- cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
74
- hasActiveBorder: true
73
+ cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
75
74
  });
76
75
  })), isOpen && (/*#__PURE__*/React__default['default'].createElement("div", {
77
76
  className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
78
77
  }, allShades.map(function (variable, index) {
79
- var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
80
- var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
81
78
  var handleOnClick = function handleOnClick() {
82
- return setColor({
83
- value: colorHex,
84
- name: "".concat(variable.name)
79
+ return setColor === null || setColor === void 0 ? void 0 : setColor({
80
+ value: variable.value,
81
+ name: variable.name
85
82
  });
86
83
  };
87
84
  return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
88
85
  size: "small",
89
86
  onClick: handleOnClick,
90
87
  key: "".concat(variable, "-").concat(index),
91
- color: colorHex,
92
- cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
93
- hasActiveBorder: true
88
+ color: variable.value,
89
+ cssColor: variable.value
94
90
  });
95
91
  }))));
96
92
  };
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;"}
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;"}
package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js CHANGED
@@ -72,7 +72,7 @@ var ZoomStepper = function ZoomStepper(_ref) {
72
72
  variant: "dark"
73
73
  }, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React__default['default'].createElement(action_list.ActionList, null, /*#__PURE__*/React__default['default'].createElement(action_list_trigger.ActionListTrigger, {
74
74
  variant: "noDropdownIcon",
75
- className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
75
+ className: "aurora-text-xs aurora-flex aurora-items-center !aurora-justify-center !aurora-px-1 !aurora-py-0 aurora-w-[46px]"
76
76
  }, "".concat(value, "%")), /*#__PURE__*/React__default['default'].createElement(action_list_content.ActionListContent, null, /*#__PURE__*/React__default['default'].createElement(action_list_radio_group.ActionListRadioGroup, {
77
77
  value: value.toString(),
78
78
  onValueChange: handleSelect
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js CHANGED
@@ -19,8 +19,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
19
19
  setLinear = _useColorPicker.setLinear,
20
20
  previousSolidColor = _useColorPicker.previousSolidColor,
21
21
  previousGradientColor = _useColorPicker.previousGradientColor;
22
- 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';
23
- var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
22
+ 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';
23
+ var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
24
24
  return /*#__PURE__*/React.createElement(Stack, {
25
25
  spacing: "1",
26
26
  className: "aurora-flex aurora-list-none"
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js CHANGED
@@ -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
  };
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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts CHANGED
@@ -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>;
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js CHANGED
@@ -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 shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor.value).toHex() === color;
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': shouldApplyActiveBorder
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
  }
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;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
@@ -62,27 +62,23 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
62
62
  onClick: handleOnClick,
63
63
  key: "".concat(variable, "-").concat(index),
64
64
  color: colorHex,
65
- cssColor: ColorPickerUtils.getHexValueString(colorTiny),
66
- hasActiveBorder: true
65
+ cssColor: ColorPickerUtils.getHexValueString(colorTiny)
67
66
  });
68
67
  })), isOpen && (/*#__PURE__*/React.createElement("div", {
69
68
  className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
70
69
  }, allShades.map(function (variable, index) {
71
- var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
72
- var colorHex = ColorPickerUtils.getHexValue(colorTiny);
73
70
  var handleOnClick = function handleOnClick() {
74
- return setColor({
75
- value: colorHex,
76
- name: "".concat(variable.name)
71
+ return setColor === null || setColor === void 0 ? void 0 : setColor({
72
+ value: variable.value,
73
+ name: variable.name
77
74
  });
78
75
  };
79
76
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
80
77
  size: "small",
81
78
  onClick: handleOnClick,
82
79
  key: "".concat(variable, "-").concat(index),
83
- color: colorHex,
84
- cssColor: ColorPickerUtils.getHexValueString(colorTiny),
85
- hasActiveBorder: true
80
+ color: variable.value,
81
+ cssColor: variable.value
86
82
  });
87
83
  }))));
88
84
  };
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;"}
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;"}
package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js CHANGED
@@ -64,7 +64,7 @@ var ZoomStepper = function ZoomStepper(_ref) {
64
64
  variant: "dark"
65
65
  }, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React.createElement(ActionList, null, /*#__PURE__*/React.createElement(ActionListTrigger, {
66
66
  variant: "noDropdownIcon",
67
- className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
67
+ className: "aurora-text-xs aurora-flex aurora-items-center !aurora-justify-center !aurora-px-1 !aurora-py-0 aurora-w-[46px]"
68
68
  }, "".concat(value, "%")), /*#__PURE__*/React.createElement(ActionListContent, null, /*#__PURE__*/React.createElement(ActionListRadioGroup, {
69
69
  value: value.toString(),
70
70
  onValueChange: handleSelect