@dreamcommerce/aurora 2.6.8 → 2.6.9-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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]}` }, 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: 2px solid transparent;\n background-color: #f3f4f8;\n display: flex;\n align-items: center;\n padding: 1rem 2rem;\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]}` }, 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: 2px solid transparent;\n background-color: #f3f4f8;\n display: flex;\n align-items: center;\n padding: 1rem 2rem;\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"}
|