@dreamcommerce/aurora 2.4.0-15 → 2.4.0-17

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 (21) hide show
  1. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +4 -6
  2. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} +5 -5
  4. package/build/cjs/packages/aurora/src/components/slide/css_classes.js +1 -1
  5. package/build/cjs/packages/aurora/src/components/stack/index.js +1 -1
  6. package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +2 -2
  7. package/build/cjs/packages/aurora/src/index.js +2 -2
  8. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +4 -6
  9. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts +4 -0
  11. package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} +5 -5
  12. package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +1 -1
  13. package/build/esm/packages/aurora/src/components/slide/css_classes.js +1 -1
  14. package/build/esm/packages/aurora/src/components/stack/index.js +1 -1
  15. package/build/esm/packages/aurora/src/css/slide/main.module.less.js +2 -2
  16. package/build/esm/packages/aurora/src/index.d.ts +2 -2
  17. package/build/esm/packages/aurora/src/index.js +1 -1
  18. package/package.json +1 -1
  19. package/build/esm/packages/aurora/src/components/slide/components/slide_close_btn_wrapper.d.ts +0 -4
  20. /package/build/cjs/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js.map → slide_header.js.map} +0 -0
  21. /package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js.map → slide_header.js.map} +0 -0
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js CHANGED
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var index$1 = require('../../stack/index.js');
6
7
  var reactTransitionGroup = require('react-transition-group');
7
8
  var icon_close = require('../../../assets/icon_close.js');
8
9
  var main_module = require('../../../css/flash_message/main.module.less.js');
9
10
  var context = require('../context.js');
10
11
  var index = require('../../message-box/index.js');
11
- var index$1 = require('../../grid/index.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -27,11 +27,9 @@ const FlashMessage = ({ message }) => {
27
27
  exitActive: main_module['default']['flash-messenger__list_exit-active']
28
28
  } },
29
29
  React__default['default'].createElement(index['default'], { type: message.type, className: `${main_module['default']['flash-messenger__message']} ${main_module['default']['flash-messenger__list-item']}` },
30
- React__default['default'].createElement(index$1['default'].Row, null,
31
- React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
32
- React__default['default'].createElement("div", null, message.content)),
33
- React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
34
- React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] }))))));
30
+ React__default['default'].createElement(index$1['default'], { spacing: 8, align: "center", justify: "space-between" },
31
+ React__default['default'].createElement("div", null, message.content),
32
+ React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] })))));
35
33
  };
36
34
 
37
35
  exports.default = FlashMessage;
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.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;"}
package/build/cjs/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} RENAMED
@@ -12,13 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
14
 
15
- const SlideCloseBtnWrapper = ({ children, classNames = '' }) => {
16
- const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideCloseBtnWrapper], {
15
+ const SlideHeader = ({ children, classNames = '' }) => {
16
+ const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideHeader], {
17
17
  [classNames]: classNames
18
18
  });
19
19
  return React__default['default'].createElement("div", { className: classes }, children);
20
20
  };
21
21
 
22
- exports.SlideCloseBtnWrapper = SlideCloseBtnWrapper;
23
- exports.default = SlideCloseBtnWrapper;
24
- //# sourceMappingURL=slide_close_btn_wrapper.js.map
22
+ exports.SlideHeader = SlideHeader;
23
+ exports.default = SlideHeader;
24
+ //# sourceMappingURL=slide_header.js.map
package/build/cjs/packages/aurora/src/components/slide/css_classes.js CHANGED
@@ -8,7 +8,7 @@ var CSS_CLASSES = {
8
8
  slideWrapper: `${slideBaseCssClass}__wrapper`,
9
9
  slideContent: `${slideBaseCssClass}__content`,
10
10
  slideFooter: `${slideBaseCssClass}__footer`,
11
- slideCloseBtnWrapper: `${slideBaseCssClass}__close-btn-wrapper`,
11
+ slideHeader: `${slideBaseCssClass}__header`,
12
12
  slideIsOpen: `${slideBaseCssClass}_is-open`,
13
13
  slideDirectionTop: `${slideBaseCssClass}_direction-top`,
14
14
  slideDirectionRight: `${slideBaseCssClass}_direction-right`,
package/build/cjs/packages/aurora/src/components/stack/index.js CHANGED
@@ -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.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], stack_constants.STACK_CSS_CLASSES.inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
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]], 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` }
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 = "/* 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__close-btn-wrapper__2xmw9 {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n text-align: left;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\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__close-btn-wrapper":"main-module_slide__close-btn-wrapper__2xmw9","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"};
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__header__11UTh {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n display: flex;\n align-items: center;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\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__header":"main-module_slide__header__11UTh","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
@@ -63,7 +63,7 @@ var use_search_list = require('./components/search_list/use_search_list.js');
63
63
  var search_list_input = require('./components/search_list/components/search_list_input.js');
64
64
  var search_list_results = require('./components/search_list/components/search_list_results.js');
65
65
  var index$J = require('./components/slide/index.js');
66
- var slide_close_btn_wrapper = require('./components/slide/components/slide_close_btn_wrapper.js');
66
+ var slide_header = require('./components/slide/components/slide_header.js');
67
67
  var slide_content = require('./components/slide/components/slide_content.js');
68
68
  var slide_footer = require('./components/slide/components/slide_footer.js');
69
69
  var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
@@ -142,7 +142,7 @@ exports.useSearchList = use_search_list.useSearchList;
142
142
  exports.SearchListInput = search_list_input.SearchListInput;
143
143
  exports.SearchListResults = search_list_results.SearchListResults;
144
144
  exports.Slide = index$J['default'];
145
- exports.SlideCloseBtnWrapper = slide_close_btn_wrapper.SlideCloseBtnWrapper;
145
+ exports.SlideHeader = slide_header.SlideHeader;
146
146
  exports.SlideContent = slide_content.SlideContent;
147
147
  exports.SlideFooter = slide_footer.SlideFooter;
148
148
  exports.SlideWrapper = slide_wrapper.SlideWrapper;
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React, { useEffect } from 'react';
2
+ import Stack from '../../stack/index.js';
2
3
  import { CSSTransition } from 'react-transition-group';
3
4
  import IconClose from '../../../assets/icon_close.js';
4
5
  import cssClasses from '../../../css/flash_message/main.module.less.js';
5
6
  import { useFlashMessenger } from '../context.js';
6
7
  import MessageBox from '../../message-box/index.js';
7
- import Grid from '../../grid/index.js';
8
8
 
9
9
  const FlashMessage = ({ message }) => {
10
10
  const { removeMessage, hideMessage } = useFlashMessenger();
@@ -19,11 +19,9 @@ const FlashMessage = ({ message }) => {
19
19
  exitActive: cssClasses['flash-messenger__list_exit-active']
20
20
  } },
21
21
  React.createElement(MessageBox, { type: message.type, className: `${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}` },
22
- React.createElement(Grid.Row, null,
23
- React.createElement(Grid.Col, { auto: "grow" },
24
- React.createElement("div", null, message.content)),
25
- React.createElement(Grid.Col, { auto: "auto" },
26
- React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] }))))));
22
+ React.createElement(Stack, { spacing: 8, align: "center", justify: "space-between" },
23
+ React.createElement("div", null, message.content),
24
+ React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] })))));
27
25
  };
28
26
 
29
27
  export default FlashMessage;
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.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;"}
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;"}
package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { ISlideCloseBtn } from '../types';
3
+ export declare const SlideHeader: FC<ISlideCloseBtn>;
4
+ export default SlideHeader;
package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} RENAMED
@@ -3,13 +3,13 @@ import classnames from 'classnames';
3
3
  import CSS_CLASSES from '../css_classes.js';
4
4
  import cssClasses from '../../../css/slide/main.module.less.js';
5
5
 
6
- const SlideCloseBtnWrapper = ({ children, classNames = '' }) => {
7
- const classes = classnames(cssClasses[CSS_CLASSES.slideCloseBtnWrapper], {
6
+ const SlideHeader = ({ children, classNames = '' }) => {
7
+ const classes = classnames(cssClasses[CSS_CLASSES.slideHeader], {
8
8
  [classNames]: classNames
9
9
  });
10
10
  return React.createElement("div", { className: classes }, children);
11
11
  };
12
12
 
13
- export default SlideCloseBtnWrapper;
14
- export { SlideCloseBtnWrapper };
15
- //# sourceMappingURL=slide_close_btn_wrapper.js.map
13
+ export default SlideHeader;
14
+ export { SlideHeader };
15
+ //# sourceMappingURL=slide_header.js.map
package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const _default: {
3
3
  slideWrapper: string;
4
4
  slideContent: string;
5
5
  slideFooter: string;
6
- slideCloseBtnWrapper: string;
6
+ slideHeader: string;
7
7
  slideIsOpen: string;
8
8
  slideDirectionTop: string;
9
9
  slideDirectionRight: string;
package/build/esm/packages/aurora/src/components/slide/css_classes.js CHANGED
@@ -4,7 +4,7 @@ var CSS_CLASSES = {
4
4
  slideWrapper: `${slideBaseCssClass}__wrapper`,
5
5
  slideContent: `${slideBaseCssClass}__content`,
6
6
  slideFooter: `${slideBaseCssClass}__footer`,
7
- slideCloseBtnWrapper: `${slideBaseCssClass}__close-btn-wrapper`,
7
+ slideHeader: `${slideBaseCssClass}__header`,
8
8
  slideIsOpen: `${slideBaseCssClass}_is-open`,
9
9
  slideDirectionTop: `${slideBaseCssClass}_direction-top`,
10
10
  slideDirectionRight: `${slideBaseCssClass}_direction-right`,
package/build/esm/packages/aurora/src/components/stack/index.js CHANGED
@@ -5,7 +5,7 @@ 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[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], STACK_CSS_CLASSES.inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
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]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
9
9
  return React.createElement(as, {
10
10
  className: `${stackClass}`,
11
11
  style: { gap: `${spacing}px` }
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 = "/* 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__close-btn-wrapper__2xmw9 {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n text-align: left;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\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__close-btn-wrapper":"main-module_slide__close-btn-wrapper__2xmw9","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"};
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__header__11UTh {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n display: flex;\n align-items: center;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\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__header":"main-module_slide__header__11UTh","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,7 +75,7 @@ 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 SlideCloseBtnWrapper from "./components/slide/components/slide_close_btn_wrapper";
78
+ import SlideHeader from "./components/slide/components/slide_header";
79
79
  import SlideContent from "./components/slide/components/slide_content";
80
80
  import SlideFooter from "./components/slide/components/slide_footer";
81
81
  import SlideWrapper from "./components/slide/components/slide_wrapper";
@@ -105,7 +105,7 @@ import { Typography } from "./components/typography";
105
105
  /**
106
106
  * export components
107
107
  */
108
- 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, Typography, 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, SlideCloseBtnWrapper, SlideContent, SlideFooter };
108
+ 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, Typography, 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, SlideHeader, SlideContent, SlideFooter };
109
109
  /**
110
110
  * export types
111
111
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -59,7 +59,7 @@ export { useSearchList } from './components/search_list/use_search_list.js';
59
59
  export { SearchListInput } from './components/search_list/components/search_list_input.js';
60
60
  export { SearchListResults } from './components/search_list/components/search_list_results.js';
61
61
  export { default as Slide } from './components/slide/index.js';
62
- export { SlideCloseBtnWrapper } from './components/slide/components/slide_close_btn_wrapper.js';
62
+ export { SlideHeader } from './components/slide/components/slide_header.js';
63
63
  export { SlideContent } from './components/slide/components/slide_content.js';
64
64
  export { SlideFooter } from './components/slide/components/slide_footer.js';
65
65
  export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
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.4.0-15",
5
+ "version": "2.4.0-17",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
package/build/esm/packages/aurora/src/components/slide/components/slide_close_btn_wrapper.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import { ISlideCloseBtn } from '../types';
3
- export declare const SlideCloseBtnWrapper: FC<ISlideCloseBtn>;
4
- export default SlideCloseBtnWrapper;