@dreamcommerce/aurora 2.2.0 → 2.2.1-2

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 (30) hide show
  1. package/build/cjs/packages/aurora/src/components/slide/css_classes.js +16 -0
  2. package/build/cjs/packages/aurora/src/components/slide/css_classes.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/slide/index.js +35 -0
  4. package/build/cjs/packages/aurora/src/components/slide/index.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/stack/index.js +1 -1
  6. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +22 -6
  7. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +12 -0
  9. package/build/cjs/packages/aurora/src/css/slide/main.module.less.js.map +1 -0
  10. package/build/cjs/packages/aurora/src/index.js +2 -0
  11. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +9 -0
  13. package/build/esm/packages/aurora/src/components/slide/css_classes.js +12 -0
  14. package/build/esm/packages/aurora/src/components/slide/css_classes.js.map +1 -0
  15. package/build/esm/packages/aurora/src/components/slide/index.d.ts +4 -0
  16. package/build/esm/packages/aurora/src/components/slide/index.js +27 -0
  17. package/build/esm/packages/aurora/src/components/slide/index.js.map +1 -0
  18. package/build/esm/packages/aurora/src/components/slide/types.d.ts +8 -0
  19. package/build/esm/packages/aurora/src/components/slide/types.js +2 -0
  20. package/build/esm/packages/aurora/src/components/slide/types.js.map +1 -0
  21. package/build/esm/packages/aurora/src/components/stack/index.js +1 -1
  22. package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +22 -2
  23. package/build/esm/packages/aurora/src/components/stack/stack_constants.js +22 -6
  24. package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  25. package/build/esm/packages/aurora/src/css/slide/main.module.less.js +8 -0
  26. package/build/esm/packages/aurora/src/css/slide/main.module.less.js.map +1 -0
  27. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  28. package/build/esm/packages/aurora/src/index.js +1 -0
  29. package/build/esm/packages/aurora/src/index.js.map +1 -1
  30. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/slide/css_classes.js ADDED
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const slideBaseCssClass = 'slide';
6
+ var CSS_CLASSES = {
7
+ slide: slideBaseCssClass,
8
+ slideIsOpen: `${slideBaseCssClass}_is-open`,
9
+ slideDirectionTop: `${slideBaseCssClass}_direction-top`,
10
+ slideDirectionRight: `${slideBaseCssClass}_direction-right`,
11
+ slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
12
+ slideDirectionLeft: `${slideBaseCssClass}_direction-left`
13
+ };
14
+
15
+ exports.default = CSS_CLASSES;
16
+ //# sourceMappingURL=css_classes.js.map
package/build/cjs/packages/aurora/src/components/slide/css_classes.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/src/components/slide/index.js ADDED
@@ -0,0 +1,35 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var css_classes = require('./css_classes.js');
7
+ var main_module = require('../../css/slide/main.module.less.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ const Slide = ({ isOpen, autoOpen, direction = 'left', animationDurationMs = 300, children }) => {
14
+ if (autoOpen)
15
+ isOpen = true;
16
+ let directionClass;
17
+ switch (direction) {
18
+ case 'top':
19
+ directionClass = css_classes['default'].slideDirectionTop;
20
+ break;
21
+ case 'right':
22
+ directionClass = css_classes['default'].slideDirectionRight;
23
+ break;
24
+ case 'bottom':
25
+ directionClass = css_classes['default'].slideDirectionBottom;
26
+ break;
27
+ case 'left':
28
+ directionClass = css_classes['default'].slideDirectionLeft;
29
+ break;
30
+ }
31
+ return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].slide]} ${main_module['default'][directionClass]} ${isOpen ? main_module['default'][css_classes['default'].slideIsOpen] : ''}`, style: { animationDuration: `${animationDurationMs}ms` } }, children));
32
+ };
33
+
34
+ exports.default = Slide;
35
+ //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/components/slide/index.js.map ADDED
@@ -0,0 +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;"}
package/build/cjs/packages/aurora/src/components/stack/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 Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.center, align = stack_constants.STACK_ALIGNMENTS.center, 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 }) => {
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
  };
package/build/cjs/packages/aurora/src/components/stack/stack_constants.js CHANGED
@@ -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`,
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;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;"}
package/build/cjs/packages/aurora/src/css/slide/main.module.less.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = "@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100vh;\n background-color: white;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n z-index: 100;\n}\n.main-module_slide_direction-left__Rg5kV {\n -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
8
+ var cssClasses = {"slide":"main-module_slide__1kcca","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
9
+ styleInject_es['default'](css_248z);
10
+
11
+ exports.default = cssClasses;
12
+ //# sourceMappingURL=main.module.less.js.map
package/build/cjs/packages/aurora/src/css/slide/main.module.less.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -60,6 +60,7 @@ var search_list = require('./components/search_list/components/search_list.js');
60
60
  var use_search_list = require('./components/search_list/use_search_list.js');
61
61
  var search_list_input = require('./components/search_list/components/search_list_input.js');
62
62
  var search_list_results = require('./components/search_list/components/search_list_results.js');
63
+ var index$I = require('./components/slide/index.js');
63
64
  var index$y = require('./components/spacing/index.js');
64
65
  var index$8 = require('./components/stack/index.js');
65
66
  var tabs = require('./components/tabs/components/tabs.js');
@@ -133,6 +134,7 @@ exports.SearchList = search_list.SearchList;
133
134
  exports.useSearchList = use_search_list.useSearchList;
134
135
  exports.SearchListInput = search_list_input.SearchListInput;
135
136
  exports.SearchListResults = search_list_results.SearchListResults;
137
+ exports.Slide = index$I['default'];
136
138
  exports.Spacing = index$y['default'];
137
139
  exports.Stack = index$8['default'];
138
140
  exports.Tabs = tabs['default'];
package/build/cjs/packages/aurora/src/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/slide/css_classes.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ declare const _default: {
2
+ slide: string;
3
+ slideIsOpen: string;
4
+ slideDirectionTop: string;
5
+ slideDirectionRight: string;
6
+ slideDirectionBottom: string;
7
+ slideDirectionLeft: string;
8
+ };
9
+ export default _default;
package/build/esm/packages/aurora/src/components/slide/css_classes.js ADDED
@@ -0,0 +1,12 @@
1
+ const slideBaseCssClass = 'slide';
2
+ var CSS_CLASSES = {
3
+ slide: slideBaseCssClass,
4
+ slideIsOpen: `${slideBaseCssClass}_is-open`,
5
+ slideDirectionTop: `${slideBaseCssClass}_direction-top`,
6
+ slideDirectionRight: `${slideBaseCssClass}_direction-right`,
7
+ slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
8
+ slideDirectionLeft: `${slideBaseCssClass}_direction-left`
9
+ };
10
+
11
+ export default CSS_CLASSES;
12
+ //# sourceMappingURL=css_classes.js.map
package/build/esm/packages/aurora/src/components/slide/css_classes.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/slide/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { ISlideProps } from './types';
2
+ import React from 'react';
3
+ declare const Slide: React.FC<ISlideProps>;
4
+ export default Slide;
package/build/esm/packages/aurora/src/components/slide/index.js ADDED
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import CSS_CLASSES from './css_classes.js';
3
+ import cssClasses from '../../css/slide/main.module.less.js';
4
+
5
+ const Slide = ({ isOpen, autoOpen, direction = 'left', animationDurationMs = 300, children }) => {
6
+ if (autoOpen)
7
+ isOpen = true;
8
+ let directionClass;
9
+ switch (direction) {
10
+ case 'top':
11
+ directionClass = CSS_CLASSES.slideDirectionTop;
12
+ break;
13
+ case 'right':
14
+ directionClass = CSS_CLASSES.slideDirectionRight;
15
+ break;
16
+ case 'bottom':
17
+ directionClass = CSS_CLASSES.slideDirectionBottom;
18
+ break;
19
+ case 'left':
20
+ directionClass = CSS_CLASSES.slideDirectionLeft;
21
+ break;
22
+ }
23
+ return (React.createElement("div", { className: `${cssClasses[CSS_CLASSES.slide]} ${cssClasses[directionClass]} ${isOpen ? cssClasses[CSS_CLASSES.slideIsOpen] : ''}`, style: { animationDuration: `${animationDurationMs}ms` } }, children));
24
+ };
25
+
26
+ export default Slide;
27
+ //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/components/slide/index.js.map ADDED
@@ -0,0 +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;"}
package/build/esm/packages/aurora/src/components/slide/types.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ISlideProps {
3
+ isOpen?: boolean;
4
+ autoOpen?: boolean;
5
+ direction?: 'top' | 'right' | 'bottom' | 'left';
6
+ animationDurationMs?: number;
7
+ children: ReactNode;
8
+ }
package/build/esm/packages/aurora/src/components/slide/types.js ADDED
@@ -0,0 +1,2 @@
1
+ import 'react';
2
+ //# sourceMappingURL=types.js.map
package/build/esm/packages/aurora/src/components/slide/types.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/slide/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}
package/build/esm/packages/aurora/src/components/stack/index.js CHANGED
@@ -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.center, align = STACK_ALIGNMENTS.center, 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 }) => {
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
  };
package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/stack/stack_constants.js CHANGED
@@ -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`,
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;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/esm/packages/aurora/src/css/slide/main.module.less.js ADDED
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100vh;\n background-color: white;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n z-index: 100;\n}\n.main-module_slide_direction-left__Rg5kV {\n -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
4
+ var cssClasses = {"slide":"main-module_slide__1kcca","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
package/build/esm/packages/aurora/src/css/slide/main.module.less.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -74,6 +74,7 @@ import SearchList from "./components/search_list/components/search_list";
74
74
  import SearchListInput from "./components/search_list/components/search_list_input";
75
75
  import SearchListResults from "./components/search_list/components/search_list_results";
76
76
  import Select from "./components/dropdown/hoc/select";
77
+ import Slide from "./components/slide";
77
78
  import Spacing from "./components/spacing";
78
79
  import Stack from "./components/stack";
79
80
  import { TFilePickerFile } from "./components/file_picker/types";
@@ -99,7 +100,7 @@ import { useToggle } from "./components/dropdown/hooks";
99
100
  /**
100
101
  * export components
101
102
  */
102
- export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList };
103
+ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide };
103
104
  /**
104
105
  * export types
105
106
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -56,6 +56,7 @@ export { SearchList } from './components/search_list/components/search_list.js';
56
56
  export { useSearchList } from './components/search_list/use_search_list.js';
57
57
  export { SearchListInput } from './components/search_list/components/search_list_input.js';
58
58
  export { SearchListResults } from './components/search_list/components/search_list_results.js';
59
+ export { default as Slide } from './components/slide/index.js';
59
60
  export { default as Spacing } from './components/spacing/index.js';
60
61
  export { default as Stack } from './components/stack/index.js';
61
62
  export { default as Tabs } from './components/tabs/components/tabs.js';
package/build/esm/packages/aurora/src/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
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.0",
5
+ "version": "2.2.1-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",