@dreamcommerce/aurora 3.0.0 → 3.1.1

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 (27) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +5 -3
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +3 -1
  4. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +26 -6
  6. package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -1
  8. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/stack/stack.js +6 -10
  10. package/build/cjs/packages/aurora/src/components/stack/stack.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +10 -0
  12. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts +1 -1
  14. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +5 -3
  15. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +2 -0
  17. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +3 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +26 -6
  20. package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -1
  22. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/stack/stack.js +7 -11
  24. package/build/esm/packages/aurora/src/components/stack/stack.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/stack/stack_constants.js +9 -1
  26. package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
- var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
15
+ var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "disabled"];
16
16
  var ColorPicker = function ColorPicker(_ref) {
17
17
  var id = _ref.id,
18
18
  name = _ref.name,
@@ -22,6 +22,7 @@ var ColorPicker = function ColorPicker(_ref) {
22
22
  onChange = _ref.onChange,
23
23
  onCancel = _ref.onCancel,
24
24
  onSave = _ref.onSave,
25
+ onPickShade = _ref.onPickShade,
25
26
  isWithGradient = _ref.withGradient,
26
27
  disabled = _ref.disabled,
27
28
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -91,9 +92,10 @@ var ColorPicker = function ColorPicker(_ref) {
91
92
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
92
93
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
93
94
  degrees: degrees,
94
- shadeName: shadeName
95
+ shadeName: shadeName,
96
+ onPickShade: onPickShade
95
97
  };
96
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName]);
98
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
97
99
  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
98
100
  value: contextVal
99
101
  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js CHANGED
@@ -16,7 +16,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var ColorPickerShades = function ColorPickerShades() {
17
17
  var _useColorPicker = use_color_picker.useColorPicker(),
18
18
  hslArr = _useColorPicker.hslArr,
19
- setColor = _useColorPicker.setColor;
19
+ setColor = _useColorPicker.setColor,
20
+ onPickShade = _useColorPicker.onPickShade;
20
21
  var _useTranslation = useTranslation.useTranslation(),
21
22
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
22
23
  t = _useTranslation2[0];
@@ -81,6 +82,7 @@ var ColorPickerShades = function ColorPickerShades() {
81
82
  var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
82
83
  var handleOnClick = function handleOnClick() {
83
84
  setColor(colorHex);
85
+ onPickShade === null || onPickShade === void 0 ? void 0 : onPickShade(colorHex);
84
86
  };
85
87
  return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
86
88
  className: "aurora-cursor-pointer",
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;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;"}
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js CHANGED
@@ -5,7 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
+ var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
9
  var cn = require('../../../utilities/cn.js');
10
+ var typography = require('../../typography/typography.js');
11
+ var tooltip = require('../../tooltip/tooltip.js');
12
+ var tooltip_trigger = require('../../tooltip/components/tooltip_trigger.js');
13
+ var tooltip_content = require('../../tooltip/components/tooltip_content.js');
14
+ var tooltip_provider = require('../../tooltip/context/tooltip_provider.js');
9
15
  var use_color_picker = require('../hooks/use_color_picker.js');
10
16
  var color_picker_swatch = require('./color_picker_swatch.js');
11
17
  var color_picker_utils = require('../color_picker_utils.js');
@@ -63,15 +69,22 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
63
69
  var handleOnClick = function handleOnClick() {
64
70
  return setColor(colorHex);
65
71
  };
66
- return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
72
+ return /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, {
73
+ key: "".concat(variable, "-").concat(index)
74
+ }, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
67
75
  className: "aurora-cursor-pointer",
68
76
  size: "small",
69
77
  onClick: handleOnClick,
70
- key: "".concat(variable, "-").concat(index),
71
78
  color: colorHex,
72
79
  cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
73
80
  hasActiveBorder: true
74
- });
81
+ })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
82
+ variant: "dark"
83
+ }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
84
+ size: "xs",
85
+ weight: "medium",
86
+ color: css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.inverse
87
+ }, "".concat(t(variable.name))))));
75
88
  })), isOpen && (/*#__PURE__*/React__default['default'].createElement("div", {
76
89
  className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
77
90
  }, allShades.map(function (variable, index) {
@@ -80,15 +93,22 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
80
93
  var handleOnClick = function handleOnClick() {
81
94
  return setColor(colorHex, variable.name);
82
95
  };
83
- return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
96
+ return /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, {
97
+ key: "".concat(variable, "-").concat(index)
98
+ }, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
84
99
  className: "aurora-cursor-pointer",
85
100
  size: "small",
86
101
  onClick: handleOnClick,
87
- key: "".concat(variable, "-").concat(index),
88
102
  color: colorHex,
89
103
  cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
90
104
  hasActiveBorder: true
91
- });
105
+ })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
106
+ variant: "dark"
107
+ }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
108
+ size: "xs",
109
+ weight: "medium",
110
+ color: css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.inverse
111
+ }, "".concat(t(variable.name))))));
92
112
  }))));
93
113
  };
94
114
 
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
18
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
19
19
  var ColorPickerControl = function ColorPickerControl(_ref) {
20
20
  var label$1 = _ref.label,
21
21
  tooltip = _ref.tooltip,
@@ -29,6 +29,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
29
29
  onChange = _ref.onChange,
30
30
  onCancel = _ref.onCancel,
31
31
  onSave = _ref.onSave,
32
+ onPickShade = _ref.onPickShade,
32
33
  withGradient = _ref.withGradient,
33
34
  helperText = _ref.helperText,
34
35
  disabled = _ref.disabled,
@@ -48,6 +49,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
48
49
  onChange: onChange,
49
50
  onCancel: onCancel,
50
51
  onSave: onSave,
52
+ onPickShade: onPickShade,
51
53
  withGradient: withGradient,
52
54
  disabled: disabled
53
55
  }, rest)), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/stack/stack.js CHANGED
@@ -22,14 +22,8 @@ var stackVariants = index.cva('aurora-flex', {
22
22
  display: {
23
23
  inline: 'aurora-inline-flex'
24
24
  },
25
- grow: {
26
- 0: 'aurora-flex-grow-0',
27
- 1: 'aurora-flex-grow'
28
- },
29
- shrink: {
30
- 0: 'aurora-flex-shrink-0',
31
- 1: 'aurora-flex-shrink'
32
- }
25
+ grow: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_GROW_TYPES['0'], 'aurora-flex-grow-0'), stack_constants.STACK_GROW_TYPES['1'], 'aurora-flex-grow'),
26
+ shrink: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_SHRINK_TYPES['0'], 'aurora-flex-shrink-0'), stack_constants.STACK_SHRINK_TYPES['1'], 'aurora-flex-shrink')
33
27
  }
34
28
  });
35
29
  var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
@@ -55,8 +49,10 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
55
49
  minHeight = _ref.minHeight,
56
50
  maxHeight = _ref.maxHeight,
57
51
  style = _ref.style,
58
- shrink = _ref.shrink,
59
- grow = _ref.grow,
52
+ _ref$shrink = _ref.shrink,
53
+ shrink = _ref$shrink === void 0 ? stack_constants.STACK_SHRINK_TYPES['1'] : _ref$shrink,
54
+ _ref$grow = _ref.grow,
55
+ grow = _ref$grow === void 0 ? stack_constants.STACK_GROW_TYPES['0'] : _ref$grow,
60
56
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
61
57
  var internalRef = React.useRef(null);
62
58
  React.useImperativeHandle(ref, function () {
package/build/cjs/packages/aurora/src/components/stack/stack.js.map CHANGED
@@ -1 +1 @@
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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/stack/stack_constants.js CHANGED
@@ -30,9 +30,19 @@ var STACK_JUSTIFY_CONTENT_TYPES = {
30
30
  evenly: 'evenly',
31
31
  stretch: 'stretch'
32
32
  };
33
+ var STACK_GROW_TYPES = {
34
+ 0: 0,
35
+ 1: 1
36
+ };
37
+ var STACK_SHRINK_TYPES = {
38
+ 0: 0,
39
+ 1: 1
40
+ };
33
41
 
34
42
  exports.STACK_ALIGN_ITEMS_TYPES = STACK_ALIGN_ITEMS_TYPES;
35
43
  exports.STACK_DIRECTION_TYPES = STACK_DIRECTION_TYPES;
44
+ exports.STACK_GROW_TYPES = STACK_GROW_TYPES;
36
45
  exports.STACK_JUSTIFY_CONTENT_TYPES = STACK_JUSTIFY_CONTENT_TYPES;
46
+ exports.STACK_SHRINK_TYPES = STACK_SHRINK_TYPES;
37
47
  exports.STACK_WRAP_TYPES = STACK_WRAP_TYPES;
38
48
  //# sourceMappingURL=stack_constants.js.map
package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { IColorPickerProps } from './color_picker_types';
3
- export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;
3
+ export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, onPickShade, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;
package/build/esm/packages/aurora/src/components/color_picker/color_picker.js CHANGED
@@ -4,7 +4,7 @@ import { ColorPickerContext } from './color_picker_context.js';
4
4
  import ColorPickerPure from './components/pure_color_picker.js';
5
5
  import useSetupColorPicker from './hooks/setup_color_picker.js';
6
6
 
7
- var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
7
+ var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "disabled"];
8
8
  var ColorPicker = function ColorPicker(_ref) {
9
9
  var id = _ref.id,
10
10
  name = _ref.name,
@@ -14,6 +14,7 @@ var ColorPicker = function ColorPicker(_ref) {
14
14
  onChange = _ref.onChange,
15
15
  onCancel = _ref.onCancel,
16
16
  onSave = _ref.onSave,
17
+ onPickShade = _ref.onPickShade,
17
18
  isWithGradient = _ref.withGradient,
18
19
  disabled = _ref.disabled,
19
20
  rest = _objectWithoutProperties(_ref, _excluded);
@@ -83,9 +84,10 @@ var ColorPicker = function ColorPicker(_ref) {
83
84
  isColorPickerCurrentlyUsed: isColorPickerCurrentlyUsed,
84
85
  setIsColorPickerCurrentlyUsed: setIsColorPickerCurrentlyUsed,
85
86
  degrees: degrees,
86
- shadeName: shadeName
87
+ shadeName: shadeName,
88
+ onPickShade: onPickShade
87
89
  };
88
- }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName]);
90
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade]);
89
91
  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
90
92
  value: contextVal
91
93
  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts CHANGED
@@ -30,6 +30,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
30
30
  onChange?: (color: IColorPickerColor) => void;
31
31
  onCancel?: () => void;
32
32
  onSave?: (color: IColorPickerColor) => void;
33
+ onPickShade?: (shadeValue: string) => void;
33
34
  disabled?: boolean;
34
35
  triggerClassName?: string;
35
36
  }
@@ -63,6 +64,7 @@ export interface IColorPickerContext {
63
64
  setIsColorPickerCurrentlyUsed: (isUsed: boolean) => void;
64
65
  degrees: number;
65
66
  shadeName: string;
67
+ onPickShade?: (shadeValue: string) => void;
66
68
  }
67
69
  export declare type ColorPickerColorTypes = {
68
70
  hex: string;
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js CHANGED
@@ -8,7 +8,8 @@ import { ColorPickerUtils } from '../color_picker_utils.js';
8
8
  var ColorPickerShades = function ColorPickerShades() {
9
9
  var _useColorPicker = useColorPicker(),
10
10
  hslArr = _useColorPicker.hslArr,
11
- setColor = _useColorPicker.setColor;
11
+ setColor = _useColorPicker.setColor,
12
+ onPickShade = _useColorPicker.onPickShade;
12
13
  var _useTranslation = useTranslation(),
13
14
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
14
15
  t = _useTranslation2[0];
@@ -73,6 +74,7 @@ var ColorPickerShades = function ColorPickerShades() {
73
74
  var colorHex = ColorPickerUtils.getHexValue(colorTiny);
74
75
  var handleOnClick = function handleOnClick() {
75
76
  setColor(colorHex);
77
+ onPickShade === null || onPickShade === void 0 ? void 0 : onPickShade(colorHex);
76
78
  };
77
79
  return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
78
80
  className: "aurora-cursor-pointer",
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;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;"}
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js CHANGED
@@ -1,7 +1,13 @@
1
1
  import React, { useState } from 'react';
2
2
  import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
+ import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
5
  import { cn } from '../../../utilities/cn.js';
6
+ import { Typography } from '../../typography/typography.js';
7
+ import { Tooltip } from '../../tooltip/tooltip.js';
8
+ import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
9
+ import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
10
+ import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
5
11
  import { useColorPicker } from '../hooks/use_color_picker.js';
6
12
  import { ColorPickerSwatch } from './color_picker_swatch.js';
7
13
  import { ColorPickerUtils } from '../color_picker_utils.js';
@@ -55,15 +61,22 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
55
61
  var handleOnClick = function handleOnClick() {
56
62
  return setColor(colorHex);
57
63
  };
58
- return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
64
+ return /*#__PURE__*/React.createElement(TooltipProvider, {
65
+ key: "".concat(variable, "-").concat(index)
66
+ }, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
59
67
  className: "aurora-cursor-pointer",
60
68
  size: "small",
61
69
  onClick: handleOnClick,
62
- key: "".concat(variable, "-").concat(index),
63
70
  color: colorHex,
64
71
  cssColor: ColorPickerUtils.getHexValueString(colorTiny),
65
72
  hasActiveBorder: true
66
- });
73
+ })), /*#__PURE__*/React.createElement(TooltipContent, {
74
+ variant: "dark"
75
+ }, /*#__PURE__*/React.createElement(Typography, {
76
+ size: "xs",
77
+ weight: "medium",
78
+ color: CSS_TEXT_COLOR_TOKENS.inverse
79
+ }, "".concat(t(variable.name))))));
67
80
  })), isOpen && (/*#__PURE__*/React.createElement("div", {
68
81
  className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
69
82
  }, allShades.map(function (variable, index) {
@@ -72,15 +85,22 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
72
85
  var handleOnClick = function handleOnClick() {
73
86
  return setColor(colorHex, variable.name);
74
87
  };
75
- return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
88
+ return /*#__PURE__*/React.createElement(TooltipProvider, {
89
+ key: "".concat(variable, "-").concat(index)
90
+ }, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
76
91
  className: "aurora-cursor-pointer",
77
92
  size: "small",
78
93
  onClick: handleOnClick,
79
- key: "".concat(variable, "-").concat(index),
80
94
  color: colorHex,
81
95
  cssColor: ColorPickerUtils.getHexValueString(colorTiny),
82
96
  hasActiveBorder: true
83
- });
97
+ })), /*#__PURE__*/React.createElement(TooltipContent, {
98
+ variant: "dark"
99
+ }, /*#__PURE__*/React.createElement(Typography, {
100
+ size: "xs",
101
+ weight: "medium",
102
+ color: CSS_TEXT_COLOR_TOKENS.inverse
103
+ }, "".concat(t(variable.name))))));
84
104
  }))));
85
105
  };
86
106
 
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -7,7 +7,7 @@ import { HelperText } from '../../helper_text/helper_text.js';
7
7
  import { Label } from '../../label/label.js';
8
8
  import { ColorPicker } from '../../color_picker/color_picker.js';
9
9
 
10
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
10
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
11
11
  var ColorPickerControl = function ColorPickerControl(_ref) {
12
12
  var label = _ref.label,
13
13
  tooltip = _ref.tooltip,
@@ -21,6 +21,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
21
21
  onChange = _ref.onChange,
22
22
  onCancel = _ref.onCancel,
23
23
  onSave = _ref.onSave,
24
+ onPickShade = _ref.onPickShade,
24
25
  withGradient = _ref.withGradient,
25
26
  helperText = _ref.helperText,
26
27
  disabled = _ref.disabled,
@@ -40,6 +41,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
40
41
  onChange: onChange,
41
42
  onCancel: onCancel,
42
43
  onSave: onSave,
44
+ onPickShade: onPickShade,
43
45
  withGradient: withGradient,
44
46
  disabled: disabled
45
47
  }, rest)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/stack/stack.js CHANGED
@@ -2,7 +2,7 @@ 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
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';
5
+ import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_GROW_TYPES, STACK_SHRINK_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", "shrink", "grow"];
8
8
  var stackVariants = cva('aurora-flex', {
@@ -14,14 +14,8 @@ var stackVariants = cva('aurora-flex', {
14
14
  display: {
15
15
  inline: 'aurora-inline-flex'
16
16
  },
17
- grow: {
18
- 0: 'aurora-flex-grow-0',
19
- 1: 'aurora-flex-grow'
20
- },
21
- shrink: {
22
- 0: 'aurora-flex-shrink-0',
23
- 1: 'aurora-flex-shrink'
24
- }
17
+ grow: _defineProperty(_defineProperty({}, STACK_GROW_TYPES['0'], 'aurora-flex-grow-0'), STACK_GROW_TYPES['1'], 'aurora-flex-grow'),
18
+ shrink: _defineProperty(_defineProperty({}, STACK_SHRINK_TYPES['0'], 'aurora-flex-shrink-0'), STACK_SHRINK_TYPES['1'], 'aurora-flex-shrink')
25
19
  }
26
20
  });
27
21
  var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -47,8 +41,10 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
47
41
  minHeight = _ref.minHeight,
48
42
  maxHeight = _ref.maxHeight,
49
43
  style = _ref.style,
50
- shrink = _ref.shrink,
51
- grow = _ref.grow,
44
+ _ref$shrink = _ref.shrink,
45
+ shrink = _ref$shrink === void 0 ? STACK_SHRINK_TYPES['1'] : _ref$shrink,
46
+ _ref$grow = _ref.grow,
47
+ grow = _ref$grow === void 0 ? STACK_GROW_TYPES['0'] : _ref$grow,
52
48
  rest = _objectWithoutProperties(_ref, _excluded);
53
49
  var internalRef = useRef(null);
54
50
  useImperativeHandle(ref, function () {
package/build/esm/packages/aurora/src/components/stack/stack.js.map CHANGED
@@ -1 +1 @@
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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/stack/stack_constants.js CHANGED
@@ -26,6 +26,14 @@ var STACK_JUSTIFY_CONTENT_TYPES = {
26
26
  evenly: 'evenly',
27
27
  stretch: 'stretch'
28
28
  };
29
+ var STACK_GROW_TYPES = {
30
+ 0: 0,
31
+ 1: 1
32
+ };
33
+ var STACK_SHRINK_TYPES = {
34
+ 0: 0,
35
+ 1: 1
36
+ };
29
37
 
30
- export { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES };
38
+ export { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_GROW_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_SHRINK_TYPES, STACK_WRAP_TYPES };
31
39
  //# sourceMappingURL=stack_constants.js.map
package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
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",
5
+ "version": "3.1.1",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",