@dreamcommerce/aurora 2.4.0-8 → 2.4.0
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/controls/components/label.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +1 -5
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +3 -5
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +14 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_toggle.js +3 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js +3 -3
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +4 -6
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/heading/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/label/css_classes.js +3 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +5 -2
- package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} +5 -5
- package/build/cjs/packages/aurora/src/components/slide/css_classes.js +1 -1
- package/build/cjs/packages/aurora/src/components/stack/index.js +3 -3
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +13 -0
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/typography/index.js +4 -3
- package/build/cjs/packages/aurora/src/components/typography/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js +10 -0
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/checkbox/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/label/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/message-box/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/stack/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +8 -8
- package/build/esm/packages/aurora/src/components/controls/components/label.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -4
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +3 -5
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +14 -9
- package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/date_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +14 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/context/types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js +3 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/index.js +2 -2
- package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +4 -6
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/esm/packages/aurora/src/components/heading/index.js +2 -2
- package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/label/css_classes.js +3 -2
- package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +6 -3
- package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/label/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/index.js +2 -2
- package/build/esm/packages/aurora/src/components/loader/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js → slide_header.js} +5 -5
- package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/slide/css_classes.js +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +4 -4
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +13 -1
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +3 -2
- package/build/esm/packages/aurora/src/components/typography/index.js +5 -4
- package/build/esm/packages/aurora/src/components/typography/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts +8 -0
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js +9 -1
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/typography/typography_types.d.ts +5 -1
- package/build/esm/packages/aurora/src/components/typography/typography_types.js +1 -0
- package/build/esm/packages/aurora/src/components/typography/typography_types.js.map +1 -1
- package/build/esm/packages/aurora/src/css/checkbox/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/label/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/message-box/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/stack/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/typography/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/index.d.ts +2 -2
- package/build/esm/packages/aurora/src/index.js +4 -4
- package/package.json +2 -2
- package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js +0 -23
- package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
- package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js +0 -12
- package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js +0 -26
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.js +0 -14
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
- package/build/esm/packages/aurora/src/components/slide/components/slide_close_btn_wrapper.d.ts +0 -4
- package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js +0 -8
- package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js +0 -22
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +0 -1
- /package/build/cjs/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js.map → slide_header.js.map} +0 -0
- /package/build/esm/packages/aurora/src/components/slide/components/{slide_close_btn_wrapper.js.map → slide_header.js.map} +0 -0
|
@@ -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
|
|
7
|
-
const classes = classnames(cssClasses[CSS_CLASSES.
|
|
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
|
|
14
|
-
export {
|
|
15
|
-
//# sourceMappingURL=
|
|
13
|
+
export default SlideHeader;
|
|
14
|
+
export { SlideHeader };
|
|
15
|
+
//# sourceMappingURL=slide_header.js.map
|
|
@@ -4,7 +4,7 @@ var CSS_CLASSES = {
|
|
|
4
4
|
slideWrapper: `${slideBaseCssClass}__wrapper`,
|
|
5
5
|
slideContent: `${slideBaseCssClass}__content`,
|
|
6
6
|
slideFooter: `${slideBaseCssClass}__footer`,
|
|
7
|
-
|
|
7
|
+
slideHeader: `${slideBaseCssClass}__header`,
|
|
8
8
|
slideIsOpen: `${slideBaseCssClass}_is-open`,
|
|
9
9
|
slideDirectionTop: `${slideBaseCssClass}_direction-top`,
|
|
10
10
|
slideDirectionRight: `${slideBaseCssClass}_direction-right`,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
|
|
3
|
+
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
|
|
4
4
|
import cssClasses from '../../css/stack/main.module.less.js';
|
|
5
5
|
import { cssStack } from './css_classes.js';
|
|
6
6
|
|
|
7
|
-
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.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[
|
|
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, style = {} }) => {
|
|
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_TO_CSS_CLASSES_MAP[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
|
-
style: { gap: `${spacing}px
|
|
11
|
+
style: { gap: `${spacing}px`, ...style }
|
|
12
12
|
}, children);
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -58,11 +58,23 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
58
58
|
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
59
59
|
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
60
60
|
};
|
|
61
|
+
const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
|
|
62
|
+
[STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
|
|
63
|
+
[STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
|
|
64
|
+
[STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
|
|
65
|
+
[STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
|
|
66
|
+
[STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
|
|
67
|
+
[STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
|
|
68
|
+
[STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
|
|
69
|
+
[STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
|
|
70
|
+
[STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
|
|
71
|
+
[STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
|
|
72
|
+
};
|
|
61
73
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
62
74
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
63
75
|
[STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
|
|
64
76
|
[STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
|
|
65
77
|
};
|
|
66
78
|
|
|
67
|
-
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
79
|
+
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
68
80
|
//# sourceMappingURL=stack_constants.js.map
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Any } from 'ts-toolbelt';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP,
|
|
3
|
+
import { STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP } from "./stack_constants";
|
|
4
4
|
export declare type TStackProps = {
|
|
5
5
|
direction?: TStackDirection;
|
|
6
6
|
justify?: TStackJustify;
|
|
@@ -11,8 +11,9 @@ export declare type TStackProps = {
|
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
as?: string;
|
|
13
13
|
inline?: boolean;
|
|
14
|
+
style?: Record<any, any>;
|
|
14
15
|
};
|
|
15
16
|
export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
|
|
16
|
-
export declare type TStackDirection = Any.Keys<typeof
|
|
17
|
+
export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS_TO_CSS_CLASSES_MAP>;
|
|
17
18
|
export declare type TStackAlign = Any.Keys<typeof STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP>;
|
|
18
19
|
export declare type TStackWrap = Any.Keys<typeof STACK_WRAP_TO_CSS_CLASSES_MAP>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP } from './typography_constants.js';
|
|
3
|
+
import { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP } from './typography_constants.js';
|
|
4
4
|
import typographyCssClasses from '../../css/typography/main.module.less.js';
|
|
5
5
|
|
|
6
|
-
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses }) => {
|
|
7
|
-
const typographyClasses = classnames(typographyCssClasses[TYPOGRAPHY_CSS_CLASSES.typography], as ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? typographyCssClasses[TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? typographyCssClasses[TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', cssClasses);
|
|
6
|
+
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses, color, style }) => {
|
|
7
|
+
const typographyClasses = classnames(typographyCssClasses[TYPOGRAPHY_CSS_CLASSES.typography], as ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? typographyCssClasses[TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? typographyCssClasses[TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? typographyCssClasses[TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
|
|
8
8
|
return React.createElement(as, {
|
|
9
|
-
className: typographyClasses
|
|
9
|
+
className: typographyClasses,
|
|
10
|
+
style: style
|
|
10
11
|
}, children);
|
|
11
12
|
};
|
|
12
13
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -42,3 +42,11 @@ export declare const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP: {
|
|
|
42
42
|
readonly bold: "typography_bold";
|
|
43
43
|
readonly semibold: "typography_semibold";
|
|
44
44
|
};
|
|
45
|
+
export declare const TYPOGRAPHY_COLORS: {
|
|
46
|
+
readonly dark: "dark";
|
|
47
|
+
readonly light: "light";
|
|
48
|
+
};
|
|
49
|
+
export declare const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP: {
|
|
50
|
+
readonly dark: "typography_color_dark";
|
|
51
|
+
readonly light: "typography_color_light";
|
|
52
|
+
};
|
|
@@ -42,7 +42,15 @@ const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
|
|
|
42
42
|
[TYPOGRAPHY_WEIGHT.normal]: `${typographyCssBaseClass}_normal`,
|
|
43
43
|
[TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
|
|
44
44
|
[TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
|
|
45
|
+
};
|
|
46
|
+
const TYPOGRAPHY_COLORS = {
|
|
47
|
+
dark: 'dark',
|
|
48
|
+
light: 'light'
|
|
49
|
+
};
|
|
50
|
+
const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = {
|
|
51
|
+
[TYPOGRAPHY_COLORS.dark]: `${typographyCssBaseClass}_color_dark`,
|
|
52
|
+
[TYPOGRAPHY_COLORS.light]: `${typographyCssBaseClass}_color_light`
|
|
45
53
|
};
|
|
46
54
|
|
|
47
|
-
export { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
|
|
55
|
+
export { TYPOGRAPHY_COLORS, TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
|
|
48
56
|
//# sourceMappingURL=typography_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
|
|
1
|
+
import { TYPOGRAPHY_COLORS, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
|
|
2
2
|
import { Any } from 'ts-toolbelt';
|
|
3
|
+
import React from 'react';
|
|
3
4
|
export declare type TTypographyComponentTypes = Any.Keys<typeof TYPOGRAPHY_COMPONENTS_TYPES>;
|
|
4
5
|
export interface ITypographyProps {
|
|
5
6
|
as: TTypographyComponentTypes;
|
|
@@ -7,7 +8,10 @@ export interface ITypographyProps {
|
|
|
7
8
|
transform?: TTypographyTransform;
|
|
8
9
|
weight?: TTypographyWeight;
|
|
9
10
|
cssClasses?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
color?: TTypographyColor;
|
|
10
13
|
}
|
|
11
14
|
export declare type TTypographyTransform = Any.Keys<typeof TYPOGRAPHY_TRANSFORM>;
|
|
12
15
|
export declare type TTypographyVariantTypes = TTypographyComponentTypes;
|
|
13
16
|
export declare type TTypographyWeight = Any.Keys<typeof TYPOGRAPHY_WEIGHT>;
|
|
17
|
+
export declare type TTypographyColor = Any.Keys<typeof TYPOGRAPHY_COLORS>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAKO,mDAAmD,CAAC;AAC3D,OAAoB,aAAa,CAAC;AAClC,OAAkB,OAAO,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
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/** Checkbox Variables */\n/** CheckboxSwitch Variables */\n.main-module_checkbox__2sgoE {\n position: relative;\n display: inline-block;\n vertical-align: top;\n flex: 0 0 auto;\n width: 21px;\n height: 21px;\n border-radius: 3px;\n transition: box-shadow 0.15s ease-in;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_checkbox__2sgoE:active,\n.main-module_checkbox__2sgoE:focus {\n box-shadow: 0 0 0 10px rgba(223, 234, 252, 0.3);\n}\n.main-module_checkbox__2sgoE + * {\n margin-left: 1rem;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw {\n background-color: #ececec;\n border: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw:hover {\n box-shadow: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n background-color: #ececec;\n}\n.main-module_checkbox_disabled__3Y85R label[for] {\n cursor: default;\n}\n.main-module_checkbox__control__3e-0S {\n position: absolute;\n width: 100%;\n height: 100%;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n border-color: #3c83ec;\n background-color: #3c83ec;\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n opacity: 1;\n}\n.main-module_checkbox__control__3e-0S:focus + .main-module_checkbox__label__1ZVOw {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transition: background-color 0.2s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n cursor: pointer;\n}\n.main-module_checkbox__label__1ZVOw:hover {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n opacity: 0;\n transition: opacity 0.2s ease-in;\n width: 12px;\n fill: #fff;\n}\n.main-module_checkbox-switch__3LtoF {\n position: relative;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n width: 2.143rem;\n height: 1.215rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_checkbox-switch__3LtoF + * {\n margin-left: 1rem;\n}\n.main-module_checkbox-switch_additional__ZT3SO {\n display: flex;\n justify-content: space-between;\n margin-left: 3.143rem;\n align-items: baseline;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP {\n background-color: #ececec;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP::after {\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover {\n border-color: #ececec;\n box-shadow: none;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover::after {\n box-shadow: none;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n background-color: #ececec;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW label[for] {\n cursor: default;\n}\n.main-module_checkbox-switch__control__taJUd {\n position: absolute;\n width: 100%;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n opacity: 1;\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n transform: translate3d(calc(2.143rem - 100%), 0, 0);\n border-color: #3c83ec;\n background-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP::after {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP {\n display: inline-block;\n width: 100%;\n height: 58.9%;\n border: 1px solid transparent;\n background-color: #abb4cd;\n border-radius: 18px;\n cursor: pointer;\n transition: box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n}\n.main-module_checkbox-switch__label__1lxKP:hover {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP:hover::after {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n position: absolute;\n right: 3px;\n top: 3px;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-in;\n width: 10px;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H g {\n transition: fill 0.2s ease-out;\n fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP::after {\n content: '';\n position: absolute;\n display: block;\n left: 0;\n top: 0;\n width: 56.7%;\n height: 100%;\n transition: transform 0.1s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n border: 1px solid #abb4cd;\n border-radius: 50%;\n background-color: #fff;\n transform: translate3d(0, 0, 0);\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Checkbox Variables */\n/** CheckboxSwitch Variables */\n.main-module_checkbox__2sgoE {\n position: relative;\n display: inline-block;\n vertical-align: top;\n flex: 0 0 auto;\n width: 21px;\n height: 21px;\n border-radius: 3px;\n transition: box-shadow 0.15s ease-in;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_checkbox__2sgoE:active,\n.main-module_checkbox__2sgoE:focus {\n box-shadow: 0 0 0 10px rgba(223, 234, 252, 0.3);\n}\n.main-module_checkbox__2sgoE + * {\n margin-left: 1rem;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw {\n background-color: #ececec;\n border: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__label__1ZVOw:hover {\n box-shadow: none;\n}\n.main-module_checkbox_disabled__3Y85R .main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n background-color: #ececec;\n}\n.main-module_checkbox_disabled__3Y85R label[for] {\n cursor: default;\n}\n.main-module_checkbox__control__3e-0S {\n position: absolute;\n width: 100%;\n height: 100%;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw {\n border-color: #3c83ec;\n background-color: #3c83ec;\n}\n.main-module_checkbox__control__3e-0S:checked + .main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n opacity: 1;\n fill: #fff;\n}\n.main-module_checkbox__control__3e-0S:focus + .main-module_checkbox__label__1ZVOw {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transition: background-color 0.2s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n cursor: pointer;\n}\n.main-module_checkbox__label__1ZVOw:hover {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox__label__1ZVOw .main-module_checkbox__icon__NDnjv {\n opacity: 0;\n transition: opacity 0.2s ease-in;\n width: 12px;\n fill: #fff;\n}\n.main-module_checkbox-switch__3LtoF {\n position: relative;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n width: 2.143rem;\n height: 1.215rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_checkbox-switch__3LtoF + * {\n margin-left: 1rem;\n}\n.main-module_checkbox-switch_additional__ZT3SO {\n display: flex;\n justify-content: space-between;\n margin-left: 3.143rem;\n align-items: baseline;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP {\n background-color: #ececec;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP::after {\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover {\n border-color: #ececec;\n box-shadow: none;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__label__1lxKP:hover::after {\n box-shadow: none;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW .main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n background-color: #ececec;\n border-color: #ececec;\n}\n.main-module_checkbox-switch_disabled__3a-RW label[for] {\n cursor: default;\n}\n.main-module_checkbox-switch__control__taJUd {\n position: absolute;\n width: 100%;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n clip: rect(1px, 1px, 1px, 1px);\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n opacity: 1;\n}\n.main-module_checkbox-switch__control__taJUd:checked + .main-module_checkbox-switch__label__1lxKP::after {\n transform: translate3d(calc(2.143rem - 100%), 0, 0);\n border-color: #3c83ec;\n background-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__control__taJUd:focus + .main-module_checkbox-switch__label__1lxKP::after {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP {\n display: inline-block;\n width: 100%;\n height: 58.9%;\n border: 1px solid transparent;\n background-color: #abb4cd;\n border-radius: 18px;\n cursor: pointer;\n transition: box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n}\n.main-module_checkbox-switch__label__1lxKP:hover {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP:hover::after {\n box-shadow: 0 0 3px 0 #3c83ec;\n border-color: #3c83ec;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H {\n position: absolute;\n right: 3px;\n top: 3px;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-in;\n width: 10px;\n fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP .main-module_checkbox-switch__icon__8jJ0H g {\n transition: fill 0.2s ease-out;\n fill: #fff;\n}\n.main-module_checkbox-switch__label__1lxKP::after {\n content: '';\n position: absolute;\n display: block;\n left: 0;\n top: 0;\n width: 56.7%;\n height: 100%;\n transition: transform 0.1s ease-in, box-shadow 0.15s ease-in, border-color 0.15s ease-in;\n border: 1px solid #abb4cd;\n border-radius: 50%;\n background-color: #fff;\n transform: translate3d(0, 0, 0);\n}\n";
|
|
4
4
|
var cssClasses = {"checkbox":"main-module_checkbox__2sgoE","checkbox_disabled":"main-module_checkbox_disabled__3Y85R","checkbox__label":"main-module_checkbox__label__1ZVOw","checkbox__control":"main-module_checkbox__control__3e-0S","checkbox__icon":"main-module_checkbox__icon__NDnjv","checkbox-switch":"main-module_checkbox-switch__3LtoF","checkbox-switch_additional":"main-module_checkbox-switch_additional__ZT3SO","checkbox-switch_disabled":"main-module_checkbox-switch_disabled__3a-RW","checkbox-switch__label":"main-module_checkbox-switch__label__1lxKP","checkbox-switch__control":"main-module_checkbox-switch__control__taJUd","checkbox-switch__icon":"main-module_checkbox-switch__icon__8jJ0H"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
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/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.5025em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n display: flex;\n align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #5c657e;\n margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
4
4
|
var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_vtop":"main-module_controls__element_vtop__257yQ","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-info":"main-module_controls__additional-info__3yRra","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
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.main-module_hint__3cahT {\n position: relative;\n display: inline-
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
4
4
|
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -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.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
|
|
4
|
-
var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label__additional-info__CToit {\n grid-area: label-additional-info;\n display: block;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #abb4cd;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
|
|
4
|
+
var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label__additional-info":"main-module_label__additional-info__CToit","label_error":"main-module_label_error__su2hG"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -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.main-module_message-box__2eSFA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n padding: 1rem;\n margin-left: auto;\n margin-right: auto;\n background-color: #ebeffa;\n border-radius: 3px;\n color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n content: '\\E93E';\n color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n content: '\\E93D';\n color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n content: '';\n display: block;\n position: absolute;\n border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n top: -10px;\n left: 9px;\n border-width: 5px;\n border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n left: auto;\n right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n left: auto;\n right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n display: inline-block;\n font-family: 'aurora-icons';\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: inherit;\n text-decoration: none;\n position: relative;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n color: #abb4cd;\n margin-right: 1rem;\n content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n display: flex;\n margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n margin-right: 0;\n content: '';\n}\n.main-module_message-box__content__zxfHd {\n max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n .main-module_message-box__2eSFA {\n justify-content: center;\n }\n .main-module_message-box__content__zxfHd {\n max-width: 100%;\n }\n}\n";
|
|
4
|
-
var cssClasses = {"message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3TzzF {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n}\n.main-module_link__3TzzF * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n padding: 1rem;\n margin-left: auto;\n margin-right: auto;\n background-color: #ebeffa;\n border-radius: 3px;\n color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n display: inline-flex;\n margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n content: '\\E93E';\n color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n content: '\\E93D';\n color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n content: '';\n display: block;\n position: absolute;\n border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n top: -10px;\n left: 9px;\n border-width: 5px;\n border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n left: auto;\n right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n left: auto;\n right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n display: inline-block;\n font-family: 'aurora-icons';\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: inherit;\n text-decoration: none;\n position: relative;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n color: #abb4cd;\n margin-right: 1rem;\n content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n display: flex;\n margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n margin-right: 0;\n content: '';\n}\n.main-module_message-box__content__zxfHd {\n max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n .main-module_message-box__2eSFA {\n justify-content: center;\n }\n .main-module_message-box__content__zxfHd {\n max-width: 100%;\n }\n}\n";
|
|
4
|
+
var cssClasses = {"link":"main-module_link__3TzzF","message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -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-
|
|
4
|
-
var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","
|
|
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: #fff;\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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_inline__3_yIz {\n display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n
|
|
3
|
+
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_inline__3_yIz {\n display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n justify-content: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n justify-content: start;\n}\n.main-module_stack_justify_end__2bxER {\n justify-content: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n justify-content: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n justify-content: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n justify-content: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n justify-content: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n justify-content: normal;\n}\n.main-module_stack_justify_revert__178VV {\n justify-content: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n justify-content: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n justify-content: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n justify-content: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n justify-content: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n justify-content: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n justify-content: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n justify-content: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
4
4
|
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_inline":"main-module_stack_inline__3_yIz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -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.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n";
|
|
4
|
-
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_color_dark__1rr5f {\n color: #2d3748;\n}\n.main-module_typography_color_light__2gFfI {\n color: #abb4cd;\n}\n";
|
|
4
|
+
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA","typography_color_dark":"main-module_typography_color_dark__1rr5f","typography_color_light":"main-module_typography_color_light__2gFfI"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default typographyCssClasses;
|
|
@@ -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
|
|
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,
|
|
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
|
*/
|
|
@@ -5,6 +5,7 @@ export { default as ButtonsGroup } from './components/buttons_group/index.js';
|
|
|
5
5
|
export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
|
|
6
6
|
export { default as ColorPicker } from './components/color_picker/index.js';
|
|
7
7
|
export { default as IconTick } from './assets/icon_tick.js';
|
|
8
|
+
export { default as Stack } from './components/stack/index.js';
|
|
8
9
|
export { default as Label } from './components/label/index.js';
|
|
9
10
|
export { default as Control } from './components/controls/index.js';
|
|
10
11
|
export { default as Hint } from './components/hint/index.js';
|
|
@@ -14,7 +15,6 @@ export { default as ControlCheckboxSwitch } from './components/controls/hoc/cont
|
|
|
14
15
|
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
15
16
|
export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
16
17
|
export { default as Dropdown } from './components/dropdown/index.js';
|
|
17
|
-
export { default as Spacing } from './components/spacing/index.js';
|
|
18
18
|
export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
|
|
19
19
|
export { default as IconCalendar } from './assets/icon_calendar.js';
|
|
20
20
|
export { default as Select } from './components/dropdown/hoc/select/index.js';
|
|
@@ -37,10 +37,10 @@ export { default as Table } from './components/table/index.js';
|
|
|
37
37
|
export { default as DataTable } from './components/table/hoc/data-table.js';
|
|
38
38
|
export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
|
|
39
39
|
export { default as MessageBox } from './components/message-box/index.js';
|
|
40
|
-
export { default as Grid } from './components/grid/index.js';
|
|
41
40
|
export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
|
|
42
41
|
export { default as FlashMessenger } from './components/flash_messenger/index.js';
|
|
43
42
|
export { default as Gallery } from './components/gallery/index.js';
|
|
43
|
+
export { default as Grid } from './components/grid/index.js';
|
|
44
44
|
export { Typography } from './components/typography/index.js';
|
|
45
45
|
export { default as Heading } from './components/heading/index.js';
|
|
46
46
|
export { default as IconDesktop } from './assets/icon_desktop.js';
|
|
@@ -59,11 +59,11 @@ 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 {
|
|
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';
|
|
66
|
-
export { default as
|
|
66
|
+
export { default as Spacing } from './components/spacing/index.js';
|
|
67
67
|
export { default as Tabs } from './components/tabs/components/tabs.js';
|
|
68
68
|
export { TabsItem } from './components/tabs/components/tabs_item.js';
|
|
69
69
|
export { TabsItemList } from './components/tabs/components/tabs_item_list.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
|
|
5
|
+
"version": "2.4.0",
|
|
6
6
|
"description": "aurora",
|
|
7
7
|
"author": "k0ssak",
|
|
8
8
|
"license": "MIT",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@dreamcommerce/utilities": "^1.
|
|
47
|
+
"@dreamcommerce/utilities": "^1.7.0",
|
|
48
48
|
"@shoper/jest_config": "^0.0.0",
|
|
49
49
|
"@shoper/tsconfig": "^0.0.0",
|
|
50
50
|
"@storybook/react": "6.5.7",
|
|
@@ -1,23 +0,0 @@
|
|
|
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/helper-text/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 LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
|
|
16
|
-
const helperClassNames = classnames__default['default'](main_module['default'][css_classes.helperText], {
|
|
17
|
-
[main_module['default'][css_classes.helperTextError]]: hasError
|
|
18
|
-
});
|
|
19
|
-
return React__default['default'].createElement("p", { className: helperClassNames }, children);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.default = LabelAdditionalInfo;
|
|
23
|
-
//# sourceMappingURL=helper_text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
-
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper-text__dgdVc {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper-text_error__2HsHS {\n color: #e60c54;\n}\n";
|
|
8
|
-
var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
|
|
9
|
-
styleInject_es['default'](css_248z);
|
|
10
|
-
|
|
11
|
-
exports.default = cssStyles;
|
|
12
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
class FileUtils {
|
|
6
|
-
static bytesToSize(bytes) {
|
|
7
|
-
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
|
8
|
-
if (bytes === 0)
|
|
9
|
-
return 'n/a';
|
|
10
|
-
const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
|
|
11
|
-
if (i === 0)
|
|
12
|
-
return `${bytes} ${sizes[i]}`;
|
|
13
|
-
return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
|
|
14
|
-
}
|
|
15
|
-
static getFileExtension(filename) {
|
|
16
|
-
var _a;
|
|
17
|
-
const filenameParts = filename.split('.').filter((part) => part);
|
|
18
|
-
return filenameParts.length > 1 ? (_a = filenameParts.pop()) !== null && _a !== void 0 ? _a : '' : '';
|
|
19
|
-
}
|
|
20
|
-
static getFileName(filename) {
|
|
21
|
-
return filename.substring(0, filename.lastIndexOf('.')) || filename;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
exports.FileUtils = FileUtils;
|
|
26
|
-
//# sourceMappingURL=file_utils.js.map
|