@dreamcommerce/aurora 2.4.0-1 → 2.4.0-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/{helper.js → helper_text.js} +6 -6
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +4 -4
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/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_input/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/index.js +2 -2
- package/build/cjs/packages/aurora/src/css/color_picker/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/{helper → helper-text}/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js +0 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.js +14 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/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_input/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -6
- package/build/esm/packages/aurora/src/css/color_picker/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/package.json +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/controls/components/helper.js +0 -14
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js +0 -8
- /package/build/cjs/packages/aurora/src/components/controls/components/{helper.js.map → helper_text.js.map} +0 -0
- /package/build/cjs/packages/aurora/src/css/{helper → helper-text}/main.module.less.js.map +0 -0
- /package/build/esm/packages/aurora/src/components/controls/components/{helper.js.map → helper_text.js.map} +0 -0
- /package/build/esm/packages/aurora/src/css/{helper → helper-text}/main.module.less.js.map +0 -0
|
@@ -27,7 +27,6 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
|
|
|
27
27
|
if (isOpen && color.hex) {
|
|
28
28
|
setInitialColor(color);
|
|
29
29
|
}
|
|
30
|
-
// eslint-disable-next-line
|
|
31
30
|
}, [isOpen]);
|
|
32
31
|
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColoPickerLabel] },
|
|
33
32
|
React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/controls/components/{helper.js → helper_text.js}
RENAMED
|
@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var css_classes = require('../css_classes.js');
|
|
8
|
-
var main_module = require('../../../css/helper/main.module.less.js');
|
|
8
|
+
var main_module = require('../../../css/helper-text/main.module.less.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
14
|
|
|
15
|
-
const
|
|
16
|
-
const helperClassNames = classnames__default['default'](main_module['default'][css_classes.
|
|
17
|
-
[main_module['default'][css_classes.
|
|
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
18
|
});
|
|
19
19
|
return React__default['default'].createElement("p", { className: helperClassNames }, children);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
exports.default =
|
|
23
|
-
//# sourceMappingURL=
|
|
22
|
+
exports.default = LabelAdditionalInfo;
|
|
23
|
+
//# sourceMappingURL=helper_text.js.map
|
|
@@ -44,8 +44,8 @@ const cellSelectorContainer = `${cellSelector}__container`;
|
|
|
44
44
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
45
45
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
46
46
|
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
47
|
-
const
|
|
48
|
-
const
|
|
47
|
+
const helperText = 'helper-text';
|
|
48
|
+
const helperTextError = `${helperText}_error`;
|
|
49
49
|
|
|
50
50
|
exports.cellSelector = cellSelector;
|
|
51
51
|
exports.cellSelectorCell = cellSelectorCell;
|
|
@@ -85,8 +85,8 @@ exports.cssControlsErrors = cssControlsErrors;
|
|
|
85
85
|
exports.cssControlsErrorsList = cssControlsErrorsList;
|
|
86
86
|
exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
|
|
87
87
|
exports.cssControlsLabel = cssControlsLabel;
|
|
88
|
-
exports.
|
|
89
|
-
exports.
|
|
88
|
+
exports.helperText = helperText;
|
|
89
|
+
exports.helperTextError = helperTextError;
|
|
90
90
|
exports.radio = radio;
|
|
91
91
|
exports.radioControl = radioControl;
|
|
92
92
|
exports.radioDisabled = radioDisabled;
|
|
@@ -23,12 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
* />
|
|
24
24
|
* )
|
|
25
25
|
*/
|
|
26
|
-
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange,
|
|
26
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helperText, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
28
|
(labelTop || hintTop) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
29
29
|
labelTop,
|
|
30
30
|
hintTop && React__default['default'].createElement(index$1['default'], { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
|
|
31
|
-
|
|
31
|
+
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
32
32
|
React__default['default'].createElement(index['default'].Content, null,
|
|
33
33
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
34
34
|
React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
28
28
|
* />
|
|
29
29
|
* )
|
|
30
30
|
*/
|
|
31
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint,
|
|
31
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, helperText, hintOptions = { isFixed: true } }) => {
|
|
32
32
|
const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
|
|
33
33
|
return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
|
|
34
34
|
React__default['default'].createElement(index$1['default'], null,
|
|
@@ -37,7 +37,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
|
|
|
37
37
|
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
|
|
38
38
|
label$1,
|
|
39
39
|
hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
40
|
-
|
|
40
|
+
helperText && React__default['default'].createElement(index$2['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
41
41
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
42
42
|
React__default['default'].createElement(index$2['default'].Element, null,
|
|
43
43
|
React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
|
|
@@ -25,12 +25,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors,
|
|
28
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helperText, additionalInfo, ...props }) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
-
|
|
33
|
+
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
|
|
36
36
|
React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -25,12 +25,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true },
|
|
28
|
+
const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helperText }, ref) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
-
|
|
33
|
+
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
36
|
React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
|
|
@@ -14,7 +14,7 @@ var content = require('./components/content.js');
|
|
|
14
14
|
var label = require('./components/label.js');
|
|
15
15
|
var element = require('./components/element.js');
|
|
16
16
|
var errors = require('./components/errors.js');
|
|
17
|
-
var
|
|
17
|
+
var helper_text = require('./components/helper_text.js');
|
|
18
18
|
var radio = require('./components/radio.js');
|
|
19
19
|
var textarea = require('./components/textarea.js');
|
|
20
20
|
|
|
@@ -36,7 +36,7 @@ Control.Element = element['default'];
|
|
|
36
36
|
Control.Textarea = textarea['default'];
|
|
37
37
|
Control.Errors = errors['default'];
|
|
38
38
|
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
39
|
-
Control.
|
|
39
|
+
Control.HelperText = helper_text['default'];
|
|
40
40
|
|
|
41
41
|
exports.default = Control;
|
|
42
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -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@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__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -
|
|
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__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -1px;\n transform: rotate(45deg);\n border-top: solid 6px transparent;\n border-bottom: solid 6px transparent;\n border-left: solid 6px #ffffff;\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
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__label-color-preview":"main-module_color-picker__label-color-preview__1_7j9","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
|
|
|
@@ -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-
|
|
8
|
-
var cssStyles = {"helper":"main-
|
|
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
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssStyles;
|
|
@@ -15,10 +15,10 @@ var index$B = require('./components/hint/index.js');
|
|
|
15
15
|
var index$A = require('./components/controls/hoc/control_cell_selector/index.js');
|
|
16
16
|
var index$b = require('./components/controls/hoc/control_checkbox/index.js');
|
|
17
17
|
var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
|
|
18
|
-
var index$y = require('./components/spacing/index.js');
|
|
19
18
|
var icon_arrow = require('./assets/icon_arrow.js');
|
|
20
19
|
var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
|
|
21
20
|
var index$4 = require('./components/dropdown/index.js');
|
|
21
|
+
var index$y = require('./components/spacing/index.js');
|
|
22
22
|
var index$l = require('./components/controls/hoc/control_color_picker/index.js');
|
|
23
23
|
var icon_calendar = require('./assets/icon_calendar.js');
|
|
24
24
|
var index$5 = require('./components/dropdown/hoc/select/index.js');
|
|
@@ -92,10 +92,10 @@ exports.Hint = index$B['default'];
|
|
|
92
92
|
exports.ControlCellSelector = index$A['default'];
|
|
93
93
|
exports.ControlCheckbox = index$b['default'];
|
|
94
94
|
exports.ControlCheckboxSwitch = index$c['default'];
|
|
95
|
-
exports.Spacing = index$y['default'];
|
|
96
95
|
exports.IconArrow = icon_arrow['default'];
|
|
97
96
|
exports.useToggle = use_toggle.useToggle;
|
|
98
97
|
exports.Dropdown = index$4['default'];
|
|
98
|
+
exports.Spacing = index$y['default'];
|
|
99
99
|
exports.ControlColorPicker = index$l['default'];
|
|
100
100
|
exports.IconCalendar = icon_calendar['default'];
|
|
101
101
|
exports.Select = index$5['default'];
|
|
@@ -19,7 +19,6 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
|
|
|
19
19
|
if (isOpen && color.hex) {
|
|
20
20
|
setInitialColor(color);
|
|
21
21
|
}
|
|
22
|
-
// eslint-disable-next-line
|
|
23
22
|
}, [isOpen]);
|
|
24
23
|
return (React.createElement("div", { className: styles[cssColoPickerLabel] },
|
|
25
24
|
React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: `${styles[cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${styles[cssColorPickerInputColorPreview]}` }) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,4DAAgE;AAChG;AACA;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,gCAAgC,4DAAgE;AAChG;AACA;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,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { helperText, helperTextError } from '../css_classes.js';
|
|
4
|
+
import cssStyles from '../../../css/helper-text/main.module.less.js';
|
|
5
|
+
|
|
6
|
+
const LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
|
|
7
|
+
const helperClassNames = classnames(cssStyles[helperText], {
|
|
8
|
+
[cssStyles[helperTextError]]: hasError
|
|
9
|
+
});
|
|
10
|
+
return React.createElement("p", { className: helperClassNames }, children);
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export default LabelAdditionalInfo;
|
|
14
|
+
//# sourceMappingURL=helper_text.js.map
|
|
@@ -41,5 +41,5 @@ export declare const cellSelectorDescription: string;
|
|
|
41
41
|
export declare const cellSelectorRow: string;
|
|
42
42
|
export declare const cellSelectorCell: string;
|
|
43
43
|
export declare const cellSelectorCellActive: string;
|
|
44
|
-
export declare const
|
|
45
|
-
export declare const
|
|
44
|
+
export declare const helperText = "helper-text";
|
|
45
|
+
export declare const helperTextError: string;
|
|
@@ -40,8 +40,8 @@ const cellSelectorContainer = `${cellSelector}__container`;
|
|
|
40
40
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
41
41
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
42
42
|
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
43
|
-
const
|
|
44
|
-
const
|
|
43
|
+
const helperText = 'helper-text';
|
|
44
|
+
const helperTextError = `${helperText}_error`;
|
|
45
45
|
|
|
46
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel,
|
|
46
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, helperText, helperTextError, radio, radioControl, radioDisabled, radioLabel };
|
|
47
47
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -15,12 +15,12 @@ import Hint from '../../../hint/index.js';
|
|
|
15
15
|
* />
|
|
16
16
|
* )
|
|
17
17
|
*/
|
|
18
|
-
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange,
|
|
18
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helperText, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
20
|
(labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
21
21
|
labelTop,
|
|
22
22
|
hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
|
|
23
|
-
|
|
23
|
+
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
24
24
|
React.createElement(Control.Content, null,
|
|
25
25
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
26
26
|
React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
@@ -20,7 +20,7 @@ import Dropdown from '../../../dropdown/index.js';
|
|
|
20
20
|
* />
|
|
21
21
|
* )
|
|
22
22
|
*/
|
|
23
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint,
|
|
23
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, helperText, hintOptions = { isFixed: true } }) => {
|
|
24
24
|
const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
|
|
25
25
|
return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
|
|
26
26
|
React.createElement(Dropdown, null,
|
|
@@ -29,7 +29,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label,
|
|
|
29
29
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
30
30
|
label,
|
|
31
31
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
32
|
-
|
|
32
|
+
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
33
33
|
React.createElement(Control.Content, null,
|
|
34
34
|
React.createElement(Control.Element, null,
|
|
35
35
|
React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
|
|
@@ -17,12 +17,12 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors,
|
|
20
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helperText, additionalInfo, ...props }) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
-
|
|
25
|
+
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
|
|
28
28
|
React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -17,12 +17,12 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true },
|
|
20
|
+
const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helperText }, ref) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
-
|
|
25
|
+
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
28
|
React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
|
|
@@ -10,7 +10,7 @@ import Content from './components/content.js';
|
|
|
10
10
|
import ControlLabel from './components/label.js';
|
|
11
11
|
import Element from './components/element.js';
|
|
12
12
|
import Errors from './components/errors.js';
|
|
13
|
-
import
|
|
13
|
+
import LabelAdditionalInfo from './components/helper_text.js';
|
|
14
14
|
import Radio from './components/radio.js';
|
|
15
15
|
import Textarea from './components/textarea.js';
|
|
16
16
|
|
|
@@ -28,7 +28,7 @@ Control.Element = Element;
|
|
|
28
28
|
Control.Textarea = Textarea;
|
|
29
29
|
Control.Errors = Errors;
|
|
30
30
|
Control.AdditionalInfo = AdditionalInfo;
|
|
31
|
-
Control.
|
|
31
|
+
Control.HelperText = LabelAdditionalInfo;
|
|
32
32
|
|
|
33
33
|
export default Control;
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -22,7 +22,7 @@ export interface IControlComposition {
|
|
|
22
22
|
Textarea: React.FC<ITextareaProps>;
|
|
23
23
|
Errors: React.FC;
|
|
24
24
|
AdditionalInfo: React.FC;
|
|
25
|
-
|
|
25
|
+
HelperText: React.FC<IControlHelperTextProps>;
|
|
26
26
|
}
|
|
27
27
|
export interface IControlProps {
|
|
28
28
|
children: ReactNode;
|
|
@@ -103,14 +103,14 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
|
|
|
103
103
|
postfix?: string;
|
|
104
104
|
label?: string;
|
|
105
105
|
isRequired?: boolean;
|
|
106
|
-
|
|
106
|
+
helperText?: string;
|
|
107
107
|
}
|
|
108
108
|
export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
|
|
109
109
|
label: string;
|
|
110
|
-
helper?: React.ReactNode;
|
|
111
110
|
hintTopOptions?: TControlHintOptions;
|
|
112
111
|
labelTop?: string;
|
|
113
112
|
hintTop?: string;
|
|
113
|
+
helperText?: string;
|
|
114
114
|
}
|
|
115
115
|
export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
116
116
|
id: string;
|
|
@@ -140,12 +140,12 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
|
|
|
140
140
|
label?: string;
|
|
141
141
|
isRequired?: boolean;
|
|
142
142
|
hideChooseCancelButtons?: boolean;
|
|
143
|
-
|
|
143
|
+
helperText?: React.ReactNode;
|
|
144
144
|
}
|
|
145
145
|
export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
|
|
146
146
|
label?: string;
|
|
147
147
|
isRequired?: boolean;
|
|
148
|
-
|
|
148
|
+
helperText?: React.ReactNode;
|
|
149
149
|
}
|
|
150
150
|
export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
|
|
151
151
|
id?: string;
|
|
@@ -182,7 +182,8 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
|
|
|
182
182
|
id?: string;
|
|
183
183
|
isRequired?: boolean;
|
|
184
184
|
}
|
|
185
|
-
export interface
|
|
185
|
+
export interface IControlHelperTextProps {
|
|
186
186
|
hasError?: boolean;
|
|
187
|
+
cssClasses?: string;
|
|
187
188
|
}
|
|
188
189
|
export {};
|
|
@@ -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@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__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -
|
|
3
|
+
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__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -1px;\n transform: rotate(45deg);\n border-top: solid 6px transparent;\n border-bottom: solid 6px transparent;\n border-left: solid 6px #ffffff;\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";
|
|
4
4
|
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__label-color-preview":"main-module_color-picker__label-color-preview__1_7j9","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"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
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";
|
|
4
|
+
var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export default cssStyles;
|
|
8
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -11,10 +11,10 @@ export { default as Hint } from './components/hint/index.js';
|
|
|
11
11
|
export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
|
|
12
12
|
export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
|
|
13
13
|
export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
|
|
14
|
-
export { default as Spacing } from './components/spacing/index.js';
|
|
15
14
|
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
16
15
|
export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
17
16
|
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';
|
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import { cssHelper, cssHelperError } from '../css_classes.js';
|
|
4
|
-
import cssStyles from '../../../css/helper/main.module.less.js';
|
|
5
|
-
|
|
6
|
-
const Helper = ({ children, hasError }) => {
|
|
7
|
-
const helperClassNames = classnames(cssStyles[cssHelper], {
|
|
8
|
-
[cssStyles[cssHelperError]]: hasError
|
|
9
|
-
});
|
|
10
|
-
return React.createElement("p", { className: helperClassNames }, children);
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default Helper;
|
|
14
|
-
//# sourceMappingURL=helper.js.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
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";
|
|
4
|
-
var cssStyles = {"helper":"main-module_helper__ZHmAY","helper_error":"main-module_helper_error__2BM0j"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export default cssStyles;
|
|
8
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|