@dreamcommerce/aurora 2.2.3 → 2.2.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 (33) hide show
  1. package/build/cjs/packages/aurora/src/components/slide/components/slide_content.js +24 -0
  2. package/build/cjs/packages/aurora/src/components/slide/components/slide_content.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.js +24 -0
  4. package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.js +24 -0
  6. package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/slide/css_classes.js +3 -0
  8. package/build/cjs/packages/aurora/src/components/slide/css_classes.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/slide/index.js +3 -2
  10. package/build/cjs/packages/aurora/src/components/slide/index.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +2 -2
  12. package/build/cjs/packages/aurora/src/index.js +6 -0
  13. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/slide/components/slide_content.d.ts +4 -0
  15. package/build/esm/packages/aurora/src/components/slide/components/slide_content.js +15 -0
  16. package/build/esm/packages/aurora/src/components/slide/components/slide_content.js.map +1 -0
  17. package/build/esm/packages/aurora/src/components/slide/components/slide_footer.d.ts +4 -0
  18. package/build/esm/packages/aurora/src/components/slide/components/slide_footer.js +15 -0
  19. package/build/esm/packages/aurora/src/components/slide/components/slide_footer.js.map +1 -0
  20. package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.d.ts +4 -0
  21. package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.js +15 -0
  22. package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.js.map +1 -0
  23. package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +3 -0
  24. package/build/esm/packages/aurora/src/components/slide/css_classes.js +3 -0
  25. package/build/esm/packages/aurora/src/components/slide/css_classes.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/slide/index.js +3 -2
  27. package/build/esm/packages/aurora/src/components/slide/index.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/slide/types.d.ts +13 -0
  29. package/build/esm/packages/aurora/src/css/slide/main.module.less.js +2 -2
  30. package/build/esm/packages/aurora/src/index.d.ts +4 -1
  31. package/build/esm/packages/aurora/src/index.js +3 -0
  32. package/build/esm/packages/aurora/src/index.js.map +1 -1
  33. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/slide/components/slide_content.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ var css_classes = require('../css_classes.js');
8
+ var main_module = require('../../../css/slide/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
+
15
+ const SlideContent = ({ children, classNames = '' }) => {
16
+ const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideContent], {
17
+ [classNames]: classNames
18
+ });
19
+ return React__default['default'].createElement("div", { className: classes }, children);
20
+ };
21
+
22
+ exports.SlideContent = SlideContent;
23
+ exports.default = SlideContent;
24
+ //# sourceMappingURL=slide_content.js.map
package/build/cjs/packages/aurora/src/components/slide/components/slide_content.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;"}
package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ var css_classes = require('../css_classes.js');
8
+ var main_module = require('../../../css/slide/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
+
15
+ const SlideFooter = ({ children, classNames = '' }) => {
16
+ const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideFooter], {
17
+ [classNames]: classNames
18
+ });
19
+ return React__default['default'].createElement("div", { className: classes }, children);
20
+ };
21
+
22
+ exports.SlideFooter = SlideFooter;
23
+ exports.default = SlideFooter;
24
+ //# sourceMappingURL=slide_footer.js.map
package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.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;"}
package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.js ADDED
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ var css_classes = require('../css_classes.js');
8
+ var main_module = require('../../../css/slide/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
+
15
+ const SlideWrapper = ({ children, classNames = '' }) => {
16
+ const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideWrapper], {
17
+ [classNames]: classNames
18
+ });
19
+ return React__default['default'].createElement("div", { className: classes }, children);
20
+ };
21
+
22
+ exports.SlideWrapper = SlideWrapper;
23
+ exports.default = SlideWrapper;
24
+ //# sourceMappingURL=slide_wrapper.js.map
package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.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;"}
package/build/cjs/packages/aurora/src/components/slide/css_classes.js CHANGED
@@ -5,6 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const slideBaseCssClass = 'slide';
6
6
  var CSS_CLASSES = {
7
7
  slide: slideBaseCssClass,
8
+ slideWrapper: `${slideBaseCssClass}__wrapper`,
9
+ slideContent: `${slideBaseCssClass}__content`,
10
+ slideFooter: `${slideBaseCssClass}__footer`,
8
11
  slideIsOpen: `${slideBaseCssClass}_is-open`,
9
12
  slideDirectionTop: `${slideBaseCssClass}_direction-top`,
10
13
  slideDirectionRight: `${slideBaseCssClass}_direction-right`,
package/build/cjs/packages/aurora/src/components/slide/css_classes.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;"}
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;"}
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, 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;
@@ -32,7 +32,8 @@ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurati
32
32
  break;
33
33
  }
34
34
  const slideClassNames = classnames__default['default'](main_module['default'][css_classes['default'].slide], main_module['default'][directionClass], {
35
- [main_module['default'][css_classes['default'].slideIsOpen]]: isOpen
35
+ [main_module['default'][css_classes['default'].slideIsOpen]]: isOpen,
36
+ [classNames]: classNames
36
37
  });
37
38
  return (React__default['default'].createElement("div", { className: slideClassNames, style: {
38
39
  animationDuration: `${animationDurationMs}ms`,
package/build/cjs/packages/aurora/src/components/slide/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;"}
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;"}
package/build/cjs/packages/aurora/src/css/slide/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
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 height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: auto;\n z-index: 1;\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\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"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-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 height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 1.5rem 1rem 1.5rem 1rem;\n background-color: #f3f4f8;\n border-top: 1px solid #abb4cd;\n box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\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__wrapper":"main-module_slide__wrapper__3mC8j","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","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
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -61,6 +61,9 @@ 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
63
  var index$I = require('./components/slide/index.js');
64
+ var slide_content = require('./components/slide/components/slide_content.js');
65
+ var slide_footer = require('./components/slide/components/slide_footer.js');
66
+ var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
64
67
  var index$y = require('./components/spacing/index.js');
65
68
  var index$8 = require('./components/stack/index.js');
66
69
  var tabs = require('./components/tabs/components/tabs.js');
@@ -135,6 +138,9 @@ exports.useSearchList = use_search_list.useSearchList;
135
138
  exports.SearchListInput = search_list_input.SearchListInput;
136
139
  exports.SearchListResults = search_list_results.SearchListResults;
137
140
  exports.Slide = index$I['default'];
141
+ exports.SlideContent = slide_content.SlideContent;
142
+ exports.SlideFooter = slide_footer.SlideFooter;
143
+ exports.SlideWrapper = slide_wrapper.SlideWrapper;
138
144
  exports.Spacing = index$y['default'];
139
145
  exports.Stack = index$8['default'];
140
146
  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;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;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/slide/components/slide_content.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { ISlideContent } from '../types';
3
+ export declare const SlideContent: FC<ISlideContent>;
4
+ export default SlideContent;
package/build/esm/packages/aurora/src/components/slide/components/slide_content.js ADDED
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import CSS_CLASSES from '../css_classes.js';
4
+ import cssClasses from '../../../css/slide/main.module.less.js';
5
+
6
+ const SlideContent = ({ children, classNames = '' }) => {
7
+ const classes = classnames(cssClasses[CSS_CLASSES.slideContent], {
8
+ [classNames]: classNames
9
+ });
10
+ return React.createElement("div", { className: classes }, children);
11
+ };
12
+
13
+ export default SlideContent;
14
+ export { SlideContent };
15
+ //# sourceMappingURL=slide_content.js.map
package/build/esm/packages/aurora/src/components/slide/components/slide_content.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;"}
package/build/esm/packages/aurora/src/components/slide/components/slide_footer.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { ISlideFooter } from '../types';
3
+ export declare const SlideFooter: FC<ISlideFooter>;
4
+ export default SlideFooter;
package/build/esm/packages/aurora/src/components/slide/components/slide_footer.js ADDED
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import CSS_CLASSES from '../css_classes.js';
4
+ import cssClasses from '../../../css/slide/main.module.less.js';
5
+
6
+ const SlideFooter = ({ children, classNames = '' }) => {
7
+ const classes = classnames(cssClasses[CSS_CLASSES.slideFooter], {
8
+ [classNames]: classNames
9
+ });
10
+ return React.createElement("div", { className: classes }, children);
11
+ };
12
+
13
+ export default SlideFooter;
14
+ export { SlideFooter };
15
+ //# sourceMappingURL=slide_footer.js.map
package/build/esm/packages/aurora/src/components/slide/components/slide_footer.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;"}
package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { ISlideWrapper } from '../types';
3
+ export declare const SlideWrapper: FC<ISlideWrapper>;
4
+ export default SlideWrapper;
package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.js ADDED
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import CSS_CLASSES from '../css_classes.js';
4
+ import cssClasses from '../../../css/slide/main.module.less.js';
5
+
6
+ const SlideWrapper = ({ children, classNames = '' }) => {
7
+ const classes = classnames(cssClasses[CSS_CLASSES.slideWrapper], {
8
+ [classNames]: classNames
9
+ });
10
+ return React.createElement("div", { className: classes }, children);
11
+ };
12
+
13
+ export default SlideWrapper;
14
+ export { SlideWrapper };
15
+ //# sourceMappingURL=slide_wrapper.js.map
package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.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;"}
package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  declare const _default: {
2
2
  slide: string;
3
+ slideWrapper: string;
4
+ slideContent: string;
5
+ slideFooter: string;
3
6
  slideIsOpen: string;
4
7
  slideDirectionTop: string;
5
8
  slideDirectionRight: string;
package/build/esm/packages/aurora/src/components/slide/css_classes.js CHANGED
@@ -1,6 +1,9 @@
1
1
  const slideBaseCssClass = 'slide';
2
2
  var CSS_CLASSES = {
3
3
  slide: slideBaseCssClass,
4
+ slideWrapper: `${slideBaseCssClass}__wrapper`,
5
+ slideContent: `${slideBaseCssClass}__content`,
6
+ slideFooter: `${slideBaseCssClass}__footer`,
4
7
  slideIsOpen: `${slideBaseCssClass}_is-open`,
5
8
  slideDirectionTop: `${slideBaseCssClass}_direction-top`,
6
9
  slideDirectionRight: `${slideBaseCssClass}_direction-right`,
package/build/esm/packages/aurora/src/components/slide/css_classes.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;"}
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;"}
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, 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;
@@ -23,7 +23,8 @@ const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurati
23
23
  break;
24
24
  }
25
25
  const slideClassNames = classnames(cssClasses[CSS_CLASSES.slide], cssClasses[directionClass], {
26
- [cssClasses[CSS_CLASSES.slideIsOpen]]: isOpen
26
+ [cssClasses[CSS_CLASSES.slideIsOpen]]: isOpen,
27
+ [classNames]: classNames
27
28
  });
28
29
  return (React.createElement("div", { className: slideClassNames, style: {
29
30
  animationDuration: `${animationDurationMs}ms`,
package/build/esm/packages/aurora/src/components/slide/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;"}
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;"}
package/build/esm/packages/aurora/src/components/slide/types.d.ts CHANGED
@@ -6,5 +6,18 @@ export interface ISlideProps {
6
6
  direction?: TDirection;
7
7
  position?: TCssPositions;
8
8
  animationDurationMs?: number;
9
+ classNames?: string;
10
+ children: ReactNode;
11
+ }
12
+ export interface ISlideWrapper {
13
+ classNames?: string;
14
+ children: ReactNode;
15
+ }
16
+ export interface ISlideContent {
17
+ classNames?: string;
18
+ children: ReactNode;
19
+ }
20
+ export interface ISlideFooter {
21
+ classNames?: string;
9
22
  children: ReactNode;
10
23
  }
package/build/esm/packages/aurora/src/css/slide/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
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 height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: auto;\n z-index: 1;\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\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"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-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 height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 1.5rem 1rem 1.5rem 1rem;\n background-color: #f3f4f8;\n border-top: 1px solid #abb4cd;\n box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\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__wrapper":"main-module_slide__wrapper__3mC8j","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","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
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -75,6 +75,9 @@ import SearchListInput from "./components/search_list/components/search_list_inp
75
75
  import SearchListResults from "./components/search_list/components/search_list_results";
76
76
  import Select from "./components/dropdown/hoc/select";
77
77
  import Slide from "./components/slide";
78
+ import SlideContent from "./components/slide/components/slide_content";
79
+ import SlideFooter from "./components/slide/components/slide_footer";
80
+ import SlideWrapper from "./components/slide/components/slide_wrapper";
78
81
  import Spacing from "./components/spacing";
79
82
  import Stack from "./components/stack";
80
83
  import { TFilePickerFile } from "./components/file_picker/types";
@@ -100,7 +103,7 @@ import { useToggle } from "./components/dropdown/hooks";
100
103
  /**
101
104
  * export components
102
105
  */
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 };
106
+ 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, SlideWrapper, SlideContent, SlideFooter };
104
107
  /**
105
108
  * export types
106
109
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -57,6 +57,9 @@ 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
59
  export { default as Slide } from './components/slide/index.js';
60
+ export { SlideContent } from './components/slide/components/slide_content.js';
61
+ export { SlideFooter } from './components/slide/components/slide_footer.js';
62
+ export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
60
63
  export { default as Spacing } from './components/spacing/index.js';
61
64
  export { default as Stack } from './components/stack/index.js';
62
65
  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;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;"}
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.3",
5
+ "version": "2.2.4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",