@dreamcommerce/aurora 0.3.4-192 → 0.3.4-195

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.
Files changed (57) hide show
  1. package/README.md +0 -23
  2. package/build/cjs/packages/aurora/src/components/button/css_classes.js +0 -2
  3. package/build/cjs/packages/aurora/src/components/button/css_classes.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/button/index.js +4 -3
  5. package/build/cjs/packages/aurora/src/components/button/index.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
  14. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
  15. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
  16. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
  17. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
  18. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
  19. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  20. package/build/cjs/packages/aurora/src/components/file_picker/index.js +4 -2
  21. package/build/cjs/packages/aurora/src/components/file_picker/index.js.map +1 -1
  22. package/build/cjs/packages/aurora/src/components/file_picker/utils.js +18 -0
  23. package/build/cjs/packages/aurora/src/components/file_picker/utils.js.map +1 -0
  24. package/build/cjs/packages/aurora/src/css/button/main.module.less.js +2 -2
  25. package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
  26. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  27. package/build/cjs/packages/aurora/src/css/label/main.module.less.js +1 -1
  28. package/build/esm/packages/aurora/src/components/button/css_classes.js +1 -2
  29. package/build/esm/packages/aurora/src/components/button/css_classes.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/button/index.d.ts +1 -1
  31. package/build/esm/packages/aurora/src/components/button/index.js +4 -3
  32. package/build/esm/packages/aurora/src/components/button/index.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/button/types.d.ts +1 -1
  34. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  35. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  36. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
  37. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  38. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  39. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
  40. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  41. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
  42. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
  43. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
  44. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
  45. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
  46. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
  47. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  48. package/build/esm/packages/aurora/src/components/file_picker/index.js +4 -2
  49. package/build/esm/packages/aurora/src/components/file_picker/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/file_picker/utils.d.ts +1 -0
  51. package/build/esm/packages/aurora/src/components/file_picker/utils.js +14 -0
  52. package/build/esm/packages/aurora/src/components/file_picker/utils.js.map +1 -0
  53. package/build/esm/packages/aurora/src/css/button/main.module.less.js +2 -2
  54. package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
  55. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  56. package/build/esm/packages/aurora/src/css/label/main.module.less.js +1 -1
  57. package/package.json +2 -2
package/README.md CHANGED
@@ -1,23 +1,5 @@
1
1
  # Aurora
2
2
 
3
- ## Jak zainstalować yarna (wersje > 1 z której korzystamy)
4
-
5
- jeżeli mamy wersje node > 16.10 wówczas wystarczy włączyć `corepack`
6
-
7
- `corepack enable`
8
-
9
- **corepack** - jest to tool nodowy który pomaga w zarządzaniu wersjami pakiet managerów, dostarcza on m.in binarki yarna
10
-
11
- w innym wypadku
12
-
13
- `npm i -g corepack`
14
-
15
- i chyba też go trzeba z ręki właczyć
16
-
17
- zaktualizowanie wersji do najowszej
18
-
19
- `yarn set version stable`
20
-
21
3
  ## Jak odpalić?
22
4
 
23
5
  1. `yarn install`
@@ -26,11 +8,6 @@ zaktualizowanie wersji do najowszej
26
8
  tworzonego komponentu. Dzięki temu możemy sobie developować nasz komponent w izolacji. Proponuje się wzorować na tym
27
9
  co już gotowe.
28
10
 
29
- ## Jak publikować pakiety nad którymi pracujemy, żeby nie zrobić nikomu krzywdy
30
-
31
- 1. `yarn version prerelease`
32
- 2. `yarn npm publish --tag beta --access public`
33
-
34
11
  Taki pakiet możemy zainstlować w swoim projekcie przez użycie tagu beta wrzucając do
35
12
  package.json `@dreamcommerce/aurora: "0.2.10-1"`. Co jeśli pracujemy dalej? Odpalamy znowu
36
13
  `yarn version --prerelease`
@@ -7,7 +7,6 @@ var cssButtonOutline = "".concat(cssButton, "_outline");
7
7
  var cssButtonBg = "".concat(cssButton, "_bg");
8
8
  var cssButtonS = "".concat(cssButton, "_s");
9
9
  var cssButtonLink = "".concat(cssButton, "_link");
10
- var cssButtonSecondary = "".concat(cssButton, "_secondary");
11
10
  var cssButtonInactive = "".concat(cssButton, "_inactive");
12
11
 
13
12
  exports.cssButton = cssButton;
@@ -16,5 +15,4 @@ exports.cssButtonInactive = cssButtonInactive;
16
15
  exports.cssButtonLink = cssButtonLink;
17
16
  exports.cssButtonOutline = cssButtonOutline;
18
17
  exports.cssButtonS = cssButtonS;
19
- exports.cssButtonSecondary = cssButtonSecondary;
20
18
  //# 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;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;"}
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('react');
6
6
  var _tslib = require('../../../../../_virtual/_tslib.js');
7
- var classnames = require('classnames');
8
- var main_module = require('../../css/button/main.module.less.js');
9
7
  var css_classes = require('./css_classes.js');
10
8
  var index = require('./components/index.js');
9
+ var classnames = require('classnames');
10
+ var main_module = require('../../css/button/main.module.less.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -33,13 +33,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
33
33
  var Button = function (_a) {
34
34
  var _b;
35
35
  var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
36
+ var btnColor = "".concat(css_classes.cssButton, "_").concat(color);
36
37
  var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
37
38
  _b[className] = className,
38
39
  _b[main_module['default'][css_classes.cssButtonS]] = size,
39
40
  _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
40
41
  _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
41
42
  _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
42
- _b[main_module['default'][css_classes.cssButtonSecondary]] = color === 'secondary',
43
+ _b[main_module['default'][btnColor]] = true,
43
44
  _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
44
45
  _b));
45
46
  return index.buttonTypes[as].render(props, buttonClassNames);
@@ -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;"}
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;"}
@@ -16,7 +16,7 @@ var ControlCellSelector = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
@@ -32,7 +32,7 @@ var ControlCheckbox = function (_a) {
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
34
  " ",
35
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
35
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
36
36
  React__default['default'].createElement(index['default'].Errors, null)));
37
37
  };
38
38
 
@@ -31,7 +31,7 @@ var ControlCheckboxSwitch = function (_a) {
31
31
  React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
34
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
35
35
  React__default['default'].createElement(index['default'].Errors, null)));
36
36
  };
37
37
 
@@ -37,7 +37,7 @@ var ControlColorPicker = function (_a) {
37
37
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
38
38
  (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
39
39
  label$1,
40
- hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
40
+ hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -57,7 +57,7 @@ var ControlDatepicker = function (_a) {
57
57
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
58
58
  (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
59
59
  label$1,
60
- hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
60
+ hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
61
61
  React__default['default'].createElement(index$2['default'].Content, null,
62
62
  React__default['default'].createElement(index$2['default'].Element, null,
63
63
  React__default['default'].createElement(label['default'], { name: name, id: id }))),
@@ -16,7 +16,7 @@ var ControlFilePicker = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
@@ -31,7 +31,7 @@ var ControlInput = function (_a) {
31
31
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
32
32
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
33
33
  label,
34
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
34
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
35
35
  React__default['default'].createElement(index['default'].Content, null,
36
36
  React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
37
37
  React__default['default'].createElement(index['default'].Input, _tslib.__assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
@@ -16,7 +16,7 @@ var ControlMultiSelect = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
@@ -32,7 +32,7 @@ var ControlRadio = function (_a) {
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
34
  " ",
35
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
35
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
36
36
  React__default['default'].createElement(index['default'].Errors, null)));
37
37
  };
38
38
 
@@ -16,7 +16,7 @@ var ControlRadioGroup = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  options.map(function (_a) {
21
21
  var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
22
22
  return (React__default['default'].createElement(index$2['default'], { key: "RadioGroup".concat(id, "-RadioElement-").concat(value), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(value), value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }));
@@ -16,7 +16,7 @@ var ControlRange = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
@@ -31,7 +31,7 @@ var ControlSelect = function (_a) {
31
31
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
32
32
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
33
33
  label,
34
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
34
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
35
35
  React__default['default'].createElement(index['default'].Content, null,
36
36
  React__default['default'].createElement(index['default'].Element, null,
37
37
  React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
@@ -16,7 +16,7 @@ var ControlTagsSelector = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
@@ -30,7 +30,7 @@ var ControlTextarea = function (_a) {
30
30
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
31
31
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
32
32
  label,
33
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
33
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
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, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
@@ -8,20 +8,22 @@ var css_classes = require('./css_classes.js');
8
8
  var selected_file_preview = require('./components/selected_file_preview.js');
9
9
  var file_input = require('./components/file_input.js');
10
10
  var use_file_picker = require('./use_file_picker.js');
11
+ var utils = require('./utils.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
17
  var FilePicker = function (_a) {
17
- var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
18
+ var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
18
19
  var _d = use_file_picker.useFilePicker({
19
20
  initialFile: initialFile,
20
21
  onChange: onChange
21
22
  }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
23
+ var acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
22
24
  return (React__default['default'].createElement("div", { className: className },
23
25
  file ? (React__default['default'].createElement(selected_file_preview['default'], { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React__default['default'].createElement(file_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
24
- React__default['default'].createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput] })));
26
+ React__default['default'].createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput], accept: acceptFiles })));
25
27
  };
26
28
 
27
29
  exports.default = FilePicker;
@@ -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;"}
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;"}
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
6
+ var extraContent = [];
7
+ if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
8
+ extraContent.push('image/png');
9
+ }
10
+ var joinedExtensions = allowedExtensions
11
+ .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
12
+ .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
13
+ .join(',');
14
+ return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
15
+ };
16
+
17
+ exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;
18
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
8
- var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #135cc8;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
8
+ var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
@@ -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.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_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\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-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";
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_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-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_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-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,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.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
8
8
  var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -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.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #5c657e;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
8
8
  var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -3,8 +3,7 @@ var cssButtonOutline = "".concat(cssButton, "_outline");
3
3
  var cssButtonBg = "".concat(cssButton, "_bg");
4
4
  var cssButtonS = "".concat(cssButton, "_s");
5
5
  var cssButtonLink = "".concat(cssButton, "_link");
6
- var cssButtonSecondary = "".concat(cssButton, "_secondary");
7
6
  var cssButtonInactive = "".concat(cssButton, "_inactive");
8
7
 
9
- export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
8
+ export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS };
10
9
  //# 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;"}
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IButtonProps } from './types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -1,9 +1,9 @@
1
1
  import 'react';
2
2
  import { __rest } from '../../../../../_virtual/_tslib.js';
3
+ import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonInactive } from './css_classes.js';
4
+ import { buttonTypes } from './components/index.js';
3
5
  import classnames from 'classnames';
4
6
  import cssClasses from '../../css/button/main.module.less.js';
5
- import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary, cssButtonInactive } from './css_classes.js';
6
- import { buttonTypes } from './components/index.js';
7
7
 
8
8
  /**
9
9
  * @component
@@ -25,13 +25,14 @@ import { buttonTypes } from './components/index.js';
25
25
  var Button = function (_a) {
26
26
  var _b;
27
27
  var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = __rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
28
+ var btnColor = "".concat(cssButton, "_").concat(color);
28
29
  var buttonClassNames = classnames(cssClasses[cssButton], (_b = {},
29
30
  _b[className] = className,
30
31
  _b[cssClasses[cssButtonS]] = size,
31
32
  _b[cssClasses[cssButtonBg]] = !variant,
32
33
  _b[cssClasses[cssButtonOutline]] = variant === 'outline',
33
34
  _b[cssClasses[cssButtonLink]] = variant === 'link',
34
- _b[cssClasses[cssButtonSecondary]] = color === 'secondary',
35
+ _b[cssClasses[btnColor]] = true,
35
36
  _b[cssClasses[cssButtonInactive]] = inactive,
36
37
  _b));
37
38
  return buttonTypes[as].render(props, buttonClassNames);
@@ -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;"}
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;"}
@@ -4,7 +4,7 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  size?: 'small';
5
5
  variant?: 'outline' | 'link';
6
6
  inactive?: boolean;
7
- color?: 'secondary';
7
+ color?: 'secondary' | 'on-dark-bg';
8
8
  href?: string;
9
9
  target?: '_blank';
10
10
  children: NodeListOf<HTMLElement> | string | Element;
@@ -8,7 +8,7 @@ var ControlCellSelector = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
@@ -24,7 +24,7 @@ var ControlCheckbox = function (_a) {
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
26
  " ",
27
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
27
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
28
28
  React.createElement(Control.Errors, null)));
29
29
  };
30
30
 
@@ -23,7 +23,7 @@ var ControlCheckboxSwitch = function (_a) {
23
23
  React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
26
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
27
27
  React.createElement(Control.Errors, null)));
28
28
  };
29
29
 
@@ -29,7 +29,7 @@ var ControlColorPicker = function (_a) {
29
29
  React.createElement(Control, { errors: errors, name: name, id: id },
30
30
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
31
31
  label,
32
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
32
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -49,7 +49,7 @@ var ControlDatepicker = function (_a) {
49
49
  React.createElement(Control, { errors: errors, name: name, id: id },
50
50
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
51
51
  label,
52
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
52
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
53
53
  React.createElement(Control.Content, null,
54
54
  React.createElement(Control.Element, null,
55
55
  React.createElement(DatepickerLabel, { name: name, id: id }))),
@@ -8,7 +8,7 @@ var ControlFilePicker = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
@@ -23,7 +23,7 @@ var ControlInput = function (_a) {
23
23
  return (React.createElement(Control, { errors: errors, name: name, id: id },
24
24
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
25
25
  label,
26
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
26
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
27
27
  React.createElement(Control.Content, null,
28
28
  React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
29
29
  React.createElement(Control.Input, __assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
@@ -8,7 +8,7 @@ var ControlMultiSelect = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
@@ -24,7 +24,7 @@ var ControlRadio = function (_a) {
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
26
  " ",
27
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
27
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
28
28
  React.createElement(Control.Errors, null)));
29
29
  };
30
30
 
@@ -8,7 +8,7 @@ var ControlRadioGroup = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  options.map(function (_a) {
13
13
  var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
14
14
  return (React.createElement(ControlRadio, { key: "RadioGroup".concat(id, "-RadioElement-").concat(value), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(value), value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }));
@@ -8,7 +8,7 @@ var ControlRange = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(Range, { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
@@ -23,7 +23,7 @@ var ControlSelect = function (_a) {
23
23
  return (React.createElement(Control, { errors: errors, name: name, id: id },
24
24
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
25
25
  label,
26
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
26
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
27
27
  React.createElement(Control.Content, null,
28
28
  React.createElement(Control.Element, null,
29
29
  React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
@@ -8,7 +8,7 @@ var ControlTagsSelector = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(TagsSelector, { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
@@ -22,7 +22,7 @@ var ControlTextarea = function (_a) {
22
22
  return (React.createElement(Control, { errors: errors, name: name, id: id },
23
23
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
24
24
  label,
25
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
25
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
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, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
@@ -4,16 +4,18 @@ import CSS_CLASSES from './css_classes.js';
4
4
  import SelectedFilePreview from './components/selected_file_preview.js';
5
5
  import FileInput from './components/file_input.js';
6
6
  import { useFilePicker } from './use_file_picker.js';
7
+ import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
7
8
 
8
9
  var FilePicker = function (_a) {
9
- var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
10
+ var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
10
11
  var _d = useFilePicker({
11
12
  initialFile: initialFile,
12
13
  onChange: onChange
13
14
  }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
15
+ var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
14
16
  return (React.createElement("div", { className: className },
15
17
  file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
16
- React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput] })));
18
+ React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));
17
19
  };
18
20
 
19
21
  export default FilePicker;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1 @@
1
+ export declare const getAcceptFilesParametersFromAllowedExtensions: (allowedExtensions: string[]) => string;
@@ -0,0 +1,14 @@
1
+ var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
2
+ var extraContent = [];
3
+ if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
4
+ extraContent.push('image/png');
5
+ }
6
+ var joinedExtensions = allowedExtensions
7
+ .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
8
+ .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
9
+ .join(',');
10
+ return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
11
+ };
12
+
13
+ export { getAcceptFilesParametersFromAllowedExtensions };
14
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
4
- var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #135cc8;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
4
+ var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* 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_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\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-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";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.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_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-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
4
4
  var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_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-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
4
4
  var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #5c657e;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
4
4
  var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
5
5
  styleInject(css_248z);
6
6
 
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@dreamcommerce/aurora",
3
- "packageManager": "yarn@3.1.1",
3
+ "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-192",
5
+ "version": "0.3.4-195",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",