@dreamcommerce/aurora 2.2.4-1 → 2.3.4

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 (9) hide show
  1. package/build/cjs/packages/aurora/src/components/slide/index.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/stack/index.js +5 -2
  3. package/build/cjs/packages/aurora/src/components/stack/index.js.map +1 -1
  4. package/build/esm/packages/aurora/src/components/slide/index.js +1 -1
  5. package/build/esm/packages/aurora/src/components/stack/index.js +5 -2
  6. package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
  7. package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +8 -0
  8. package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +1 -0
  9. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/slide/index.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames, children }) => {
16
+ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children }) => {
17
17
  if (autoOpen)
18
18
  isOpen = true;
19
19
  let directionClass;
package/build/cjs/packages/aurora/src/components/stack/index.js CHANGED
@@ -13,9 +13,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap }) => {
16
+ const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div' }) => {
17
17
  const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
18
- return (React__default['default'].createElement("div", { className: `${stackClass} ${stackClass}`, style: { gap: `${spacing}px` } }, children));
18
+ return React__default['default'].createElement(as, {
19
+ className: `${stackClass} ${stackClass}`,
20
+ style: { gap: `${spacing}px` }
21
+ }, children);
19
22
  };
20
23
 
21
24
  exports.default = Stack;
package/build/cjs/packages/aurora/src/components/stack/index.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;"}
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;"}
package/build/esm/packages/aurora/src/components/slide/index.js CHANGED
@@ -4,7 +4,7 @@ import { DIRECTION } from '../../constants/directions.js';
4
4
  import CSS_CLASSES from './css_classes.js';
5
5
  import cssClasses from '../../css/slide/main.module.less.js';
6
6
 
7
- const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames, children }) => {
7
+ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames = '', children }) => {
8
8
  if (autoOpen)
9
9
  isOpen = true;
10
10
  let directionClass;
package/build/esm/packages/aurora/src/components/stack/index.js CHANGED
@@ -4,9 +4,12 @@ import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, S
4
4
  import cssClasses from '../../css/stack/main.module.less.js';
5
5
  import { cssStack } from './css_classes.js';
6
6
 
7
- const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap }) => {
7
+ const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div' }) => {
8
8
  const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
9
- return (React.createElement("div", { className: `${stackClass} ${stackClass}`, style: { gap: `${spacing}px` } }, children));
9
+ return React.createElement(as, {
10
+ className: `${stackClass} ${stackClass}`,
11
+ style: { gap: `${spacing}px` }
12
+ }, children);
10
13
  };
11
14
 
12
15
  export default Stack;
package/build/esm/packages/aurora/src/components/stack/index.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;"}
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;"}
package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts CHANGED
@@ -4,6 +4,10 @@ export declare const STACK_DIRECTIONS: {
4
4
  readonly rowReverse: "row-reverse";
5
5
  readonly columnReverse: "column-reverse";
6
6
  };
7
+ export declare const STACK_VARIANTS: {
8
+ readonly horizontal: "horizontal";
9
+ readonly vertical: "vertical";
10
+ };
7
11
  export declare const STACK_ALIGNMENTS: {
8
12
  readonly start: "start";
9
13
  readonly end: "end";
@@ -69,3 +73,7 @@ export declare const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP: {
69
73
  export declare const STACK_WRAP_TO_CSS_CLASSES_MAP: {
70
74
  [x: string]: string;
71
75
  };
76
+ export declare const STACK_VARIANTS_TO_CSS_CLASSES_MAP: {
77
+ horizontal: string;
78
+ vertical: string;
79
+ };
package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare type TStackProps = {
9
9
  wrap?: TStackWrap;
10
10
  className?: string;
11
11
  children?: React.ReactNode;
12
+ as?: string;
12
13
  };
13
14
  export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
14
15
  export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS>;
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": "2.2.4-1",
5
+ "version": "2.3.4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",