@dreamcommerce/aurora 2.4.0-21 → 2.4.0-23
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.
- package/build/cjs/packages/aurora/src/components/stack/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +13 -0
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/stack/index.js +2 -2
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +13 -1
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
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', inline = false }) => {
|
|
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.
|
|
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_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
|
|
18
18
|
return React__default['default'].createElement(as, {
|
|
19
19
|
className: `${stackClass}`,
|
|
20
20
|
style: { gap: `${spacing}px` }
|
|
@@ -62,6 +62,18 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
62
62
|
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
63
63
|
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
64
64
|
};
|
|
65
|
+
const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
|
|
66
|
+
[STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
|
|
67
|
+
[STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
|
|
68
|
+
[STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
|
|
69
|
+
[STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
|
|
70
|
+
[STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
|
|
71
|
+
[STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
|
|
72
|
+
[STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
|
|
73
|
+
[STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
|
|
74
|
+
[STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
|
|
75
|
+
[STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
|
|
76
|
+
};
|
|
65
77
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
66
78
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
67
79
|
[STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
|
|
@@ -74,6 +86,7 @@ exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
|
|
|
74
86
|
exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
|
|
75
87
|
exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
|
|
76
88
|
exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
|
|
89
|
+
exports.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP;
|
|
77
90
|
exports.STACK_WRAP = STACK_WRAP;
|
|
78
91
|
exports.STACK_WRAP_TO_CSS_CLASSES_MAP = STACK_WRAP_TO_CSS_CLASSES_MAP;
|
|
79
92
|
exports.stackCssBaseClass = stackCssBaseClass;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
|
|
3
|
+
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
|
|
4
4
|
import cssClasses from '../../css/stack/main.module.less.js';
|
|
5
5
|
import { cssStack } from './css_classes.js';
|
|
6
6
|
|
|
7
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', inline = false }) => {
|
|
8
|
-
const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[
|
|
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_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
|
|
9
9
|
return React.createElement(as, {
|
|
10
10
|
className: `${stackClass}`,
|
|
11
11
|
style: { gap: `${spacing}px` }
|
|
@@ -58,11 +58,23 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
58
58
|
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
59
59
|
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
60
60
|
};
|
|
61
|
+
const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
|
|
62
|
+
[STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
|
|
63
|
+
[STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
|
|
64
|
+
[STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
|
|
65
|
+
[STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
|
|
66
|
+
[STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
|
|
67
|
+
[STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
|
|
68
|
+
[STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
|
|
69
|
+
[STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
|
|
70
|
+
[STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
|
|
71
|
+
[STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
|
|
72
|
+
};
|
|
61
73
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
62
74
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
63
75
|
[STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
|
|
64
76
|
[STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
|
|
65
77
|
};
|
|
66
78
|
|
|
67
|
-
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
79
|
+
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
68
80
|
//# sourceMappingURL=stack_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|