@dreamcommerce/aurora 2.6.8-1 → 2.6.9-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/slide/components/slide_sub_header.js +22 -0
- package/build/cjs/packages/aurora/src/components/slide/components/slide_sub_header.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/slide/css_classes.js +1 -0
- package/build/cjs/packages/aurora/src/components/slide/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/constants/css_theme_variables.js +41 -0
- package/build/cjs/packages/aurora/src/constants/css_theme_variables.js.map +1 -0
- package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/slide/components/slide_sub_header.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/slide/components/slide_sub_header.js +14 -0
- package/build/esm/packages/aurora/src/components/slide/components/slide_sub_header.js.map +1 -0
- package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/slide/css_classes.js +1 -0
- package/build/esm/packages/aurora/src/components/slide/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/constants/css_theme_variables.d.ts +34 -0
- package/build/esm/packages/aurora/src/constants/css_theme_variables.js +37 -0
- package/build/esm/packages/aurora/src/constants/css_theme_variables.js.map +1 -0
- package/build/esm/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/typings/general.d.ts +2 -0
- package/build/esm/packages/aurora/src/typings/general.js +1 -0
- package/build/esm/packages/aurora/src/typings/general.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var css_theme_variables = require('../../../constants/css_theme_variables.js');
|
|
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
|
+
|
|
14
|
+
const SlideSubHeader = ({ borderBottomColor, children }) => {
|
|
15
|
+
return (React__default['default'].createElement("div", { style: {
|
|
16
|
+
borderBottomColor: css_theme_variables.CSS_THEME_VARIABLES[borderBottomColor !== null && borderBottomColor !== void 0 ? borderBottomColor : '']
|
|
17
|
+
}, className: `${main_module['default'][css_classes['default'].slideSubHeader]} p-all-1` }, children));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports.SlideSubHeader = SlideSubHeader;
|
|
21
|
+
exports.default = SlideSubHeader;
|
|
22
|
+
//# sourceMappingURL=slide_sub_header.js.map
|
|
@@ -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;"}
|
|
@@ -9,6 +9,7 @@ var CSS_CLASSES = {
|
|
|
9
9
|
slideContent: `${slideBaseCssClass}__content`,
|
|
10
10
|
slideFooter: `${slideBaseCssClass}__footer`,
|
|
11
11
|
slideHeader: `${slideBaseCssClass}__header`,
|
|
12
|
+
slideSubHeader: `${slideBaseCssClass}__sub-header`,
|
|
12
13
|
slideIsOpen: `${slideBaseCssClass}_is-open`,
|
|
13
14
|
slideDirectionTop: `${slideBaseCssClass}_direction-top`,
|
|
14
15
|
slideDirectionRight: `${slideBaseCssClass}_direction-right`,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const CSS_THEME_VARIABLES = {
|
|
6
|
+
themeColor1: '#2d3748',
|
|
7
|
+
themeColor2: '#5c657e',
|
|
8
|
+
themeColor3: '#abb4cd',
|
|
9
|
+
themeColor4: '#f3f4f8',
|
|
10
|
+
themeColor5: '#135cc8',
|
|
11
|
+
themeColor6: '#3c83ec',
|
|
12
|
+
themeColor7: '#6fb9f7',
|
|
13
|
+
themeColor8: '#e60c54',
|
|
14
|
+
themeColor9: '#c433c4',
|
|
15
|
+
themeColor10: '#59687e',
|
|
16
|
+
themeColor11: '#4a456d',
|
|
17
|
+
themeColor12: '#8d84b9',
|
|
18
|
+
themeColor13: '#c1badd',
|
|
19
|
+
themeColor14: '#ff7683',
|
|
20
|
+
themeColor15: '#ebafb7',
|
|
21
|
+
themeColor16: '#ffccd3',
|
|
22
|
+
themeColor17: '#ffe6ea',
|
|
23
|
+
themeColor18: '#ffaa83',
|
|
24
|
+
themeColor19: '#ffd5b9',
|
|
25
|
+
themeColor20: '#fad961',
|
|
26
|
+
themeColor21: '#fff6cc',
|
|
27
|
+
themeColor22: '#5a9986',
|
|
28
|
+
themeColor23: '#6ebca4',
|
|
29
|
+
themeColor24: '#c2faff',
|
|
30
|
+
themeColor25: '#d0e6ff',
|
|
31
|
+
themeColor26: '#ffffff',
|
|
32
|
+
themeColor27: '#ececec',
|
|
33
|
+
themeColor28: '#617a90',
|
|
34
|
+
themeColor29: '#e1e6f3',
|
|
35
|
+
themeColor30: '#f5f7ff',
|
|
36
|
+
themeColor31: '#ebeffa',
|
|
37
|
+
themeColor32: '#c5e4da'
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
exports.CSS_THEME_VARIABLES = CSS_THEME_VARIABLES;
|
|
41
|
+
//# sourceMappingURL=css_theme_variables.js.map
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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__header__11UTh {\n width: 100%;\n border-bottom:
|
|
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"};
|
|
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: 2px solid transparent;\n background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n width: 100%;\n border-bottom: #f3f4f8;\n background-color: #fff;\n display: flex;\n align-items: center;\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 0.5rem 1rem 0.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__sub-header":"main-module_slide__sub-header__7iIPF","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;
|
|
@@ -69,6 +69,7 @@ var index$L = require('./components/slide/index.js');
|
|
|
69
69
|
var slide_content = require('./components/slide/components/slide_content.js');
|
|
70
70
|
var slide_footer = require('./components/slide/components/slide_footer.js');
|
|
71
71
|
var slide_header = require('./components/slide/components/slide_header.js');
|
|
72
|
+
var slide_sub_header = require('./components/slide/components/slide_sub_header.js');
|
|
72
73
|
var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
|
|
73
74
|
var index$A = require('./components/spacing/index.js');
|
|
74
75
|
var tabs = require('./components/tabs/components/tabs.js');
|
|
@@ -151,6 +152,7 @@ exports.Slide = index$L['default'];
|
|
|
151
152
|
exports.SlideContent = slide_content.SlideContent;
|
|
152
153
|
exports.SlideFooter = slide_footer.SlideFooter;
|
|
153
154
|
exports.SlideHeader = slide_header.SlideHeader;
|
|
155
|
+
exports.SlideSubHeader = slide_sub_header.SlideSubHeader;
|
|
154
156
|
exports.SlideWrapper = slide_wrapper.SlideWrapper;
|
|
155
157
|
exports.Spacing = index$A['default'];
|
|
156
158
|
exports.Tabs = tabs['default'];
|
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { TThemeColorsVariables } from "../../../typings/general";
|
|
3
|
+
declare type TSlideSubHeaderProps = {
|
|
4
|
+
borderBottomColor?: TThemeColorsVariables;
|
|
5
|
+
};
|
|
6
|
+
export declare const SlideSubHeader: ({ borderBottomColor, children }: PropsWithChildren<TSlideSubHeaderProps>) => JSX.Element;
|
|
7
|
+
export default SlideSubHeader;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CSS_THEME_VARIABLES } from '../../../constants/css_theme_variables.js';
|
|
3
|
+
import CSS_CLASSES from '../css_classes.js';
|
|
4
|
+
import cssClasses from '../../../css/slide/main.module.less.js';
|
|
5
|
+
|
|
6
|
+
const SlideSubHeader = ({ borderBottomColor, children }) => {
|
|
7
|
+
return (React.createElement("div", { style: {
|
|
8
|
+
borderBottomColor: CSS_THEME_VARIABLES[borderBottomColor !== null && borderBottomColor !== void 0 ? borderBottomColor : '']
|
|
9
|
+
}, className: `${cssClasses[CSS_CLASSES.slideSubHeader]} p-all-1` }, children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export default SlideSubHeader;
|
|
13
|
+
export { SlideSubHeader };
|
|
14
|
+
//# sourceMappingURL=slide_sub_header.js.map
|
|
@@ -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;"}
|
|
@@ -5,6 +5,7 @@ var CSS_CLASSES = {
|
|
|
5
5
|
slideContent: `${slideBaseCssClass}__content`,
|
|
6
6
|
slideFooter: `${slideBaseCssClass}__footer`,
|
|
7
7
|
slideHeader: `${slideBaseCssClass}__header`,
|
|
8
|
+
slideSubHeader: `${slideBaseCssClass}__sub-header`,
|
|
8
9
|
slideIsOpen: `${slideBaseCssClass}_is-open`,
|
|
9
10
|
slideDirectionTop: `${slideBaseCssClass}_direction-top`,
|
|
10
11
|
slideDirectionRight: `${slideBaseCssClass}_direction-right`,
|
|
@@ -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;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export declare const CSS_THEME_VARIABLES: {
|
|
2
|
+
readonly themeColor1: "#2d3748";
|
|
3
|
+
readonly themeColor2: "#5c657e";
|
|
4
|
+
readonly themeColor3: "#abb4cd";
|
|
5
|
+
readonly themeColor4: "#f3f4f8";
|
|
6
|
+
readonly themeColor5: "#135cc8";
|
|
7
|
+
readonly themeColor6: "#3c83ec";
|
|
8
|
+
readonly themeColor7: "#6fb9f7";
|
|
9
|
+
readonly themeColor8: "#e60c54";
|
|
10
|
+
readonly themeColor9: "#c433c4";
|
|
11
|
+
readonly themeColor10: "#59687e";
|
|
12
|
+
readonly themeColor11: "#4a456d";
|
|
13
|
+
readonly themeColor12: "#8d84b9";
|
|
14
|
+
readonly themeColor13: "#c1badd";
|
|
15
|
+
readonly themeColor14: "#ff7683";
|
|
16
|
+
readonly themeColor15: "#ebafb7";
|
|
17
|
+
readonly themeColor16: "#ffccd3";
|
|
18
|
+
readonly themeColor17: "#ffe6ea";
|
|
19
|
+
readonly themeColor18: "#ffaa83";
|
|
20
|
+
readonly themeColor19: "#ffd5b9";
|
|
21
|
+
readonly themeColor20: "#fad961";
|
|
22
|
+
readonly themeColor21: "#fff6cc";
|
|
23
|
+
readonly themeColor22: "#5a9986";
|
|
24
|
+
readonly themeColor23: "#6ebca4";
|
|
25
|
+
readonly themeColor24: "#c2faff";
|
|
26
|
+
readonly themeColor25: "#d0e6ff";
|
|
27
|
+
readonly themeColor26: "#ffffff";
|
|
28
|
+
readonly themeColor27: "#ececec";
|
|
29
|
+
readonly themeColor28: "#617a90";
|
|
30
|
+
readonly themeColor29: "#e1e6f3";
|
|
31
|
+
readonly themeColor30: "#f5f7ff";
|
|
32
|
+
readonly themeColor31: "#ebeffa";
|
|
33
|
+
readonly themeColor32: "#c5e4da";
|
|
34
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const CSS_THEME_VARIABLES = {
|
|
2
|
+
themeColor1: '#2d3748',
|
|
3
|
+
themeColor2: '#5c657e',
|
|
4
|
+
themeColor3: '#abb4cd',
|
|
5
|
+
themeColor4: '#f3f4f8',
|
|
6
|
+
themeColor5: '#135cc8',
|
|
7
|
+
themeColor6: '#3c83ec',
|
|
8
|
+
themeColor7: '#6fb9f7',
|
|
9
|
+
themeColor8: '#e60c54',
|
|
10
|
+
themeColor9: '#c433c4',
|
|
11
|
+
themeColor10: '#59687e',
|
|
12
|
+
themeColor11: '#4a456d',
|
|
13
|
+
themeColor12: '#8d84b9',
|
|
14
|
+
themeColor13: '#c1badd',
|
|
15
|
+
themeColor14: '#ff7683',
|
|
16
|
+
themeColor15: '#ebafb7',
|
|
17
|
+
themeColor16: '#ffccd3',
|
|
18
|
+
themeColor17: '#ffe6ea',
|
|
19
|
+
themeColor18: '#ffaa83',
|
|
20
|
+
themeColor19: '#ffd5b9',
|
|
21
|
+
themeColor20: '#fad961',
|
|
22
|
+
themeColor21: '#fff6cc',
|
|
23
|
+
themeColor22: '#5a9986',
|
|
24
|
+
themeColor23: '#6ebca4',
|
|
25
|
+
themeColor24: '#c2faff',
|
|
26
|
+
themeColor25: '#d0e6ff',
|
|
27
|
+
themeColor26: '#ffffff',
|
|
28
|
+
themeColor27: '#ececec',
|
|
29
|
+
themeColor28: '#617a90',
|
|
30
|
+
themeColor29: '#e1e6f3',
|
|
31
|
+
themeColor30: '#f5f7ff',
|
|
32
|
+
themeColor31: '#ebeffa',
|
|
33
|
+
themeColor32: '#c5e4da'
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { CSS_THEME_VARIABLES };
|
|
37
|
+
//# sourceMappingURL=css_theme_variables.js.map
|
|
@@ -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;AACA;AACA;"}
|
|
@@ -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__header__11UTh {\n width: 100%;\n border-bottom:
|
|
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"};
|
|
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: 2px solid transparent;\n background-color: #fff;\n}\n.main-module_slide__sub-header__7iIPF {\n width: 100%;\n border-bottom: #f3f4f8;\n background-color: #fff;\n display: flex;\n align-items: center;\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 0.5rem 1rem 0.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__sub-header":"main-module_slide__sub-header__7iIPF","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;
|
|
@@ -80,6 +80,7 @@ import Slide from "./components/slide";
|
|
|
80
80
|
import SlideContent from "./components/slide/components/slide_content";
|
|
81
81
|
import SlideFooter from "./components/slide/components/slide_footer";
|
|
82
82
|
import SlideHeader from "./components/slide/components/slide_header";
|
|
83
|
+
import SlideSubHeader from "./components/slide/components/slide_sub_header";
|
|
83
84
|
import SlideWrapper from "./components/slide/components/slide_wrapper";
|
|
84
85
|
import Spacing from "./components/spacing";
|
|
85
86
|
import Stack from "./components/stack";
|
|
@@ -109,7 +110,7 @@ import XhrImagePicker from "./components/xhr_image_picker";
|
|
|
109
110
|
/**
|
|
110
111
|
* export components
|
|
111
112
|
*/
|
|
112
|
-
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, ControlXhrImagePicker, 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, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter, XhrImagePicker };
|
|
113
|
+
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, ControlXhrImagePicker, 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, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker };
|
|
113
114
|
/**
|
|
114
115
|
* export types
|
|
115
116
|
*/
|
|
@@ -65,6 +65,7 @@ export { default as Slide } from './components/slide/index.js';
|
|
|
65
65
|
export { SlideContent } from './components/slide/components/slide_content.js';
|
|
66
66
|
export { SlideFooter } from './components/slide/components/slide_footer.js';
|
|
67
67
|
export { SlideHeader } from './components/slide/components/slide_header.js';
|
|
68
|
+
export { SlideSubHeader } from './components/slide/components/slide_sub_header.js';
|
|
68
69
|
export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
|
|
69
70
|
export { default as Spacing } from './components/spacing/index.js';
|
|
70
71
|
export { default as Tabs } from './components/tabs/components/tabs.js';
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
|
|
2
2
|
import { DIRECTION } from "../constants/directions";
|
|
3
|
+
import { CSS_THEME_VARIABLES } from "../constants/css_theme_variables";
|
|
3
4
|
export declare type EnumLiteralsOf<T extends object> = T[keyof T];
|
|
4
5
|
export declare type THorizontalPosition = EnumLiteralsOf<typeof HORIZONTAL_POSITION>;
|
|
5
6
|
export declare type TVerticalPosition = EnumLiteralsOf<typeof VERTICAL_POSITION>;
|
|
@@ -10,3 +11,4 @@ export declare type TCssPositions = {
|
|
|
10
11
|
left?: number;
|
|
11
12
|
};
|
|
12
13
|
export declare type TDirection = EnumLiteralsOf<typeof DIRECTION>;
|
|
14
|
+
export declare type TThemeColorsVariables = keyof [typeof CSS_THEME_VARIABLES];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AAEpF,OAA0B,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AAEpF,OAA0B,6BAA6B,CAAC;AACxD,OAAoC,sCAAsC,CAAC"}
|