@dreamcommerce/aurora 2.4.0-1 → 2.4.0-12

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 (123) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +0 -1
  2. package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/controls/components/input.js +2 -1
  4. package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/components/label.js +2 -2
  6. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +1 -5
  7. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +5 -9
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
  15. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  16. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
  17. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  18. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  19. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
  20. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
  21. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  22. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  23. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  24. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  25. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
  26. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  27. package/build/cjs/packages/aurora/src/components/controls/index.js +2 -4
  28. package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
  29. package/build/cjs/packages/aurora/src/components/heading/index.js +4 -5
  30. package/build/cjs/packages/aurora/src/components/heading/index.js.map +1 -1
  31. package/build/cjs/packages/aurora/src/components/label/css_classes.js +3 -1
  32. package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
  33. package/build/cjs/packages/aurora/src/components/label/index.js +5 -2
  34. package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
  35. package/build/cjs/packages/aurora/src/components/stack/index.js +3 -3
  36. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +6 -1
  37. package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/components/typography/index.js +25 -0
  39. package/build/cjs/packages/aurora/src/components/{controls/components/helper.js.map → typography/index.js.map} +1 -1
  40. package/build/cjs/packages/aurora/src/components/typography/typography_constants.js +68 -0
  41. package/build/cjs/packages/aurora/src/components/typography/typography_constants.js.map +1 -0
  42. package/build/cjs/packages/aurora/src/css/color_picker/main.module.less.js +1 -1
  43. package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
  44. package/build/cjs/packages/aurora/src/css/heading/main.module.less.js +2 -2
  45. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  46. package/build/cjs/packages/aurora/src/css/label/main.module.less.js +2 -2
  47. package/build/cjs/packages/aurora/src/css/stack/main.module.less.js +2 -2
  48. package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +12 -0
  49. package/build/cjs/packages/aurora/src/index.js +45 -43
  50. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  51. package/build/esm/packages/aurora/src/components/color_picker/components/label.js +0 -1
  52. package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
  53. package/build/esm/packages/aurora/src/components/controls/components/input.js +2 -1
  54. package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
  55. package/build/esm/packages/aurora/src/components/controls/components/label.js +2 -2
  56. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -2
  57. package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -4
  58. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  59. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  60. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -6
  61. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  63. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
  64. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  65. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
  66. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  67. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
  68. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  69. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  70. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
  71. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  73. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  74. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  75. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  76. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
  77. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  78. package/build/esm/packages/aurora/src/components/controls/index.js +2 -4
  79. package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
  80. package/build/esm/packages/aurora/src/components/controls/types.d.ts +13 -11
  81. package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +2 -1
  82. package/build/esm/packages/aurora/src/components/date_picker/types.js.map +1 -1
  83. package/build/esm/packages/aurora/src/components/heading/index.js +4 -5
  84. package/build/esm/packages/aurora/src/components/heading/index.js.map +1 -1
  85. package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +1 -0
  86. package/build/esm/packages/aurora/src/components/label/css_classes.js +3 -2
  87. package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
  88. package/build/esm/packages/aurora/src/components/label/index.js +6 -3
  89. package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
  90. package/build/esm/packages/aurora/src/components/label/types.d.ts +2 -1
  91. package/build/esm/packages/aurora/src/components/label/types.js.map +1 -1
  92. package/build/esm/packages/aurora/src/components/stack/index.js +4 -4
  93. package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +5 -1
  94. package/build/esm/packages/aurora/src/components/stack/stack_constants.js +6 -2
  95. package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
  96. package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +1 -0
  97. package/build/esm/packages/aurora/src/components/typography/index.d.ts +4 -0
  98. package/build/esm/packages/aurora/src/components/typography/index.js +16 -0
  99. package/build/esm/packages/aurora/src/components/{controls/components/helper.js.map → typography/index.js.map} +1 -1
  100. package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts +52 -0
  101. package/build/esm/packages/aurora/src/components/typography/typography_constants.js +56 -0
  102. package/build/esm/packages/aurora/src/components/typography/typography_constants.js.map +1 -0
  103. package/build/esm/packages/aurora/src/components/typography/typography_types.d.ts +17 -0
  104. package/build/esm/packages/aurora/src/components/typography/typography_types.js +4 -0
  105. package/build/esm/packages/aurora/src/components/typography/typography_types.js.map +1 -0
  106. package/build/esm/packages/aurora/src/css/color_picker/main.module.less.js +1 -1
  107. package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
  108. package/build/esm/packages/aurora/src/css/heading/main.module.less.js +2 -2
  109. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  110. package/build/esm/packages/aurora/src/css/label/main.module.less.js +2 -2
  111. package/build/esm/packages/aurora/src/css/stack/main.module.less.js +2 -2
  112. package/build/esm/packages/aurora/src/css/typography/main.module.less.js +8 -0
  113. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  114. package/build/esm/packages/aurora/src/index.js +3 -2
  115. package/build/esm/packages/aurora/src/index.js.map +1 -1
  116. package/package.json +1 -1
  117. package/build/cjs/packages/aurora/src/components/controls/components/helper.js +0 -23
  118. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +0 -12
  119. package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +0 -4
  120. package/build/esm/packages/aurora/src/components/controls/components/helper.js +0 -14
  121. package/build/esm/packages/aurora/src/css/helper/main.module.less.js +0 -8
  122. /package/build/cjs/packages/aurora/src/css/{helper → typography}/main.module.less.js.map +0 -0
  123. /package/build/esm/packages/aurora/src/css/{helper → typography}/main.module.less.js.map +0 -0
@@ -27,7 +27,6 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
27
27
  if (isOpen && color.hex) {
28
28
  setInitialColor(color);
29
29
  }
30
- // eslint-disable-next-line
31
30
  }, [isOpen]);
32
31
  return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColoPickerLabel] },
33
32
  React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,6 +7,7 @@ var classnames = require('classnames');
7
7
  var css_classes = require('../css_classes.js');
8
8
  var main_module = require('../../../css/input/main.module.less.js');
9
9
  var context = require('../context.js');
10
+ var main_module$1 = require('../../../css/controls/main.module.less.js');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
13
 
@@ -15,7 +16,7 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
16
 
16
17
  const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
17
18
  const { errors } = context.useControlContext();
18
- const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], {
19
+ const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], {
19
20
  [main_module['default'][css_classes.cssControlS]]: padding === 'small',
20
21
  [main_module['default'][css_classes.cssControlError]]: errors,
21
22
  [main_module['default'][css_classes.cssControlDisabled]]: disabled,
@@ -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;"}
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlLabel = ({ id, isRequired, children }) => {
14
+ const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
15
15
  return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
16
- React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired }, children)));
16
+ React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
17
17
  };
18
18
 
19
19
  exports.default = ControlLabel;
@@ -43,9 +43,7 @@ const cellSelector = 'cell-selector';
43
43
  const cellSelectorContainer = `${cellSelector}__container`;
44
44
  const cellSelectorRow = `${cellSelector}__row`;
45
45
  const cellSelectorCell = `${cellSelector}__cell`;
46
- const cellSelectorCellActive = `${cellSelectorCell}_active`;
47
- const cssHelper = 'helper';
48
- const cssHelperError = `${cssHelper}_error`;
46
+ const cellSelectorCellActive = `${cellSelectorCell}_active`;
49
47
 
50
48
  exports.cellSelector = cellSelector;
51
49
  exports.cellSelectorCell = cellSelectorCell;
@@ -85,8 +83,6 @@ exports.cssControlsErrors = cssControlsErrors;
85
83
  exports.cssControlsErrorsList = cssControlsErrorsList;
86
84
  exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
87
85
  exports.cssControlsLabel = cssControlsLabel;
88
- exports.cssHelper = cssHelper;
89
- exports.cssHelperError = cssHelperError;
90
86
  exports.radio = radio;
91
87
  exports.radioControl = radioControl;
92
88
  exports.radioDisabled = radioDisabled;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
14
+ const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  React__default['default'].createElement(index['default'].Content, null,
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var index$2 = require('../../../label/index.js');
6
+ var index$1 = require('../../../label/index.js');
7
7
  var index = require('../../index.js');
8
- var index$1 = require('../../../hint/index.js');
8
+ var index$2 = require('../../../hint/index.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -23,19 +23,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  * />
24
24
  * )
25
25
  */
26
- const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
26
+ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
27
27
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
28
- (labelTop || hintTop) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
29
- labelTop,
30
- hintTop && React__default['default'].createElement(index$1['default'], { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
31
- helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
32
28
  React__default['default'].createElement(index['default'].Content, null,
33
29
  React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
34
30
  React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
35
- React__default['default'].createElement(index$2['default'], { htmlFor: id },
31
+ React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
36
32
  label,
37
33
  " ",
38
- hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
34
+ hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
39
35
  React__default['default'].createElement(index['default'].Errors, null)));
40
36
  };
41
37
 
@@ -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;"}
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;"}
@@ -23,12 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  * />
24
24
  * )
25
25
  */
26
- const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
26
+ const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
27
27
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
28
28
  React__default['default'].createElement(index['default'].Content, null,
29
29
  React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
30
30
  React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
31
- React__default['default'].createElement(index$1['default'], { htmlFor: id },
31
+ React__default['default'].createElement(index$1['default'], { htmlFor: id, additionalInfo: labelAdditionalInfo },
32
32
  label,
33
33
  hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
34
34
  React__default['default'].createElement(index['default'].Errors, null)));
@@ -28,16 +28,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
  * />
29
29
  * )
30
30
  */
31
- const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, helper, hintOptions = { isFixed: true } }) => {
31
+ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
32
32
  const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
33
33
  return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
34
34
  React__default['default'].createElement(index$1['default'], null,
35
35
  React__default['default'].createElement(index$1['default'].CustomLabel, null,
36
36
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
37
- (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
37
+ (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
38
38
  label$1,
39
39
  hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
40
- helper && React__default['default'].createElement(index$2['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
41
40
  React__default['default'].createElement(index$2['default'].Content, null,
42
41
  React__default['default'].createElement(index$2['default'].Element, null,
43
42
  React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -33,7 +33,7 @@ const DatepickerViews = {
33
33
  * />
34
34
  * )
35
35
  */
36
- const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
36
+ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
37
37
  const valueController = use_value_controller['default']({
38
38
  type,
39
39
  defaultDate,
@@ -52,7 +52,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
52
52
  return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
53
53
  React__default['default'].createElement(index$1['default'].CustomLabel, null,
54
54
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
55
- (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
55
+ (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
56
56
  label$1,
57
57
  hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
58
58
  React__default['default'].createElement(index$2['default'].Content, null,
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
14
+ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  React__default['default'].createElement(index['default'].Content, null,
@@ -25,12 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
25
  * />
26
26
  * )
27
27
  */
28
- const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helper, additionalInfo, ...props }) => {
28
+ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
29
29
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
30
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
30
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
31
31
  label,
32
32
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
33
- helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
34
33
  React__default['default'].createElement(index['default'].Content, null,
35
34
  React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
36
35
  React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
@@ -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;"}
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;"}
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
14
+ const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  React__default['default'].createElement(index['default'].Content, null,
@@ -24,16 +24,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
24
  * />
25
25
  * )
26
26
  */
27
- const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
27
+ const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
28
28
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
29
29
  React__default['default'].createElement(index['default'].Content, null,
30
- React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: additionalInfo ? positions.VERTICAL_POSITION.top : undefined },
30
+ React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: labelAdditionalInfo ? positions.VERTICAL_POSITION.top : undefined },
31
31
  React__default['default'].createElement(index['default'].Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
32
- React__default['default'].createElement(index$1['default'], { htmlFor: id },
32
+ React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
33
33
  label,
34
34
  " ",
35
- hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
36
- additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)))),
35
+ hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
37
36
  React__default['default'].createElement(index['default'].Errors, null)));
38
37
  };
39
38
 
@@ -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;"}
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
14
+ const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  options.map(({ value, label, hint, disabled }) => (React__default['default'].createElement(index$2['default'], { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
14
+ const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  React__default['default'].createElement(index['default'].Content, null,
@@ -26,9 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
26
  * />
27
27
  * )
28
28
  */
29
- const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
29
+ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
30
30
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
31
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
31
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
32
32
  label,
33
33
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
34
34
  React__default['default'].createElement(index['default'].Content, null,
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
14
+ const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
15
15
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
16
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
17
  label,
18
18
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
19
19
  React__default['default'].createElement(index['default'].Content, null,
@@ -25,12 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
25
  * />
26
26
  * )
27
27
  */
28
- const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helper }, ref) => {
28
+ const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
29
29
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
30
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
30
+ (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
31
31
  label,
32
32
  hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
33
- helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
34
33
  React__default['default'].createElement(index['default'].Content, null,
35
34
  React__default['default'].createElement(index['default'].Element, null,
36
35
  React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
@@ -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;"}
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;"}
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var css_classes = require('./css_classes.js');
7
7
  var context = require('./context.js');
8
- var input = require('./components/input.js');
9
8
  var main_module = require('../../css/controls/main.module.less.js');
9
+ var input = require('./components/input.js');
10
10
  var additional_info = require('./components/additional_info.js');
11
11
  var checkbox = require('./components/checkbox.js');
12
12
  var checkbox_switch = require('./components/checkbox_switch.js');
@@ -14,7 +14,6 @@ var content = require('./components/content.js');
14
14
  var label = require('./components/label.js');
15
15
  var element = require('./components/element.js');
16
16
  var errors = require('./components/errors.js');
17
- var helper = require('./components/helper.js');
18
17
  var radio = require('./components/radio.js');
19
18
  var textarea = require('./components/textarea.js');
20
19
 
@@ -35,8 +34,7 @@ Control.Content = content['default'];
35
34
  Control.Element = element['default'];
36
35
  Control.Textarea = textarea['default'];
37
36
  Control.Errors = errors['default'];
38
- Control.AdditionalInfo = additional_info.AdditionalInfo;
39
- Control.Helper = helper['default'];
37
+ Control.AdditionalInfo = additional_info.AdditionalInfo;
40
38
 
41
39
  exports.default = Control;
42
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var main_module = require('../../css/heading/main.module.less.js');
8
+ var index = require('../typography/index.js');
8
9
 
9
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
@@ -12,13 +13,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
13
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
13
14
 
14
15
  const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
15
- const classes = classnames__default['default'](main_module['default'][as], withHeadline && main_module['default'].head_line);
16
+ const classes = classnames__default['default'](withHeadline && main_module['default'].head_line);
16
17
  if (!isSubheading) {
17
- return React__default['default'].createElement(`${as}`, {
18
- className: classes
19
- }, children);
18
+ return (React__default['default'].createElement(index.Typography, { as: as, cssClasses: classes }, children));
20
19
  }
21
- return React__default['default'].createElement("span", { className: classes }, children);
20
+ return (React__default['default'].createElement(index.Typography, { as: "span", variant: as }, children));
22
21
  };
23
22
 
24
23
  exports.default = Heading;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const cssLabel = 'label';
6
6
  const cssLabelRequired = `${cssLabel}_required`;
7
- const cssLabelError = `${cssLabel}_error`;
7
+ const cssLabelError = `${cssLabel}_error`;
8
+ const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
8
9
 
9
10
  exports.cssLabel = cssLabel;
11
+ exports.cssLabelAdditionalInfo = cssLabelAdditionalInfo;
10
12
  exports.cssLabelError = cssLabelError;
11
13
  exports.cssLabelRequired = cssLabelRequired;
12
14
  //# sourceMappingURL=css_classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -7,19 +7,22 @@ var classnames = require('classnames');
7
7
  var context = require('../controls/context.js');
8
8
  var main_module = require('../../css/label/main.module.less.js');
9
9
  var css_classes = require('./css_classes.js');
10
+ var index = require('../stack/index.js');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
13
 
13
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
15
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
16
 
16
- const Label = ({ isRequired = false, children, ...props }) => {
17
+ const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
17
18
  const { errors } = context.useControlContext();
18
19
  const labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], {
19
20
  [main_module['default'][css_classes.cssLabelRequired]]: isRequired,
20
21
  [main_module['default'][css_classes.cssLabelError]]: errors
21
22
  });
22
- return (React__default['default'].createElement("label", { className: labelClasses, ...props }, children));
23
+ return (React__default['default'].createElement("label", { className: labelClasses, ...props },
24
+ React__default['default'].createElement(index['default'], { align: "center" }, children),
25
+ additionalInfo && React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssLabelAdditionalInfo] }, additionalInfo)));
23
26
  };
24
27
 
25
28
  exports.default = Label;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -13,10 +13,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div' }) => {
17
- const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
16
+ const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false }) => {
17
+ const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], stack_constants.STACK_CSS_CLASSES.inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
18
18
  return React__default['default'].createElement(as, {
19
- className: `${stackClass} ${stackClass}`,
19
+ className: `${stackClass}`,
20
20
  style: { gap: `${spacing}px` }
21
21
  }, children);
22
22
  };
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ const stackCssBaseClass = 'stack';
5
6
  const STACK_DIRECTIONS = {
6
7
  row: 'row',
7
8
  column: 'column',
@@ -39,7 +40,10 @@ const STACK_WRAP = {
39
40
  initial: 'initial',
40
41
  inherit: 'inherit'
41
42
  };
42
- const stackCssBaseClass = 'stack';
43
+ const STACK_CSS_CLASSES = {
44
+ stack: stackCssBaseClass,
45
+ inline: `${stackCssBaseClass}_inline`
46
+ };
43
47
  const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
44
48
  [STACK_DIRECTIONS.row]: `${stackCssBaseClass}_direction_row`,
45
49
  [STACK_DIRECTIONS.column]: `${stackCssBaseClass}_direction_column`,
@@ -66,6 +70,7 @@ const STACK_WRAP_TO_CSS_CLASSES_MAP = {
66
70
 
67
71
  exports.STACK_ALIGNMENTS = STACK_ALIGNMENTS;
68
72
  exports.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP;
73
+ exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
69
74
  exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
70
75
  exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
71
76
  exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,25 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ var typography_constants = require('./typography_constants.js');
8
+ var main_module = require('../../css/typography/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
+
15
+ const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses, color, style }) => {
16
+ const typographyClasses = classnames__default['default'](main_module['default'][typography_constants.TYPOGRAPHY_CSS_CLASSES.typography], as ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? main_module['default'][typography_constants.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? main_module['default'][typography_constants.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? main_module['default'][typography_constants.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
17
+ return React__default['default'].createElement(as, {
18
+ className: typographyClasses,
19
+ style: style
20
+ }, children);
21
+ };
22
+
23
+ exports.Typography = Typography;
24
+ exports.default = Typography;
25
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}