@dreamcommerce/aurora 2.4.0-7 → 2.4.0-9

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 (81) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/components/label.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +1 -5
  3. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  15. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
  16. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  18. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  19. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  20. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  21. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
  22. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  23. package/build/cjs/packages/aurora/src/components/controls/index.js +1 -3
  24. package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
  25. package/build/cjs/packages/aurora/src/components/label/css_classes.js +3 -1
  26. package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
  27. package/build/cjs/packages/aurora/src/components/label/index.js +5 -2
  28. package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
  29. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  30. package/build/cjs/packages/aurora/src/css/label/main.module.less.js +2 -2
  31. package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +1 -1
  32. package/build/cjs/packages/aurora/src/index.js +4 -4
  33. package/build/esm/packages/aurora/src/components/controls/components/label.js +2 -2
  34. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -2
  35. package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -4
  36. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  37. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  38. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
  39. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  40. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  41. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
  42. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  43. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
  44. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  45. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
  46. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  48. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
  49. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  51. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  52. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  53. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  54. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
  55. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  56. package/build/esm/packages/aurora/src/components/controls/index.js +1 -3
  57. package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
  58. package/build/esm/packages/aurora/src/components/controls/types.d.ts +13 -9
  59. package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +2 -1
  60. package/build/esm/packages/aurora/src/components/date_picker/types.js.map +1 -1
  61. package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +1 -0
  62. package/build/esm/packages/aurora/src/components/label/css_classes.js +3 -2
  63. package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/label/index.js +6 -3
  65. package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/label/types.d.ts +2 -1
  67. package/build/esm/packages/aurora/src/components/label/types.js.map +1 -1
  68. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  69. package/build/esm/packages/aurora/src/css/label/main.module.less.js +2 -2
  70. package/build/esm/packages/aurora/src/css/typography/main.module.less.js +1 -1
  71. package/build/esm/packages/aurora/src/index.js +2 -2
  72. package/package.json +1 -1
  73. package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js +0 -23
  74. package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
  75. package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js +0 -12
  76. package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
  77. package/build/esm/packages/aurora/src/components/controls/components/helper_text.d.ts +0 -4
  78. package/build/esm/packages/aurora/src/components/controls/components/helper_text.js +0 -14
  79. package/build/esm/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
  80. package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js +0 -8
  81. package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
@@ -20,16 +20,15 @@ import Dropdown from '../../../dropdown/index.js';
20
20
  * />
21
21
  * )
22
22
  */
23
- const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, helperText, hintOptions = { isFixed: true } }) => {
23
+ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
24
24
  const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
25
25
  return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
26
26
  React.createElement(Dropdown, null,
27
27
  React.createElement(Dropdown.CustomLabel, null,
28
28
  React.createElement(Control, { errors: errors, name: name, id: id },
29
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
29
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
30
30
  label,
31
31
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
32
- helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
33
32
  React.createElement(Control.Content, null,
34
33
  React.createElement(Control.Element, null,
35
34
  React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: 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;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;"}
@@ -25,7 +25,7 @@ const DatepickerViews = {
25
25
  * />
26
26
  * )
27
27
  */
28
- const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
28
+ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
29
29
  const valueController = useValueController({
30
30
  type,
31
31
  defaultDate,
@@ -44,7 +44,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
44
44
  return (React.createElement(DatepickerContext.Provider, { value: valueController },
45
45
  React.createElement(Dropdown.CustomLabel, null,
46
46
  React.createElement(Control, { errors: errors, name: name, id: id },
47
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
47
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
48
48
  label,
49
49
  hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
50
50
  React.createElement(Control.Content, null,
@@ -3,9 +3,9 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import FilePicker from '../../../file_picker/index.js';
5
5
 
6
- const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
6
+ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
8
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
10
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
17
17
  * />
18
18
  * )
19
19
  */
20
- const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helperText, additionalInfo, ...props }) => {
20
+ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
21
21
  return (React.createElement(Control, { errors: errors, name: name, id: id },
22
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
22
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
23
23
  label,
24
24
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
25
- helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
26
25
  React.createElement(Control.Content, null,
27
26
  React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
28
27
  React.createElement(Control.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;"}
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;"}
@@ -3,9 +3,9 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import Multiple from '../../../dropdown/hoc/multiselect/index.js';
5
5
 
6
- const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
6
+ const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
8
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
10
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
@@ -16,16 +16,15 @@ import Hint from '../../../hint/index.js';
16
16
  * />
17
17
  * )
18
18
  */
19
- const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
19
+ const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
20
20
  return (React.createElement(Control, { errors: errors, name: name, id: id },
21
21
  React.createElement(Control.Content, null,
22
- React.createElement(Control.Element, { type: "radio", verticalPosition: additionalInfo ? VERTICAL_POSITION.top : undefined },
22
+ React.createElement(Control.Element, { type: "radio", verticalPosition: labelAdditionalInfo ? VERTICAL_POSITION.top : undefined },
23
23
  React.createElement(Control.Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
24
- React.createElement(Label, { htmlFor: id },
24
+ React.createElement(Label, { additionalInfo: labelAdditionalInfo, htmlFor: id },
25
25
  label,
26
26
  " ",
27
- hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
28
- additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
27
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
29
28
  React.createElement(Control.Errors, null)));
30
29
  };
31
30
 
@@ -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;"}
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;"}
@@ -3,9 +3,9 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import ControlRadio from '../control_radio/index.js';
5
5
 
6
- const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
6
+ const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
8
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
10
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  options.map(({ value, label, hint, disabled }) => (React.createElement(ControlRadio, { 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 }))),
@@ -3,9 +3,9 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import Range from '../../../range/index.js';
5
5
 
6
- const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
6
+ const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
8
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
10
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
@@ -18,9 +18,9 @@ import Select from '../../../dropdown/hoc/select/index.js';
18
18
  * />
19
19
  * )
20
20
  */
21
- 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 }) => {
21
+ 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 }) => {
22
22
  return (React.createElement(Control, { errors: errors, name: name, id: id },
23
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
23
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
24
24
  label,
25
25
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
26
26
  React.createElement(Control.Content, null,
@@ -3,9 +3,9 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import TagsSelector from '../../../tags_selector/index.js';
5
5
 
6
- const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
6
+ const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
8
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
10
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
17
17
  * />
18
18
  * )
19
19
  */
20
- const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helperText }, ref) => {
20
+ const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
21
21
  return (React.createElement(Control, { errors: errors, name: name, id: id },
22
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
22
+ (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
23
23
  label,
24
24
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
25
- helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
26
25
  React.createElement(Control.Content, null,
27
26
  React.createElement(Control.Element, null,
28
27
  React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
@@ -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;"}
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;"}
@@ -10,7 +10,6 @@ import Content from './components/content.js';
10
10
  import ControlLabel from './components/label.js';
11
11
  import Element from './components/element.js';
12
12
  import Errors from './components/errors.js';
13
- import LabelAdditionalInfo from './components/helper_text.js';
14
13
  import Radio from './components/radio.js';
15
14
  import Textarea from './components/textarea.js';
16
15
 
@@ -27,8 +26,7 @@ Control.Content = Content;
27
26
  Control.Element = Element;
28
27
  Control.Textarea = Textarea;
29
28
  Control.Errors = Errors;
30
- Control.AdditionalInfo = AdditionalInfo;
31
- Control.HelperText = LabelAdditionalInfo;
29
+ Control.AdditionalInfo = AdditionalInfo;
32
30
 
33
31
  export default Control;
34
32
  //# 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;"}
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;"}
@@ -22,7 +22,6 @@ export interface IControlComposition {
22
22
  Textarea: React.FC<ITextareaProps>;
23
23
  Errors: React.FC;
24
24
  AdditionalInfo: React.FC;
25
- HelperText: React.FC<IControlHelperTextProps>;
26
25
  }
27
26
  export interface IControlProps {
28
27
  children: ReactNode;
@@ -54,6 +53,7 @@ export interface IControlTagsSelectorProps extends IControlCommonProps {
54
53
  id?: string;
55
54
  name?: string;
56
55
  label?: string;
56
+ labelAdditionalInfo?: string | ReactNode;
57
57
  isRequired?: boolean;
58
58
  placeholder?: string;
59
59
  minTagLength?: number;
@@ -92,6 +92,7 @@ export interface IControlLabelProps {
92
92
  id?: string;
93
93
  isRequired?: boolean;
94
94
  children: any;
95
+ additionalInfo?: string | ReactNode;
95
96
  }
96
97
  export interface ICheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
97
98
  id?: string;
@@ -103,11 +104,11 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
103
104
  postfix?: string;
104
105
  label?: string;
105
106
  isRequired?: boolean;
106
- helperText?: string;
107
+ labelAdditionalInfo?: string | ReactNode;
107
108
  }
108
109
  export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
109
110
  label: string;
110
- helperText?: string;
111
+ labelAdditionalInfo?: string | ReactNode;
111
112
  }
112
113
  export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
113
114
  id: string;
@@ -115,6 +116,7 @@ export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
115
116
  }
116
117
  export interface IControlRadioProps extends IRadioProps, IControlCommonProps {
117
118
  label: string;
119
+ labelAdditionalInfo?: string | ReactNode;
118
120
  }
119
121
  export interface IControlRadioGroupOption {
120
122
  value: string;
@@ -130,6 +132,7 @@ export interface IControlRadioGroup extends IControlCommonProps {
130
132
  id: string;
131
133
  name: string;
132
134
  label: string;
135
+ labelAdditionalInfo?: string | ReactNode;
133
136
  }
134
137
  export interface IControlColorPickerProps extends IColorPickerProps, IControlCommonProps {
135
138
  id: string;
@@ -137,33 +140,37 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
137
140
  label?: string;
138
141
  isRequired?: boolean;
139
142
  hideChooseCancelButtons?: boolean;
140
- helperText?: React.ReactNode;
143
+ labelAdditionalInfo?: string | React.ReactNode;
141
144
  }
142
145
  export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
143
146
  label?: string;
144
147
  isRequired?: boolean;
145
- helperText?: React.ReactNode;
148
+ labelAdditionalInfo?: string | ReactNode;
146
149
  }
147
150
  export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
148
151
  id?: string;
149
152
  label?: string;
150
153
  isRequired?: boolean;
154
+ labelAdditionalInfo?: string | ReactNode;
151
155
  }
152
156
  export interface IControlMultiSelectProps extends IMultiSelectProps, IControlCommonProps {
153
157
  id?: string;
154
158
  label?: string;
155
159
  isRequired?: boolean;
160
+ labelAdditionalInfo?: string | ReactNode;
156
161
  }
157
162
  export interface IControlRange extends IRange, IControlCommonProps {
158
163
  id?: string;
159
164
  label?: string;
160
165
  isRequired?: boolean;
161
166
  name?: string;
167
+ labelAdditionalInfo?: string | ReactNode;
162
168
  }
163
169
  export interface IControlFilePicker extends IFilePicker, IControlCommonProps {
164
170
  label?: string;
165
171
  isRequired?: boolean;
166
172
  name?: string;
173
+ labelAdditionalInfo?: string | ReactNode;
167
174
  }
168
175
  export interface ICellSelector {
169
176
  rows?: number;
@@ -178,9 +185,6 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
178
185
  label?: string;
179
186
  id?: string;
180
187
  isRequired?: boolean;
181
- }
182
- export interface IControlHelperTextProps {
183
- hasError?: boolean;
184
- cssClasses?: string;
188
+ labelAdditionalInfo?: string | ReactNode;
185
189
  }
186
190
  export {};
@@ -1,4 +1,4 @@
1
- import { Dispatch, SetStateAction } from 'react';
1
+ import React, { Dispatch, SetStateAction } from 'react';
2
2
  import { TControlErrors } from "../controls/types";
3
3
  export interface IMonthYear {
4
4
  month: number;
@@ -70,6 +70,7 @@ export interface IDatepickerProps {
70
70
  showButtons?: boolean;
71
71
  hint?: string;
72
72
  errors?: TControlErrors;
73
+ labelAdditionalInfo?: string | React.ReactNode;
73
74
  }
74
75
  export interface IDatepickerLabelProps {
75
76
  id: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAA+B,kCAAkC,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAgD,OAAO,CAAC;AACxD,OAA+B,kCAAkC,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export declare const cssLabel = "label";
2
2
  export declare const cssLabelRequired: string;
3
3
  export declare const cssLabelError: string;
4
+ export declare const cssLabelAdditionalInfo: string;
@@ -1,6 +1,7 @@
1
1
  const cssLabel = 'label';
2
2
  const cssLabelRequired = `${cssLabel}_required`;
3
- const cssLabelError = `${cssLabel}_error`;
3
+ const cssLabelError = `${cssLabel}_error`;
4
+ const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
4
5
 
5
- export { cssLabel, cssLabelError, cssLabelRequired };
6
+ export { cssLabel, cssLabelAdditionalInfo, cssLabelError, cssLabelRequired };
6
7
  //# sourceMappingURL=css_classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
@@ -2,15 +2,18 @@ import React from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { useControlContext } from '../controls/context.js';
4
4
  import cssClasses from '../../css/label/main.module.less.js';
5
- import { cssLabel, cssLabelRequired, cssLabelError } from './css_classes.js';
5
+ import { cssLabel, cssLabelRequired, cssLabelError, cssLabelAdditionalInfo } from './css_classes.js';
6
+ import Stack from '../stack/index.js';
6
7
 
7
- const Label = ({ isRequired = false, children, ...props }) => {
8
+ const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
8
9
  const { errors } = useControlContext();
9
10
  const labelClasses = classnames(cssClasses[cssLabel], {
10
11
  [cssClasses[cssLabelRequired]]: isRequired,
11
12
  [cssClasses[cssLabelError]]: errors
12
13
  });
13
- return (React.createElement("label", { className: labelClasses, ...props }, children));
14
+ return (React.createElement("label", { className: labelClasses, ...props },
15
+ React.createElement(Stack, { align: "center" }, children),
16
+ additionalInfo && React.createElement("span", { className: cssClasses[cssLabelAdditionalInfo] }, additionalInfo)));
14
17
  };
15
18
 
16
19
  export 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;"}
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,4 +1,5 @@
1
- import { LabelHTMLAttributes } from 'react';
1
+ import { LabelHTMLAttributes, ReactNode } from 'react';
2
2
  export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
3
3
  isRequired?: boolean;
4
+ additionalInfo?: string | ReactNode;
4
5
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAAoC,OAAO,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAA+C,OAAO,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.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";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
4
4
  var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
4
- var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label__additional-info__CToit {\n grid-area: label-additional-info;\n display: block;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #abb4cd;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
4
+ var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label__additional-info":"main-module_label__additional-info__CToit","label_error":"main-module_label_error__su2hG"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -1,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_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n";
4
4
  var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA"};
5
5
  styleInject(css_248z);
6
6
 
@@ -5,6 +5,7 @@ export { default as ButtonsGroup } from './components/buttons_group/index.js';
5
5
  export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
6
6
  export { default as ColorPicker } from './components/color_picker/index.js';
7
7
  export { default as IconTick } from './assets/icon_tick.js';
8
+ export { default as Stack } from './components/stack/index.js';
8
9
  export { default as Label } from './components/label/index.js';
9
10
  export { default as Control } from './components/controls/index.js';
10
11
  export { default as Hint } from './components/hint/index.js';
@@ -14,7 +15,6 @@ export { default as ControlCheckboxSwitch } from './components/controls/hoc/cont
14
15
  export { default as IconArrow } from './assets/icon_arrow.js';
15
16
  export { useToggle } from './components/dropdown/hooks/use_toggle.js';
16
17
  export { default as Dropdown } from './components/dropdown/index.js';
17
- export { default as Spacing } from './components/spacing/index.js';
18
18
  export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
19
19
  export { default as IconCalendar } from './assets/icon_calendar.js';
20
20
  export { default as Select } from './components/dropdown/hoc/select/index.js';
@@ -63,7 +63,7 @@ export { SlideCloseBtnWrapper } from './components/slide/components/slide_close_
63
63
  export { SlideContent } from './components/slide/components/slide_content.js';
64
64
  export { SlideFooter } from './components/slide/components/slide_footer.js';
65
65
  export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
66
- export { default as Stack } from './components/stack/index.js';
66
+ export { default as Spacing } from './components/spacing/index.js';
67
67
  export { default as Tabs } from './components/tabs/components/tabs.js';
68
68
  export { TabsItem } from './components/tabs/components/tabs_item.js';
69
69
  export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.4.0-7",
5
+ "version": "2.4.0-9",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var classnames = require('classnames');
7
- var css_classes = require('../css_classes.js');
8
- var main_module = require('../../../css/helper-text/main.module.less.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
-
15
- const LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
16
- const helperClassNames = classnames__default['default'](main_module['default'][css_classes.helperText], {
17
- [main_module['default'][css_classes.helperTextError]]: hasError
18
- });
19
- return React__default['default'].createElement("p", { className: helperClassNames }, children);
20
- };
21
-
22
- exports.default = LabelAdditionalInfo;
23
- //# sourceMappingURL=helper_text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,12 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
-
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper-text__dgdVc {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper-text_error__2HsHS {\n color: #e60c54;\n}\n";
8
- var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
9
- styleInject_es['default'](css_248z);
10
-
11
- exports.default = cssStyles;
12
- //# sourceMappingURL=main.module.less.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IControlHelperTextProps } from "../types";
3
- declare const LabelAdditionalInfo: React.FC<IControlHelperTextProps>;
4
- export default LabelAdditionalInfo;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import { helperText, helperTextError } from '../css_classes.js';
4
- import cssStyles from '../../../css/helper-text/main.module.less.js';
5
-
6
- const LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
7
- const helperClassNames = classnames(cssStyles[helperText], {
8
- [cssStyles[helperTextError]]: hasError
9
- });
10
- return React.createElement("p", { className: helperClassNames }, children);
11
- };
12
-
13
- export default LabelAdditionalInfo;
14
- //# sourceMappingURL=helper_text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,8 +0,0 @@
1
- import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
-
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper-text__dgdVc {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper-text_error__2HsHS {\n color: #e60c54;\n}\n";
4
- var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
5
- styleInject(css_248z);
6
-
7
- export default cssStyles;
8
- //# sourceMappingURL=main.module.less.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}