@dreamcommerce/aurora 3.0.0-24 → 3.0.0-26

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 (17) hide show
  1. package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/box/box.js +14 -4
  3. package/build/cjs/packages/aurora/src/components/box/box.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/stack/stack.js +5 -4
  5. package/build/cjs/packages/aurora/src/components/stack/stack.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/index.js +2 -2
  7. package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js +1 -1
  8. package/build/esm/packages/aurora/src/components/box/box.d.ts +23 -11
  9. package/build/esm/packages/aurora/src/components/box/box.js +14 -4
  10. package/build/esm/packages/aurora/src/components/box/box.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/box/box_types.d.ts +2 -8
  12. package/build/esm/packages/aurora/src/components/box/box_types.js +1 -0
  13. package/build/esm/packages/aurora/src/components/box/box_types.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/stack/stack.js +5 -4
  15. package/build/esm/packages/aurora/src/components/stack/stack.js.map +1 -1
  16. package/build/esm/packages/aurora/src/index.js +1 -1
  17. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var t = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var box = require('../../box/box.js');
8
7
  var stack = require('../../stack/stack.js');
8
+ var box = require('../../box/box.js');
9
9
  var typography = require('../../typography/typography.js');
10
10
  var divider = require('../../divider/divider.js');
11
11
 
package/build/cjs/packages/aurora/src/components/box/box.js CHANGED
@@ -6,12 +6,13 @@ var t = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var box_constants = require('./box_constants.js');
8
8
  var cn = require('../../utilities/cn.js');
9
+ var stack = require('../stack/stack.js');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
12
 
12
13
  var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
13
14
 
14
- var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "className"];
15
+ var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justifyContent", "alignItems", "spacing", "wrap", "inline"];
15
16
  var Box = /*#__PURE__*/t__default['default'].forwardRef(function (_ref, ref) {
16
17
  var _cn;
17
18
  var shadow = _ref.shadow,
@@ -35,14 +36,23 @@ var Box = /*#__PURE__*/t__default['default'].forwardRef(function (_ref, ref) {
35
36
  height = _ref$height === void 0 ? 'auto' : _ref$height,
36
37
  minHeight = _ref.minHeight,
37
38
  maxHeight = _ref.maxHeight,
39
+ style = _ref.style,
38
40
  className = _ref.className,
41
+ direction = _ref.direction,
42
+ justifyContent = _ref.justifyContent,
43
+ alignItems = _ref.alignItems,
44
+ spacing = _ref.spacing,
45
+ wrap = _ref.wrap,
46
+ inline = _ref.inline,
39
47
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
40
48
  var borderWidthWithSides = borderWidth;
41
49
  var borderRadiusWithSides = borderRadius;
42
- return /*#__PURE__*/t__default['default'].createElement(as, _rollupPluginBabelHelpers.objectSpread2({
50
+ var anyStackPropertiesSet = direction || justifyContent || alignItems || spacing || wrap || inline;
51
+ return /*#__PURE__*/t__default['default'].createElement(anyStackPropertiesSet ? stack.Stack : as, _rollupPluginBabelHelpers.objectSpread2({
43
52
  ref: ref,
53
+ as: as,
44
54
  className: cn.cn(className, (_cn = {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cn, "aurora-border-l".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position))),
45
- style: {
55
+ style: _rollupPluginBabelHelpers.objectSpread2({
46
56
  zIndex: zIndex,
47
57
  width: width,
48
58
  minWidth: minWidth,
@@ -50,7 +60,7 @@ var Box = /*#__PURE__*/t__default['default'].forwardRef(function (_ref, ref) {
50
60
  height: height,
51
61
  minHeight: minHeight,
52
62
  maxHeight: maxHeight
53
- }
63
+ }, style !== null && style !== void 0 ? style : {})
54
64
  }, rest), children);
55
65
  });
56
66
  Box.displayName = 'Box';
package/build/cjs/packages/aurora/src/components/box/box.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;"}
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;"}
package/build/cjs/packages/aurora/src/components/stack/stack.js CHANGED
@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var t = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var cn = require('../../utilities/cn.js');
8
7
  var stack_constants = require('./stack_constants.js');
8
+ var cn = require('../../utilities/cn.js');
9
9
  var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
13
13
  var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
14
14
 
15
- var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
15
+ var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
16
16
  var stackVariants = index.cva('aurora-flex', {
17
17
  variants: {
18
18
  direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
@@ -47,6 +47,7 @@ var Stack = /*#__PURE__*/t__default['default'].forwardRef(function (_ref, ref) {
47
47
  height = _ref.height,
48
48
  minHeight = _ref.minHeight,
49
49
  maxHeight = _ref.maxHeight,
50
+ style = _ref.style,
50
51
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
51
52
  var internalRef = t.useRef(null);
52
53
  t.useImperativeHandle(ref, function () {
@@ -72,14 +73,14 @@ var Stack = /*#__PURE__*/t__default['default'].forwardRef(function (_ref, ref) {
72
73
  wrap: wrap,
73
74
  display: display
74
75
  }), className, _rollupPluginBabelHelpers.defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
75
- style: {
76
+ style: _rollupPluginBabelHelpers.objectSpread2({
76
77
  width: width,
77
78
  minWidth: minWidth,
78
79
  maxWidth: maxWidth,
79
80
  height: height,
80
81
  minHeight: minHeight,
81
82
  maxHeight: maxHeight
82
- }
83
+ }, style !== null && style !== void 0 ? style : {})
83
84
  }, rest), children);
84
85
  });
85
86
  Stack.displayName = 'Stack';
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;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;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -19,9 +19,9 @@ var css_margin_tokens = require('./constants/css_tokens/css_margin_tokens.js');
19
19
  var css_border_style_tokens = require('./constants/css_tokens/css_border_style_tokens.js');
20
20
  var css_position_tokens = require('./constants/css_tokens/css_position_tokens.js');
21
21
  var css_border_width_tokens = require('./constants/css_tokens/css_border_width_tokens.js');
22
- var box = require('./components/box/box.js');
23
22
  var stack_constants = require('./components/stack/stack_constants.js');
24
23
  var stack = require('./components/stack/stack.js');
24
+ var box = require('./components/box/box.js');
25
25
  var typography_constants = require('./components/typography/typography_constants.js');
26
26
  var css_line_height_tokens = require('./constants/css_tokens/css_line_height_tokens.js');
27
27
  var typography = require('./components/typography/typography.js');
@@ -87,12 +87,12 @@ exports.CSS_BORDER_STYLE_TOKENS = css_border_style_tokens.CSS_BORDER_STYLE_TOKEN
87
87
  exports.CSS_POSITION_TOKENS = css_position_tokens.CSS_POSITION_TOKENS;
88
88
  exports.CSS_BORDER_WIDTH_SIDE_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_SIDE_TOKENS;
89
89
  exports.CSS_BORDER_WIDTH_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS;
90
- exports.Box = box.Box;
91
90
  exports.STACK_ALIGN_ITEMS_TYPES = stack_constants.STACK_ALIGN_ITEMS_TYPES;
92
91
  exports.STACK_DIRECTION_TYPES = stack_constants.STACK_DIRECTION_TYPES;
93
92
  exports.STACK_JUSTIFY_CONTENT_TYPES = stack_constants.STACK_JUSTIFY_CONTENT_TYPES;
94
93
  exports.STACK_WRAP_TYPES = stack_constants.STACK_WRAP_TYPES;
95
94
  exports.Stack = stack.Stack;
95
+ exports.Box = box.Box;
96
96
  exports.TYPOGRAPHY_COMPONENT_TYPES = typography_constants.TYPOGRAPHY_COMPONENT_TYPES;
97
97
  exports.TYPOGRAPHY_TRANSFORM_TYPES = typography_constants.TYPOGRAPHY_TRANSFORM_TYPES;
98
98
  exports.TYPOGRAPHY_WEIGHT_TYPES = typography_constants.TYPOGRAPHY_WEIGHT_TYPES;
package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import t__default from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { Box } from '../../box/box.js';
4
3
  import { Stack } from '../../stack/stack.js';
4
+ import { Box } from '../../box/box.js';
5
5
  import { Typography } from '../../typography/typography.js';
6
6
  import { Divider } from '../../divider/divider.js';
7
7
 
package/build/esm/packages/aurora/src/components/box/box.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  import React from 'react';
2
2
  export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
3
- as?: "div" | "span" | "section" | "ul" | "ol" | "li" | undefined;
4
- color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
5
- backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "hover" | "active" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
6
- borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "active" | "transparent" | "inverse-active" | "primary" | "primary-hover" | "inverse-strong" | "focus" | undefined;
7
- borderRadius?: "0" | "2" | "4" | "8" | "6" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "8" | "6" | "12" | "16" | "24" | "40" | "full">> | undefined;
8
- borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "t" | "r" | "l" | "x" | "y", "0" | "1" | "2" | "4" | "8">> | undefined;
9
- borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none" | undefined;
10
- paddings?: Partial<import("../../typings/general").TPaddings> | undefined;
11
- shadow?: "s" | "l" | "m" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
12
- position?: "absolute" | "relative" | "fixed" | "sticky" | "static" | undefined;
13
- zIndex?: number | undefined;
3
+ direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4
+ justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
5
+ alignItems?: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
6
+ spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
7
+ wrap?: string | undefined;
8
+ children?: React.ReactNode;
9
+ as?: string | undefined;
10
+ inline?: boolean | undefined;
11
+ style?: Record<any, any> | undefined;
12
+ attributes?: Record<string, any> | undefined;
13
+ onMouseDown?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
14
14
  width?: string | undefined;
15
15
  minWidth?: string | undefined;
16
16
  maxWidth?: string | undefined;
@@ -18,6 +18,18 @@ export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<H
18
18
  minHeight?: string | undefined;
19
19
  maxHeight?: string | undefined;
20
20
  className?: string | undefined;
21
+ } & {
22
+ as?: "div" | "span" | "section" | "ul" | "ol" | "li" | undefined;
23
+ color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
24
+ backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
25
+ borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "inverse-strong" | "focus" | undefined;
26
+ borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
27
+ borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "x" | "y" | "t" | "r" | "l", "0" | "1" | "2" | "4" | "8">> | undefined;
28
+ borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
29
+ paddings?: Partial<import("../../typings/general").TPaddings> | undefined;
30
+ shadow?: "s" | "l" | "m" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
31
+ position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
32
+ zIndex?: number | undefined;
21
33
  } & {
22
34
  children?: React.ReactNode;
23
35
  } & React.RefAttributes<HTMLDivElement | null>>;
package/build/esm/packages/aurora/src/components/box/box.js CHANGED
@@ -2,8 +2,9 @@ import t__default from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { BOX_COMPONENT_TYPES } from './box_constants.js';
4
4
  import { cn } from '../../utilities/cn.js';
5
+ import { Stack } from '../stack/stack.js';
5
6
 
6
- var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "className"];
7
+ var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justifyContent", "alignItems", "spacing", "wrap", "inline"];
7
8
  var Box = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
8
9
  var _cn;
9
10
  var shadow = _ref.shadow,
@@ -27,14 +28,23 @@ var Box = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
27
28
  height = _ref$height === void 0 ? 'auto' : _ref$height,
28
29
  minHeight = _ref.minHeight,
29
30
  maxHeight = _ref.maxHeight,
31
+ style = _ref.style,
30
32
  className = _ref.className,
33
+ direction = _ref.direction,
34
+ justifyContent = _ref.justifyContent,
35
+ alignItems = _ref.alignItems,
36
+ spacing = _ref.spacing,
37
+ wrap = _ref.wrap,
38
+ inline = _ref.inline,
31
39
  rest = _objectWithoutProperties(_ref, _excluded);
32
40
  var borderWidthWithSides = borderWidth;
33
41
  var borderRadiusWithSides = borderRadius;
34
- return /*#__PURE__*/t__default.createElement(as, _objectSpread2({
42
+ var anyStackPropertiesSet = direction || justifyContent || alignItems || spacing || wrap || inline;
43
+ return /*#__PURE__*/t__default.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
35
44
  ref: ref,
45
+ as: as,
36
46
  className: cn(className, (_cn = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-border-l".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position))),
37
- style: {
47
+ style: _objectSpread2({
38
48
  zIndex: zIndex,
39
49
  width: width,
40
50
  minWidth: minWidth,
@@ -42,7 +52,7 @@ var Box = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
42
52
  height: height,
43
53
  minHeight: minHeight,
44
54
  maxHeight: maxHeight
45
- }
55
+ }, style !== null && style !== void 0 ? style : {})
46
56
  }, rest), children);
47
57
  });
48
58
  Box.displayName = 'Box';
package/build/esm/packages/aurora/src/components/box/box.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;"}
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;"}
package/build/esm/packages/aurora/src/components/box/box_types.d.ts CHANGED
@@ -3,7 +3,8 @@ import { Any } from 'ts-toolbelt';
3
3
  import { TCssBackgroundTokens, TCssBorderColorTokens, TCssBorderRadiusSideTokens, TCssBorderRadiusTokens, TCssBorderStyleTokens, TCssBorderWidthSideTokens, TCssBorderWidthTokens, TCssBoxShadowTokens, TCssPositionTokens, TCssTextColorTokens } from "../../constants/css_tokens/css_tokens_types";
4
4
  import { TPaddings } from "../../typings/general";
5
5
  import * as React from 'react';
6
- export declare type TBoxProps = React.HTMLAttributes<HTMLElement> & {
6
+ import { TStackProps } from "../stack/stack_types";
7
+ export declare type TBoxProps = React.HTMLAttributes<HTMLElement> & TStackProps & {
7
8
  as?: TBoxComponentTypes;
8
9
  color?: TCssTextColorTokens;
9
10
  backgroundColor?: TCssBackgroundTokens;
@@ -15,12 +16,5 @@ export declare type TBoxProps = React.HTMLAttributes<HTMLElement> & {
15
16
  shadow?: TCssBoxShadowTokens;
16
17
  position?: TCssPositionTokens;
17
18
  zIndex?: number;
18
- width?: string;
19
- minWidth?: string;
20
- maxWidth?: string;
21
- height?: string;
22
- minHeight?: string;
23
- maxHeight?: string;
24
- className?: string;
25
19
  };
26
20
  export declare type TBoxComponentTypes = Any.Keys<typeof BOX_COMPONENT_TYPES>;
package/build/esm/packages/aurora/src/components/box/box_types.js CHANGED
@@ -3,4 +3,5 @@ import 'ts-toolbelt';
3
3
  import '@auroraConstants/css_tokens/css_tokens_types';
4
4
  import '@auroraTypings/general';
5
5
  import 'react';
6
+ import '@auroraComponents/stack/stack_types';
6
7
  //# sourceMappingURL=box_types.js.map
package/build/esm/packages/aurora/src/components/box/box_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box_types.ts"],"names":[],"mappings":"AAAA,OAAoC,qCAAqC,CAAC;AAC1E,OAAoB,aAAa,CAAC;AAClC,OAWO,8CAA8C,CAAC;AACtD,OAA0B,wBAAwB,CAAC;AACnD,OAAuB,OAAO,CAAC"}
1
+ {"version":3,"file":"box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box_types.ts"],"names":[],"mappings":"AAAA,OAAoC,qCAAqC,CAAC;AAC1E,OAAoB,aAAa,CAAC;AAClC,OAWO,8CAA8C,CAAC;AACtD,OAA0B,wBAAwB,CAAC;AACnD,OAAuB,OAAO,CAAC;AAC/B,OAA4B,qCAAqC,CAAC"}
package/build/esm/packages/aurora/src/components/stack/stack.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import t__default, { useRef, useImperativeHandle, useEffect } from 'react';
2
2
  import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { cn } from '../../utilities/cn.js';
4
3
  import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
4
+ import { cn } from '../../utilities/cn.js';
5
5
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
6
6
 
7
- var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
7
+ var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
8
8
  var stackVariants = cva('aurora-flex', {
9
9
  variants: {
10
10
  direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
@@ -39,6 +39,7 @@ var Stack = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
39
39
  height = _ref.height,
40
40
  minHeight = _ref.minHeight,
41
41
  maxHeight = _ref.maxHeight,
42
+ style = _ref.style,
42
43
  rest = _objectWithoutProperties(_ref, _excluded);
43
44
  var internalRef = useRef(null);
44
45
  useImperativeHandle(ref, function () {
@@ -64,14 +65,14 @@ var Stack = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
64
65
  wrap: wrap,
65
66
  display: display
66
67
  }), className, _defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
67
- style: {
68
+ style: _objectSpread2({
68
69
  width: width,
69
70
  minWidth: minWidth,
70
71
  maxWidth: maxWidth,
71
72
  height: height,
72
73
  minHeight: minHeight,
73
74
  maxHeight: maxHeight
74
- }
75
+ }, style !== null && style !== void 0 ? style : {})
75
76
  }, rest), children);
76
77
  });
77
78
  Stack.displayName = 'Stack';
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;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;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -15,9 +15,9 @@ export { CSS_MARGIN_TOKENS } from './constants/css_tokens/css_margin_tokens.js';
15
15
  export { CSS_BORDER_STYLE_TOKENS } from './constants/css_tokens/css_border_style_tokens.js';
16
16
  export { CSS_POSITION_TOKENS } from './constants/css_tokens/css_position_tokens.js';
17
17
  export { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from './constants/css_tokens/css_border_width_tokens.js';
18
- export { Box } from './components/box/box.js';
19
18
  export { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES } from './components/stack/stack_constants.js';
20
19
  export { Stack } from './components/stack/stack.js';
20
+ export { Box } from './components/box/box.js';
21
21
  export { TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_WEIGHT_TYPES } from './components/typography/typography_constants.js';
22
22
  export { CSS_LINE_HEIGHT_TOKENS } from './constants/css_tokens/css_line_height_tokens.js';
23
23
  export { Typography } from './components/typography/typography.js';
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-24",
5
+ "version": "3.0.0-26",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",