@dreamcommerce/aurora 2.2.0-1 → 2.2.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.
- package/build/cjs/packages/aurora/src/components/stack/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +22 -6
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +22 -2
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +22 -6
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/package.json +1 -1
|
@@ -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 Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.
|
|
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 }) => {
|
|
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
18
|
return (React__default['default'].createElement("div", { className: `${stackClass} ${stackClass}`, style: { gap: `${spacing}px` } }, children));
|
|
19
19
|
};
|
|
@@ -13,20 +13,31 @@ const STACK_ALIGNMENTS = {
|
|
|
13
13
|
end: 'end',
|
|
14
14
|
center: 'center',
|
|
15
15
|
stretch: 'stretch',
|
|
16
|
-
baseline: 'baseline'
|
|
16
|
+
baseline: 'baseline',
|
|
17
|
+
initial: 'initial',
|
|
18
|
+
inherit: 'inherit',
|
|
19
|
+
normal: 'normal',
|
|
20
|
+
flexStart: 'flex-start',
|
|
21
|
+
flexEnd: 'flex-end'
|
|
17
22
|
};
|
|
18
23
|
const STACK_JUSTIFICATIONS = {
|
|
19
|
-
start: 'start',
|
|
20
|
-
end: 'end',
|
|
21
24
|
center: 'center',
|
|
22
25
|
spaceBetween: 'space-between',
|
|
23
26
|
spaceAround: 'space-around',
|
|
24
|
-
spaceEvenly: 'space-evenly'
|
|
27
|
+
spaceEvenly: 'space-evenly',
|
|
28
|
+
flexStart: 'flex-start',
|
|
29
|
+
flexEnd: 'flex-end',
|
|
30
|
+
initial: 'initial',
|
|
31
|
+
inherit: 'inherit',
|
|
32
|
+
start: 'start',
|
|
33
|
+
end: 'end'
|
|
25
34
|
};
|
|
26
35
|
const STACK_WRAP = {
|
|
27
36
|
wrap: 'wrap',
|
|
28
37
|
nowrap: 'nowrap',
|
|
29
|
-
wrapReverse: 'wrap-reverse'
|
|
38
|
+
wrapReverse: 'wrap-reverse',
|
|
39
|
+
initial: 'initial',
|
|
40
|
+
inherit: 'inherit'
|
|
30
41
|
};
|
|
31
42
|
const stackCssBaseClass = 'stack';
|
|
32
43
|
const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
|
|
@@ -40,7 +51,12 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
40
51
|
[STACK_ALIGNMENTS.end]: `${stackCssBaseClass}_align_end`,
|
|
41
52
|
[STACK_ALIGNMENTS.center]: `${stackCssBaseClass}_align_center`,
|
|
42
53
|
[STACK_ALIGNMENTS.stretch]: `${stackCssBaseClass}_align_stretch`,
|
|
43
|
-
[STACK_ALIGNMENTS.baseline]: `${stackCssBaseClass}_align_baseline
|
|
54
|
+
[STACK_ALIGNMENTS.baseline]: `${stackCssBaseClass}_align_baseline`,
|
|
55
|
+
[STACK_ALIGNMENTS.initial]: `${stackCssBaseClass}_align_initial`,
|
|
56
|
+
[STACK_ALIGNMENTS.inherit]: `${stackCssBaseClass}_align_inherit`,
|
|
57
|
+
[STACK_ALIGNMENTS.normal]: `${stackCssBaseClass}_align_normal`,
|
|
58
|
+
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
59
|
+
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
44
60
|
};
|
|
45
61
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
46
62
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ 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.
|
|
7
|
+
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap }) => {
|
|
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
9
|
return (React.createElement("div", { className: `${stackClass} ${stackClass}`, style: { gap: `${spacing}px` } }, children));
|
|
10
10
|
};
|
|
@@ -10,19 +10,30 @@ export declare const STACK_ALIGNMENTS: {
|
|
|
10
10
|
readonly center: "center";
|
|
11
11
|
readonly stretch: "stretch";
|
|
12
12
|
readonly baseline: "baseline";
|
|
13
|
+
readonly initial: "initial";
|
|
14
|
+
readonly inherit: "inherit";
|
|
15
|
+
readonly normal: "normal";
|
|
16
|
+
readonly flexStart: "flex-start";
|
|
17
|
+
readonly flexEnd: "flex-end";
|
|
13
18
|
};
|
|
14
19
|
export declare const STACK_JUSTIFICATIONS: {
|
|
15
|
-
readonly start: "start";
|
|
16
|
-
readonly end: "end";
|
|
17
20
|
readonly center: "center";
|
|
18
21
|
readonly spaceBetween: "space-between";
|
|
19
22
|
readonly spaceAround: "space-around";
|
|
20
23
|
readonly spaceEvenly: "space-evenly";
|
|
24
|
+
readonly flexStart: "flex-start";
|
|
25
|
+
readonly flexEnd: "flex-end";
|
|
26
|
+
readonly initial: "initial";
|
|
27
|
+
readonly inherit: "inherit";
|
|
28
|
+
readonly start: "start";
|
|
29
|
+
readonly end: "end";
|
|
21
30
|
};
|
|
22
31
|
export declare const STACK_WRAP: {
|
|
23
32
|
wrap: string;
|
|
24
33
|
nowrap: string;
|
|
25
34
|
wrapReverse: string;
|
|
35
|
+
initial: string;
|
|
36
|
+
inherit: string;
|
|
26
37
|
};
|
|
27
38
|
export declare const stackCssBaseClass = "stack";
|
|
28
39
|
export declare const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP: {
|
|
@@ -37,6 +48,11 @@ export declare const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP: {
|
|
|
37
48
|
readonly center: "stack_align_center";
|
|
38
49
|
readonly stretch: "stack_align_stretch";
|
|
39
50
|
readonly baseline: "stack_align_baseline";
|
|
51
|
+
readonly initial: "stack_align_initial";
|
|
52
|
+
readonly inherit: "stack_align_inherit";
|
|
53
|
+
readonly normal: "stack_align_normal";
|
|
54
|
+
readonly "flex-start": "stack_align_flex-start";
|
|
55
|
+
readonly "flex-end": "stack_align_flex-end";
|
|
40
56
|
};
|
|
41
57
|
export declare const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP: {
|
|
42
58
|
readonly start: "stack_justify_start";
|
|
@@ -45,6 +61,10 @@ export declare const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP: {
|
|
|
45
61
|
readonly "space-between": "stack_justify_space-between";
|
|
46
62
|
readonly "space-around": "stack_justify_space-around";
|
|
47
63
|
readonly "space-evenly": "stack_justify_space-evenly";
|
|
64
|
+
readonly "flex-start": "stack_justify_flex-start";
|
|
65
|
+
readonly "flex-end": "stack_justify_flex-end";
|
|
66
|
+
readonly initial: "stack_justify_initial";
|
|
67
|
+
readonly inherit: "stack_justify_inherit";
|
|
48
68
|
};
|
|
49
69
|
export declare const STACK_WRAP_TO_CSS_CLASSES_MAP: {
|
|
50
70
|
[x: string]: string;
|
|
@@ -9,20 +9,31 @@ const STACK_ALIGNMENTS = {
|
|
|
9
9
|
end: 'end',
|
|
10
10
|
center: 'center',
|
|
11
11
|
stretch: 'stretch',
|
|
12
|
-
baseline: 'baseline'
|
|
12
|
+
baseline: 'baseline',
|
|
13
|
+
initial: 'initial',
|
|
14
|
+
inherit: 'inherit',
|
|
15
|
+
normal: 'normal',
|
|
16
|
+
flexStart: 'flex-start',
|
|
17
|
+
flexEnd: 'flex-end'
|
|
13
18
|
};
|
|
14
19
|
const STACK_JUSTIFICATIONS = {
|
|
15
|
-
start: 'start',
|
|
16
|
-
end: 'end',
|
|
17
20
|
center: 'center',
|
|
18
21
|
spaceBetween: 'space-between',
|
|
19
22
|
spaceAround: 'space-around',
|
|
20
|
-
spaceEvenly: 'space-evenly'
|
|
23
|
+
spaceEvenly: 'space-evenly',
|
|
24
|
+
flexStart: 'flex-start',
|
|
25
|
+
flexEnd: 'flex-end',
|
|
26
|
+
initial: 'initial',
|
|
27
|
+
inherit: 'inherit',
|
|
28
|
+
start: 'start',
|
|
29
|
+
end: 'end'
|
|
21
30
|
};
|
|
22
31
|
const STACK_WRAP = {
|
|
23
32
|
wrap: 'wrap',
|
|
24
33
|
nowrap: 'nowrap',
|
|
25
|
-
wrapReverse: 'wrap-reverse'
|
|
34
|
+
wrapReverse: 'wrap-reverse',
|
|
35
|
+
initial: 'initial',
|
|
36
|
+
inherit: 'inherit'
|
|
26
37
|
};
|
|
27
38
|
const stackCssBaseClass = 'stack';
|
|
28
39
|
const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
|
|
@@ -36,7 +47,12 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
36
47
|
[STACK_ALIGNMENTS.end]: `${stackCssBaseClass}_align_end`,
|
|
37
48
|
[STACK_ALIGNMENTS.center]: `${stackCssBaseClass}_align_center`,
|
|
38
49
|
[STACK_ALIGNMENTS.stretch]: `${stackCssBaseClass}_align_stretch`,
|
|
39
|
-
[STACK_ALIGNMENTS.baseline]: `${stackCssBaseClass}_align_baseline
|
|
50
|
+
[STACK_ALIGNMENTS.baseline]: `${stackCssBaseClass}_align_baseline`,
|
|
51
|
+
[STACK_ALIGNMENTS.initial]: `${stackCssBaseClass}_align_initial`,
|
|
52
|
+
[STACK_ALIGNMENTS.inherit]: `${stackCssBaseClass}_align_inherit`,
|
|
53
|
+
[STACK_ALIGNMENTS.normal]: `${stackCssBaseClass}_align_normal`,
|
|
54
|
+
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
55
|
+
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
40
56
|
};
|
|
41
57
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
42
58
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
@@ -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;"}
|
|
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;"}
|