@dreamcommerce/aurora 2.4.2-1 → 2.4.3-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +3 -2
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js +1 -5
- package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/helper.js +23 -0
- package/build/cjs/packages/aurora/src/components/{typography/index.js.map → controls/components/helper.js.map} +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +1 -2
- package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/label.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +5 -1
- 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 +9 -5
- 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 -2
- 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 +3 -2
- 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 +5 -4
- 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 +3 -2
- 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 +6 -4
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +56 -29
- 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 +1 -3
- 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 +6 -4
- 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 +5 -4
- package/build/cjs/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js +1 -3
- package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +2 -5
- package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/constants.js +6 -8
- package/build/cjs/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/css_classes.js +0 -2
- package/build/cjs/packages/aurora/src/components/loader/css_classes.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_header.js → slide_close_btn_wrapper.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 +4 -4
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +1 -19
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js +10 -0
- package/build/{esm/packages/aurora/src/components/typography/index.js.map → cjs/packages/aurora/src/components/tooltip/css_classes.js.map} +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/index.js +20 -14
- package/build/cjs/packages/aurora/src/components/tooltip/index.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/color_picker/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/heading/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
- 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/loader/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 +2 -2
- package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +45 -47
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js +26 -0
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js +4 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.js +2 -4
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js +14 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/input.js +1 -2
- package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
- 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 +2 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +4 -2
- 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 +6 -2
- 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 -2
- 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 +3 -2
- 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 +5 -4
- 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 +3 -2
- 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 +6 -4
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +10 -15
- package/build/esm/packages/aurora/src/components/controls/types.js +0 -1
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +1 -2
- 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 +56 -29
- 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 +0 -2
- 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 +1 -3
- 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/dropdown/types.d.ts +4 -0
- 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 +6 -4
- 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 +5 -4
- package/build/esm/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/label/css_classes.js +2 -3
- package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +3 -6
- package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/types.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/label/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/constants.d.ts +6 -8
- package/build/esm/packages/aurora/src/components/loader/constants.js +7 -9
- package/build/esm/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/css_classes.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/loader/css_classes.js +1 -2
- package/build/esm/packages/aurora/src/components/loader/css_classes.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 +0 -1
- package/build/esm/packages/aurora/src/components/slide/components/slide_close_btn_wrapper.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/slide/components/{slide_header.js → slide_close_btn_wrapper.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 +5 -5
- package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +1 -5
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +2 -18
- 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 +2 -4
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.js +5 -0
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.js.map +1 -0
- package/build/esm/packages/aurora/src/components/tooltip/index.js +20 -14
- package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.d.ts +3 -3
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js +1 -0
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_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/color_picker/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/heading/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
- 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/loader/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 +2 -2
- package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.d.ts +9 -0
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.js +25 -0
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -3
- package/build/esm/packages/aurora/src/index.js +3 -4
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js +22 -0
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +1 -0
- package/package.json +2 -2
- package/build/cjs/packages/aurora/src/components/typography/index.js +0 -25
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js +0 -68
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +0 -12
- package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/typography/index.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/typography/index.js +0 -16
- package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts +0 -52
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js +0 -56
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/typography/typography_types.d.ts +0 -17
- package/build/esm/packages/aurora/src/components/typography/typography_types.js +0 -4
- package/build/esm/packages/aurora/src/components/typography/typography_types.js.map +0 -1
- package/build/esm/packages/aurora/src/css/typography/main.module.less.js +0 -8
- /package/build/cjs/packages/aurora/src/components/slide/components/{slide_header.js.map → slide_close_btn_wrapper.js.map} +0 -0
- /package/build/cjs/packages/aurora/src/css/{typography → helper}/main.module.less.js.map +0 -0
- /package/build/esm/packages/aurora/src/components/slide/components/{slide_header.js.map → slide_close_btn_wrapper.js.map} +0 -0
- /package/build/esm/packages/aurora/src/css/{typography → helper}/main.module.less.js.map +0 -0
|
@@ -87,7 +87,7 @@ onChange, hasCloseIcon }) => {
|
|
|
87
87
|
/**
|
|
88
88
|
* isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
|
|
89
89
|
*/
|
|
90
|
-
const [isOpen, toggleDropdown
|
|
90
|
+
const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
|
|
91
91
|
/**
|
|
92
92
|
* hook with option list state, and method to change option list
|
|
93
93
|
*/
|
|
@@ -99,7 +99,7 @@ onChange, hasCloseIcon }) => {
|
|
|
99
99
|
/**
|
|
100
100
|
* context values, they may be used with useContext in any component which is part of Dropdown composition
|
|
101
101
|
*/
|
|
102
|
-
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown
|
|
102
|
+
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
103
103
|
/**
|
|
104
104
|
* hook which resets options list to default on close if select has search and it was used
|
|
105
105
|
*/
|
|
@@ -14,14 +14,12 @@ var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js')
|
|
|
14
14
|
function useToggle(defaultIsOpen = false, onToggleCb) {
|
|
15
15
|
const [isOpen, setIsOpen] = React.useState(defaultIsOpen);
|
|
16
16
|
const onToggle = React.useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);
|
|
17
|
-
const open = React.useCallback(() => setIsOpen(true), []);
|
|
18
|
-
const close = React.useCallback(() => setIsOpen(false), []);
|
|
19
17
|
use_effect_after_mount.useEffectAfterMount(() => {
|
|
20
18
|
if (typeof onToggleCb === 'function') {
|
|
21
19
|
onToggleCb(isOpen);
|
|
22
20
|
}
|
|
23
21
|
}, [isOpen]);
|
|
24
|
-
return [isOpen, onToggle
|
|
22
|
+
return [isOpen, onToggle];
|
|
25
23
|
}
|
|
26
24
|
|
|
27
25
|
exports.useToggle = useToggle;
|
|
@@ -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;
|
|
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;"}
|
|
@@ -44,11 +44,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
44
44
|
*/
|
|
45
45
|
const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
|
|
46
46
|
const wrapperRef = React.useRef(null);
|
|
47
|
-
const [isOpen, toggleDropdown
|
|
47
|
+
const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
|
|
48
48
|
/**
|
|
49
49
|
* context values, they may be used with useContext in any component which is part of Dropdown composition
|
|
50
50
|
*/
|
|
51
|
-
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown
|
|
51
|
+
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
52
52
|
return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
|
|
53
53
|
React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
|
|
54
54
|
};
|
package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js
CHANGED
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
|
-
var utilities = require('@dreamcommerce/utilities');
|
|
8
7
|
var main_module = require('../../../css/file_picker/main.module.less.js');
|
|
9
8
|
var css_classes = require('../css_classes.js');
|
|
9
|
+
var file_utils = require('../../../../../utilities/build/esm/packages/utilities/src/file_utils.js');
|
|
10
10
|
var icon_delete = require('../../../assets/icon_delete.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -22,8 +22,8 @@ const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete })
|
|
|
22
22
|
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
|
|
23
23
|
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileNameWrapper] },
|
|
24
24
|
React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileFullName] },
|
|
25
|
-
React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName &&
|
|
26
|
-
fileFullName && `.${
|
|
25
|
+
React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && file_utils.FileUtils.getFileName(fileFullName)),
|
|
26
|
+
fileFullName && `.${file_utils.FileUtils.getFileExtension(fileFullName)}`)),
|
|
27
27
|
React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileRemoveWrapper] },
|
|
28
28
|
React__default['default'].createElement("span", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].filePickerDeleteButton] },
|
|
29
29
|
React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon] }),
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var index$1 = require('../../stack/index.js');
|
|
7
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
8
7
|
var icon_close = require('../../../assets/icon_close.js');
|
|
9
8
|
var main_module = require('../../../css/flash_message/main.module.less.js');
|
|
10
9
|
var context = require('../context.js');
|
|
11
10
|
var index = require('../../message-box/index.js');
|
|
11
|
+
var index$1 = require('../../grid/index.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
@@ -27,9 +27,11 @@ const FlashMessage = ({ message }) => {
|
|
|
27
27
|
exitActive: main_module['default']['flash-messenger__list_exit-active']
|
|
28
28
|
} },
|
|
29
29
|
React__default['default'].createElement(index['default'], { type: message.type, className: `${main_module['default']['flash-messenger__message']} ${main_module['default']['flash-messenger__list-item']}` },
|
|
30
|
-
React__default['default'].createElement(index$1['default'],
|
|
31
|
-
React__default['default'].createElement("
|
|
32
|
-
|
|
30
|
+
React__default['default'].createElement(index$1['default'].Row, null,
|
|
31
|
+
React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
|
|
32
|
+
React__default['default'].createElement("div", null, message.content)),
|
|
33
|
+
React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
|
|
34
|
+
React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] }))))));
|
|
33
35
|
};
|
|
34
36
|
|
|
35
37
|
exports.default = FlashMessage;
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var main_module = require('../../css/heading/main.module.less.js');
|
|
8
|
-
var index = require('../typography/index.js');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
10
|
|
|
@@ -13,11 +12,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
13
12
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
13
|
|
|
15
14
|
const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
|
|
16
|
-
const classes = classnames__default['default'](withHeadline && main_module['default'].head_line);
|
|
15
|
+
const classes = classnames__default['default'](main_module['default'][as], withHeadline && main_module['default'].head_line);
|
|
17
16
|
if (!isSubheading) {
|
|
18
|
-
return
|
|
17
|
+
return React__default['default'].createElement(`${as}`, {
|
|
18
|
+
className: classes
|
|
19
|
+
}, children);
|
|
19
20
|
}
|
|
20
|
-
return
|
|
21
|
+
return React__default['default'].createElement("span", { className: classes }, children);
|
|
21
22
|
};
|
|
22
23
|
|
|
23
24
|
exports.default = Heading;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const cssLabel = 'label';
|
|
6
6
|
const cssLabelRequired = `${cssLabel}_required`;
|
|
7
|
-
const cssLabelError = `${cssLabel}_error`;
|
|
8
|
-
const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
|
|
7
|
+
const cssLabelError = `${cssLabel}_error`;
|
|
9
8
|
|
|
10
9
|
exports.cssLabel = cssLabel;
|
|
11
|
-
exports.cssLabelAdditionalInfo = cssLabelAdditionalInfo;
|
|
12
10
|
exports.cssLabelError = cssLabelError;
|
|
13
11
|
exports.cssLabelRequired = cssLabelRequired;
|
|
14
12
|
//# sourceMappingURL=css_classes.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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,22 +7,19 @@ var classnames = require('classnames');
|
|
|
7
7
|
var context = require('../controls/context.js');
|
|
8
8
|
var main_module = require('../../css/label/main.module.less.js');
|
|
9
9
|
var css_classes = require('./css_classes.js');
|
|
10
|
-
var index = require('../stack/index.js');
|
|
11
10
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
14
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
16
15
|
|
|
17
|
-
const Label = ({ isRequired = false, children,
|
|
16
|
+
const Label = ({ isRequired = false, children, ...props }) => {
|
|
18
17
|
const { errors } = context.useControlContext();
|
|
19
18
|
const labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], {
|
|
20
19
|
[main_module['default'][css_classes.cssLabelRequired]]: isRequired,
|
|
21
20
|
[main_module['default'][css_classes.cssLabelError]]: errors
|
|
22
21
|
});
|
|
23
|
-
return (React__default['default'].createElement("label", { className: labelClasses, ...props },
|
|
24
|
-
React__default['default'].createElement(index['default'], { align: "center" }, children),
|
|
25
|
-
additionalInfo && React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssLabelAdditionalInfo] }, additionalInfo)));
|
|
22
|
+
return (React__default['default'].createElement("label", { className: labelClasses, ...props }, children));
|
|
26
23
|
};
|
|
27
24
|
|
|
28
25
|
exports.default = Label;
|
|
@@ -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;
|
|
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;"}
|
|
@@ -5,16 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var css_classes = require('./css_classes.js');
|
|
6
6
|
|
|
7
7
|
const LOADER_SIZE = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
xl: 'xl'
|
|
8
|
+
small: 'small',
|
|
9
|
+
large: 'large',
|
|
10
|
+
extraLarge: 'extraLarge'
|
|
12
11
|
};
|
|
13
12
|
const LOADER_SIZE_CSS_CLASS_MAP = {
|
|
14
|
-
[LOADER_SIZE.
|
|
15
|
-
[LOADER_SIZE.
|
|
16
|
-
[LOADER_SIZE.
|
|
17
|
-
[LOADER_SIZE.xl]: css_classes.cssLoaderSizeExtraLarge
|
|
13
|
+
[LOADER_SIZE.small]: css_classes.cssLoaderSizeSmall,
|
|
14
|
+
[LOADER_SIZE.large]: css_classes.cssLoaderSizeLarge,
|
|
15
|
+
[LOADER_SIZE.extraLarge]: css_classes.cssLoaderSizeExtraLarge
|
|
18
16
|
};
|
|
19
17
|
|
|
20
18
|
exports.LOADER_SIZE = LOADER_SIZE;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,14 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const cssLoader = 'loader';
|
|
6
|
-
const cssLoaderSizeExtraSmall = `${cssLoader}_xs`;
|
|
7
6
|
const cssLoaderSizeSmall = `${cssLoader}_s`;
|
|
8
7
|
const cssLoaderSizeLarge = `${cssLoader}_l`;
|
|
9
8
|
const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;
|
|
10
9
|
|
|
11
10
|
exports.cssLoader = cssLoader;
|
|
12
11
|
exports.cssLoaderSizeExtraLarge = cssLoaderSizeExtraLarge;
|
|
13
|
-
exports.cssLoaderSizeExtraSmall = cssLoaderSizeExtraSmall;
|
|
14
12
|
exports.cssLoaderSizeLarge = cssLoaderSizeLarge;
|
|
15
13
|
exports.cssLoaderSizeSmall = cssLoaderSizeSmall;
|
|
16
14
|
//# sourceMappingURL=css_classes.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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -13,9 +13,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const Loader = ({ size
|
|
16
|
+
const Loader = ({ size }) => {
|
|
17
17
|
const loaderClasses = classnames__default['default'](main_module['default'][css_classes.cssLoader], size ? main_module['default'][constants.LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
|
|
18
|
-
return React__default['default'].createElement("span", {
|
|
18
|
+
return React__default['default'].createElement("span", { className: loaderClasses });
|
|
19
19
|
};
|
|
20
20
|
Loader.SIZE = constants.LOADER_SIZE;
|
|
21
21
|
|
|
@@ -12,13 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
14
|
|
|
15
|
-
const
|
|
16
|
-
const classes = classnames__default['default'](main_module['default'][css_classes['default'].
|
|
15
|
+
const SlideCloseBtnWrapper = ({ children, classNames = '' }) => {
|
|
16
|
+
const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideCloseBtnWrapper], {
|
|
17
17
|
[classNames]: classNames
|
|
18
18
|
});
|
|
19
19
|
return React__default['default'].createElement("div", { className: classes }, children);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
exports.
|
|
23
|
-
exports.default =
|
|
24
|
-
//# sourceMappingURL=
|
|
22
|
+
exports.SlideCloseBtnWrapper = SlideCloseBtnWrapper;
|
|
23
|
+
exports.default = SlideCloseBtnWrapper;
|
|
24
|
+
//# sourceMappingURL=slide_close_btn_wrapper.js.map
|
|
@@ -8,7 +8,7 @@ var CSS_CLASSES = {
|
|
|
8
8
|
slideWrapper: `${slideBaseCssClass}__wrapper`,
|
|
9
9
|
slideContent: `${slideBaseCssClass}__content`,
|
|
10
10
|
slideFooter: `${slideBaseCssClass}__footer`,
|
|
11
|
-
|
|
11
|
+
slideCloseBtnWrapper: `${slideBaseCssClass}__close-btn-wrapper`,
|
|
12
12
|
slideIsOpen: `${slideBaseCssClass}_is-open`,
|
|
13
13
|
slideDirectionTop: `${slideBaseCssClass}_direction-top`,
|
|
14
14
|
slideDirectionRight: `${slideBaseCssClass}_direction-right`,
|
|
@@ -13,11 +13,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div'
|
|
17
|
-
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.
|
|
16
|
+
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div' }) => {
|
|
17
|
+
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
|
|
18
18
|
return React__default['default'].createElement(as, {
|
|
19
|
-
className: `${stackClass}`,
|
|
20
|
-
style: { gap: `${spacing}px
|
|
19
|
+
className: `${stackClass} ${stackClass}`,
|
|
20
|
+
style: { gap: `${spacing}px` }
|
|
21
21
|
}, children);
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const stackCssBaseClass = 'stack';
|
|
6
5
|
const STACK_DIRECTIONS = {
|
|
7
6
|
row: 'row',
|
|
8
7
|
column: 'column',
|
|
@@ -40,10 +39,7 @@ const STACK_WRAP = {
|
|
|
40
39
|
initial: 'initial',
|
|
41
40
|
inherit: 'inherit'
|
|
42
41
|
};
|
|
43
|
-
const
|
|
44
|
-
stack: stackCssBaseClass,
|
|
45
|
-
inline: `${stackCssBaseClass}_inline`
|
|
46
|
-
};
|
|
42
|
+
const stackCssBaseClass = 'stack';
|
|
47
43
|
const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
|
|
48
44
|
[STACK_DIRECTIONS.row]: `${stackCssBaseClass}_direction_row`,
|
|
49
45
|
[STACK_DIRECTIONS.column]: `${stackCssBaseClass}_direction_column`,
|
|
@@ -62,18 +58,6 @@ const STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = {
|
|
|
62
58
|
[STACK_ALIGNMENTS.flexStart]: `${stackCssBaseClass}_align_flex-start`,
|
|
63
59
|
[STACK_ALIGNMENTS.flexEnd]: `${stackCssBaseClass}_align_flex-end`
|
|
64
60
|
};
|
|
65
|
-
const STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = {
|
|
66
|
-
[STACK_JUSTIFICATIONS.start]: `${stackCssBaseClass}_justify_start`,
|
|
67
|
-
[STACK_JUSTIFICATIONS.end]: `${stackCssBaseClass}_justify_end`,
|
|
68
|
-
[STACK_JUSTIFICATIONS.center]: `${stackCssBaseClass}_justify_center`,
|
|
69
|
-
[STACK_JUSTIFICATIONS.spaceBetween]: `${stackCssBaseClass}_justify_space-between`,
|
|
70
|
-
[STACK_JUSTIFICATIONS.spaceAround]: `${stackCssBaseClass}_justify_space-around`,
|
|
71
|
-
[STACK_JUSTIFICATIONS.spaceEvenly]: `${stackCssBaseClass}_justify_space-evenly`,
|
|
72
|
-
[STACK_JUSTIFICATIONS.flexStart]: `${stackCssBaseClass}_justify_flex-start`,
|
|
73
|
-
[STACK_JUSTIFICATIONS.flexEnd]: `${stackCssBaseClass}_justify_flex-end`,
|
|
74
|
-
[STACK_JUSTIFICATIONS.initial]: `${stackCssBaseClass}_justify_initial`,
|
|
75
|
-
[STACK_JUSTIFICATIONS.inherit]: `${stackCssBaseClass}_justify_inherit`
|
|
76
|
-
};
|
|
77
61
|
const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
78
62
|
[STACK_WRAP.wrap]: `${stackCssBaseClass}_wrap_wrap`,
|
|
79
63
|
[STACK_WRAP.nowrap]: `${stackCssBaseClass}_wrap_nowrap`,
|
|
@@ -82,11 +66,9 @@ const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
|
82
66
|
|
|
83
67
|
exports.STACK_ALIGNMENTS = STACK_ALIGNMENTS;
|
|
84
68
|
exports.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP;
|
|
85
|
-
exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
|
|
86
69
|
exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
|
|
87
70
|
exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
|
|
88
71
|
exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
|
|
89
|
-
exports.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP;
|
|
90
72
|
exports.STACK_WRAP = STACK_WRAP;
|
|
91
73
|
exports.STACK_WRAP_TO_CSS_CLASSES_MAP = STACK_WRAP_TO_CSS_CLASSES_MAP;
|
|
92
74
|
exports.stackCssBaseClass = stackCssBaseClass;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
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;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const cssTooltip = 'tooltip';
|
|
6
|
+
const cssTooltipContainer = `${cssTooltip}__container`;
|
|
7
|
+
|
|
8
|
+
exports.cssTooltip = cssTooltip;
|
|
9
|
+
exports.cssTooltipContainer = cssTooltipContainer;
|
|
10
|
+
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -3,26 +3,32 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var index = require('../dropdown/context/index.js');
|
|
7
|
+
var use_toggle = require('../dropdown/hooks/use_toggle.js');
|
|
8
|
+
var index$1 = require('../dropdown/index.js');
|
|
9
|
+
var css_classes = require('./css_classes.js');
|
|
8
10
|
var main_module = require('../../css/tooltip/main.module.less.js');
|
|
9
11
|
|
|
10
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
13
|
|
|
12
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
15
|
|
|
14
|
-
const Tooltip = ({
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
|
|
17
|
+
var _a;
|
|
18
|
+
const wrapperRef = React.useRef(null);
|
|
19
|
+
const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
|
|
20
|
+
const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
21
|
+
const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
|
|
22
|
+
const handleOnMouseEnter = () => {
|
|
23
|
+
toggleDropdown();
|
|
24
|
+
};
|
|
25
|
+
const handleOnMouseLeave = () => {
|
|
26
|
+
toggleDropdown();
|
|
27
|
+
};
|
|
28
|
+
return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
|
|
29
|
+
React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
30
|
+
children,
|
|
31
|
+
!disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', wrapperWidth: wrapperWidth }, content)))));
|
|
26
32
|
};
|
|
27
33
|
|
|
28
34
|
exports.default = Tooltip;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** 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
|
|
7
|
+
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";
|
|
8
8
|
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"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-
|
|
8
|
-
var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-picker__saturation-lightness-picker__2oEPs {\n min-height: 15rem;\n margin: 1rem;\n flex: 1 1 auto;\n position: relative;\n cursor: pointer;\n border-radius: 0.5rem;\n}\n.main-module_color-picker__preview-container__yJd0N {\n margin: 1rem;\n display: flex;\n flex: 0 0 10%;\n}\n.main-module_color-picker__preview__1A7jV {\n width: 6rem;\n height: 6rem;\n margin-bottom: auto;\n border-radius: 0.5rem;\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__hue-picker__2f9fp {\n width: auto;\n cursor: pointer;\n border-radius: 0.25rem;\n margin: 1rem;\n}\n.main-module_color-picker__mask__zGH3u {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n position: absolute;\n}\n.main-module_color-picker__mask_white__25fNT {\n background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);\n}\n.main-module_color-picker__mask_black__3fktq {\n background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n.main-module_color-picker__pointer__27Wa_ {\n border: 1px solid #135cc8;\n width: 20px;\n height: 20px;\n border-radius: calc(20px / 2);\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.main-module_color-picker__pointer-inside__20BXe {\n width: calc(20px / 2);\n height: calc(20px / 2);\n border-radius: calc(20px / 2);\n}\n.main-module_color-picker__buttons-group__2K4rp {\n flex-grow: 1;\n min-width: calc(100% - 2rem);\n}\n";
|
|
8
|
+
var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-picker__saturation-lightness-picker":"main-module_color-picker__saturation-lightness-picker__2oEPs","color-picker__preview":"main-module_color-picker__preview__1A7jV","color-picker__mask":"main-module_color-picker__mask__zGH3u","color-picker__mask_white":"main-module_color-picker__mask_white__25fNT","color-picker__mask_black":"main-module_color-picker__mask_black__3fktq","color-picker__pointer":"main-module_color-picker__pointer__27Wa_","color-picker__pointer-inside":"main-module_color-picker__pointer-inside__20BXe","color-picker__buttons-group":"main-module_color-picker__buttons-group__2K4rp"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = styles;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** 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.
|
|
7
|
+
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.145em;\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";
|
|
8
8
|
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"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n
|
|
8
|
-
var cssClasses = {"strong":"main-module_strong__3Jzt0","small":"main-module_small__3ODLs","display-1":"main-module_display-1__1PNue","head_line":"main-module_head_line__3DhiP","head_box":"main-module_head_box__2Xzof"};
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_h1__3a-Nj,\n.main-module_h2__21pDL,\n.main-module_h3__3imzT,\n.main-module_h4__2QRuk,\n.main-module_h5__1c9ae,\n.main-module_h6__3jfrk {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_h1__3a-Nj:not(:last-child),\n.main-module_h2__21pDL:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_h3__3imzT:not(:last-child),\n.main-module_h4__2QRuk:not(:last-child),\n.main-module_h5__1c9ae:not(:last-child),\n.main-module_h6__3jfrk:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_h1__3a-Nj {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_h2__21pDL {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_h3__3imzT {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_h4__2QRuk {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_h5__1c9ae {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_h6__3jfrk {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_p__2sOVc {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_p__2sOVc:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n display: block;\n color: #2d3748;\n font-weight: 600;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n text-transform: uppercase;\n letter-spacing: 1.1px;\n font-weight: 700;\n}\n.main-module_head_box__2Xzof:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
|
|
8
|
+
var cssClasses = {"h1":"main-module_h1__3a-Nj","h2":"main-module_h2__21pDL","h3":"main-module_h3__3imzT","h4":"main-module_h4__2QRuk","h5":"main-module_h5__1c9ae","h6":"main-module_h6__3jfrk","p":"main-module_p__2sOVc","strong":"main-module_strong__3Jzt0","small":"main-module_small__3ODLs","display-1":"main-module_display-1__1PNue","head_line":"main-module_head_line__3DhiP","head_box":"main-module_head_box__2Xzof"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
|
@@ -0,0 +1,12 @@
|
|
|
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__ZHmAY {\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_error__2BM0j {\n color: #e60c54;\n}\n";
|
|
8
|
+
var cssStyles = {"helper":"main-module_helper__ZHmAY","helper_error":"main-module_helper_error__2BM0j"};
|
|
9
|
+
styleInject_es['default'](css_248z);
|
|
10
|
+
|
|
11
|
+
exports.default = cssStyles;
|
|
12
|
+
//# sourceMappingURL=main.module.less.js.map
|