@alfalab/core-components-radio-group 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/Component.d.ts +9 -1
  2. package/Component.js +3 -3
  3. package/cssm/Component.d.ts +9 -1
  4. package/cssm/Component.js +2 -2
  5. package/esm/Component.d.ts +9 -1
  6. package/esm/Component.js +3 -3
  7. package/esm/index.css +17 -17
  8. package/index.css +17 -17
  9. package/modern/Component.d.ts +9 -1
  10. package/modern/Component.js +3 -3
  11. package/modern/index.css +17 -17
  12. package/package.json +1 -1
package/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ReactNode, ChangeEvent, MouseEvent } from "react";
3
+ import { ReactNode, ChangeEvent, MouseEvent, FocusEvent } from "react";
4
4
  type Direction = 'horizontal' | 'vertical';
5
5
  type RadioGroupType = 'radio' | 'tag';
6
6
  type RadioGroupProps = {
@@ -39,6 +39,14 @@ type RadioGroupProps = {
39
39
  value: string;
40
40
  name?: string;
41
41
  }) => void;
42
+ /**
43
+ * Обработчик блюра.
44
+ */
45
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
46
+ /**
47
+ * Обработчик фокуса.
48
+ */
49
+ onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
42
50
  /**
43
51
  * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
44
52
  */
package/Component.js CHANGED
@@ -37,12 +37,12 @@ var __assign = function () {
37
37
  return __assign.apply(this, arguments);
38
38
  };
39
39
 
40
- var styles = {"component":"radio-group__component_1xqeu","error":"radio-group__error_1xqeu","radioList":"radio-group__radioList_1xqeu","vertical":"radio-group__vertical_1xqeu","radio":"radio-group__radio_1xqeu","horizontal":"radio-group__horizontal_1xqeu","tag":"radio-group__tag_1xqeu","tagLabel":"radio-group__tagLabel_1xqeu","label":"radio-group__label_1xqeu","sub":"radio-group__sub_1xqeu","errorMessage":"radio-group__errorMessage_1xqeu","hint":"radio-group__hint_1xqeu","hiddenInput":"radio-group__hiddenInput_1xqeu"};
40
+ var styles = {"component":"radio-group__component_1orgk","error":"radio-group__error_1orgk","radioList":"radio-group__radioList_1orgk","vertical":"radio-group__vertical_1orgk","radio":"radio-group__radio_1orgk","horizontal":"radio-group__horizontal_1orgk","tag":"radio-group__tag_1orgk","tagLabel":"radio-group__tagLabel_1orgk","label":"radio-group__label_1orgk","sub":"radio-group__sub_1orgk","errorMessage":"radio-group__errorMessage_1orgk","hint":"radio-group__hint_1orgk","hiddenInput":"radio-group__hiddenInput_1orgk"};
41
41
  require('./index.css')
42
42
 
43
43
  var RadioGroup = React.forwardRef(function (_a, ref) {
44
44
  var _b;
45
- var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
45
+ var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
46
46
  var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
47
47
  var renderRadio = function (child) {
48
48
  var childClassName = child.props.className;
@@ -75,7 +75,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
75
75
  var errorMessage = typeof error === 'boolean' ? '' : error;
76
76
  return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[type], styles[direction], (_b = {}, _b[styles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
77
77
  label ? React__default['default'].createElement("span", { className: styles.label }, label) : null,
78
- children ? (React__default['default'].createElement("div", { className: styles.radioList }, React.Children.map(children, function (child) {
78
+ children ? (React__default['default'].createElement("div", { className: styles.radioList, onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
79
79
  if (React.isValidElement(child)) {
80
80
  return type === 'radio' ? renderRadio(child) : renderTag(child);
81
81
  }
package/cssm/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ReactNode, ChangeEvent, MouseEvent } from "react";
3
+ import { ReactNode, ChangeEvent, MouseEvent, FocusEvent } from "react";
4
4
  type Direction = 'horizontal' | 'vertical';
5
5
  type RadioGroupType = 'radio' | 'tag';
6
6
  type RadioGroupProps = {
@@ -39,6 +39,14 @@ type RadioGroupProps = {
39
39
  value: string;
40
40
  name?: string;
41
41
  }) => void;
42
+ /**
43
+ * Обработчик блюра.
44
+ */
45
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
46
+ /**
47
+ * Обработчик фокуса.
48
+ */
49
+ onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
42
50
  /**
43
51
  * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
44
52
  */
package/cssm/Component.js CHANGED
@@ -41,7 +41,7 @@ var __assign = function () {
41
41
 
42
42
  var RadioGroup = React.forwardRef(function (_a, ref) {
43
43
  var _b;
44
- var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
44
+ var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
45
45
  var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
46
46
  var renderRadio = function (child) {
47
47
  var childClassName = child.props.className;
@@ -74,7 +74,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
74
74
  var errorMessage = typeof error === 'boolean' ? '' : error;
75
75
  return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][type], styles__default['default'][direction], (_b = {}, _b[styles__default['default'].error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
76
76
  label ? React__default['default'].createElement("span", { className: styles__default['default'].label }, label) : null,
77
- children ? (React__default['default'].createElement("div", { className: styles__default['default'].radioList }, React.Children.map(children, function (child) {
77
+ children ? (React__default['default'].createElement("div", { className: styles__default['default'].radioList, onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
78
78
  if (React.isValidElement(child)) {
79
79
  return type === 'radio' ? renderRadio(child) : renderTag(child);
80
80
  }
package/esm/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ReactNode, ChangeEvent, MouseEvent } from "react";
3
+ import { ReactNode, ChangeEvent, MouseEvent, FocusEvent } from "react";
4
4
  type Direction = 'horizontal' | 'vertical';
5
5
  type RadioGroupType = 'radio' | 'tag';
6
6
  type RadioGroupProps = {
@@ -39,6 +39,14 @@ type RadioGroupProps = {
39
39
  value: string;
40
40
  name?: string;
41
41
  }) => void;
42
+ /**
43
+ * Обработчик блюра.
44
+ */
45
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
46
+ /**
47
+ * Обработчик фокуса.
48
+ */
49
+ onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
42
50
  /**
43
51
  * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
44
52
  */
package/esm/Component.js CHANGED
@@ -28,12 +28,12 @@ var __assign = function () {
28
28
  return __assign.apply(this, arguments);
29
29
  };
30
30
 
31
- var styles = {"component":"radio-group__component_1xqeu","error":"radio-group__error_1xqeu","radioList":"radio-group__radioList_1xqeu","vertical":"radio-group__vertical_1xqeu","radio":"radio-group__radio_1xqeu","horizontal":"radio-group__horizontal_1xqeu","tag":"radio-group__tag_1xqeu","tagLabel":"radio-group__tagLabel_1xqeu","label":"radio-group__label_1xqeu","sub":"radio-group__sub_1xqeu","errorMessage":"radio-group__errorMessage_1xqeu","hint":"radio-group__hint_1xqeu","hiddenInput":"radio-group__hiddenInput_1xqeu"};
31
+ var styles = {"component":"radio-group__component_1orgk","error":"radio-group__error_1orgk","radioList":"radio-group__radioList_1orgk","vertical":"radio-group__vertical_1orgk","radio":"radio-group__radio_1orgk","horizontal":"radio-group__horizontal_1orgk","tag":"radio-group__tag_1orgk","tagLabel":"radio-group__tagLabel_1orgk","label":"radio-group__label_1orgk","sub":"radio-group__sub_1orgk","errorMessage":"radio-group__errorMessage_1orgk","hint":"radio-group__hint_1orgk","hiddenInput":"radio-group__hiddenInput_1orgk"};
32
32
  require('./index.css')
33
33
 
34
34
  var RadioGroup = forwardRef(function (_a, ref) {
35
35
  var _b;
36
- var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
36
+ var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
37
37
  var _f = useState(''), stateValue = _f[0], setStateValue = _f[1];
38
38
  var renderRadio = function (child) {
39
39
  var childClassName = child.props.className;
@@ -66,7 +66,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
66
66
  var errorMessage = typeof error === 'boolean' ? '' : error;
67
67
  return (React.createElement("div", { className: cn(styles.component, styles[type], styles[direction], (_b = {}, _b[styles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
68
68
  label ? React.createElement("span", { className: styles.label }, label) : null,
69
- children ? (React.createElement("div", { className: styles.radioList }, Children.map(children, function (child) {
69
+ children ? (React.createElement("div", { className: styles.radioList, onBlur: onBlur, onFocus: onFocus }, Children.map(children, function (child) {
70
70
  if (isValidElement(child)) {
71
71
  return type === 'radio' ? renderRadio(child) : renderTag(child);
72
72
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xgmjc */
1
+ /* hash: t9ghx */
2
2
  :root {
3
3
  --color-light-text-negative: #d91d0b;
4
4
  --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
25
25
  --radio-group-hint-color: var(--color-light-text-secondary);
26
26
  --radio-group-label-color: var(--color-light-text-primary);
27
27
  }
28
- .radio-group__component_1xqeu {
28
+ .radio-group__component_1orgk {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1xqeu {
32
+ .radio-group__error_1orgk {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1xqeu {
36
+ .radio-group__radioList_1orgk {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
39
+ .radio-group__vertical_1orgk .radio-group__radioList_1orgk {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
43
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
46
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
49
+ .radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
50
50
  flex-wrap: wrap;
51
51
  margin-right: var(--gap-xl-neg);
52
52
  margin-bottom: var(--gap-xs-neg);
53
53
  }
54
- .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
54
+ .radio-group__tag_1orgk.radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
57
+ .radio-group__horizontal_1orgk .radio-group__radio_1orgk {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
61
+ .radio-group__horizontal_1orgk .radio-group__tagLabel_1orgk {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1xqeu {
64
+ .radio-group__label_1orgk {
65
65
  font-size: 16px;
66
66
  line-height: 24px;
67
67
  font-weight: 400;
68
68
  margin-bottom: var(--gap-s);
69
69
  color: var(--radio-group-label-color);
70
70
  }
71
- .radio-group__sub_1xqeu {
71
+ .radio-group__sub_1orgk {
72
72
  font-size: 14px;
73
73
  line-height: 18px;
74
74
  font-weight: 400;
75
75
  margin-top: var(--gap-s);
76
76
  }
77
- .radio-group__errorMessage_1xqeu {
77
+ .radio-group__errorMessage_1orgk {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1xqeu {
80
+ .radio-group__hint_1orgk {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1xqeu {
83
+ .radio-group__hiddenInput_1orgk {
84
84
  position: absolute;
85
85
  z-index: -1;
86
86
  top: 0;
87
87
  left: 0;
88
88
  opacity: 0;
89
89
  }
90
- .radio-group__tagLabel_1xqeu {
90
+ .radio-group__tagLabel_1orgk {
91
91
  position: relative;
92
92
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xgmjc */
1
+ /* hash: t9ghx */
2
2
  :root {
3
3
  --color-light-text-negative: #d91d0b;
4
4
  --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
25
25
  --radio-group-hint-color: var(--color-light-text-secondary);
26
26
  --radio-group-label-color: var(--color-light-text-primary);
27
27
  }
28
- .radio-group__component_1xqeu {
28
+ .radio-group__component_1orgk {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1xqeu {
32
+ .radio-group__error_1orgk {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1xqeu {
36
+ .radio-group__radioList_1orgk {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
39
+ .radio-group__vertical_1orgk .radio-group__radioList_1orgk {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
43
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
46
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
49
+ .radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
50
50
  flex-wrap: wrap;
51
51
  margin-right: var(--gap-xl-neg);
52
52
  margin-bottom: var(--gap-xs-neg);
53
53
  }
54
- .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
54
+ .radio-group__tag_1orgk.radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
57
+ .radio-group__horizontal_1orgk .radio-group__radio_1orgk {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
61
+ .radio-group__horizontal_1orgk .radio-group__tagLabel_1orgk {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1xqeu {
64
+ .radio-group__label_1orgk {
65
65
  font-size: 16px;
66
66
  line-height: 24px;
67
67
  font-weight: 400;
68
68
  margin-bottom: var(--gap-s);
69
69
  color: var(--radio-group-label-color);
70
70
  }
71
- .radio-group__sub_1xqeu {
71
+ .radio-group__sub_1orgk {
72
72
  font-size: 14px;
73
73
  line-height: 18px;
74
74
  font-weight: 400;
75
75
  margin-top: var(--gap-s);
76
76
  }
77
- .radio-group__errorMessage_1xqeu {
77
+ .radio-group__errorMessage_1orgk {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1xqeu {
80
+ .radio-group__hint_1orgk {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1xqeu {
83
+ .radio-group__hiddenInput_1orgk {
84
84
  position: absolute;
85
85
  z-index: -1;
86
86
  top: 0;
87
87
  left: 0;
88
88
  opacity: 0;
89
89
  }
90
- .radio-group__tagLabel_1xqeu {
90
+ .radio-group__tagLabel_1orgk {
91
91
  position: relative;
92
92
  }
package/modern/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ReactNode, ChangeEvent, MouseEvent } from "react";
3
+ import { ReactNode, ChangeEvent, MouseEvent, FocusEvent } from "react";
4
4
  type Direction = 'horizontal' | 'vertical';
5
5
  type RadioGroupType = 'radio' | 'tag';
6
6
  type RadioGroupProps = {
@@ -39,6 +39,14 @@ type RadioGroupProps = {
39
39
  value: string;
40
40
  name?: string;
41
41
  }) => void;
42
+ /**
43
+ * Обработчик блюра.
44
+ */
45
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
46
+ /**
47
+ * Обработчик фокуса.
48
+ */
49
+ onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
42
50
  /**
43
51
  * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
44
52
  */
package/modern/Component.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"radio-group__component_1xqeu","error":"radio-group__error_1xqeu","radioList":"radio-group__radioList_1xqeu","vertical":"radio-group__vertical_1xqeu","radio":"radio-group__radio_1xqeu","horizontal":"radio-group__horizontal_1xqeu","tag":"radio-group__tag_1xqeu","tagLabel":"radio-group__tagLabel_1xqeu","label":"radio-group__label_1xqeu","sub":"radio-group__sub_1xqeu","errorMessage":"radio-group__errorMessage_1xqeu","hint":"radio-group__hint_1xqeu","hiddenInput":"radio-group__hiddenInput_1xqeu"};
4
+ var styles = {"component":"radio-group__component_1orgk","error":"radio-group__error_1orgk","radioList":"radio-group__radioList_1orgk","vertical":"radio-group__vertical_1orgk","radio":"radio-group__radio_1orgk","horizontal":"radio-group__horizontal_1orgk","tag":"radio-group__tag_1orgk","tagLabel":"radio-group__tagLabel_1orgk","label":"radio-group__label_1orgk","sub":"radio-group__sub_1orgk","errorMessage":"radio-group__errorMessage_1orgk","hint":"radio-group__hint_1orgk","hiddenInput":"radio-group__hiddenInput_1orgk"};
5
5
  require('./index.css')
6
6
 
7
- const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {
7
+ const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {
8
8
  const [stateValue, setStateValue] = useState('');
9
9
  const renderRadio = (child) => {
10
10
  const { className: childClassName } = child.props;
@@ -48,7 +48,7 @@ const RadioGroup = forwardRef(({ children, className, direction = 'vertical', la
48
48
  const errorMessage = typeof error === 'boolean' ? '' : error;
49
49
  return (React.createElement("div", { className: cn(styles.component, styles[type], styles[direction], { [styles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
50
50
  label ? React.createElement("span", { className: styles.label }, label) : null,
51
- children ? (React.createElement("div", { className: styles.radioList }, Children.map(children, child => {
51
+ children ? (React.createElement("div", { className: styles.radioList, onBlur: onBlur, onFocus: onFocus }, Children.map(children, child => {
52
52
  if (isValidElement(child)) {
53
53
  return type === 'radio' ? renderRadio(child) : renderTag(child);
54
54
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xgmjc */
1
+ /* hash: t9ghx */
2
2
  :root {
3
3
  --color-light-text-negative: #d91d0b;
4
4
  --color-light-text-primary: #0b1f35;
@@ -25,68 +25,68 @@
25
25
  --radio-group-hint-color: var(--color-light-text-secondary);
26
26
  --radio-group-label-color: var(--color-light-text-primary);
27
27
  }
28
- .radio-group__component_1xqeu {
28
+ .radio-group__component_1orgk {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1xqeu {
32
+ .radio-group__error_1orgk {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1xqeu {
36
+ .radio-group__radioList_1orgk {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
39
+ .radio-group__vertical_1orgk .radio-group__radioList_1orgk {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
43
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
46
+ .radio-group__vertical_1orgk .radio-group__radio_1orgk:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
49
+ .radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
50
50
  flex-wrap: wrap;
51
51
  margin-right: var(--gap-xl-neg);
52
52
  margin-bottom: var(--gap-xs-neg);
53
53
  }
54
- .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
54
+ .radio-group__tag_1orgk.radio-group__horizontal_1orgk .radio-group__radioList_1orgk {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
57
+ .radio-group__horizontal_1orgk .radio-group__radio_1orgk {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
61
+ .radio-group__horizontal_1orgk .radio-group__tagLabel_1orgk {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1xqeu {
64
+ .radio-group__label_1orgk {
65
65
  font-size: 16px;
66
66
  line-height: 24px;
67
67
  font-weight: 400;
68
68
  margin-bottom: var(--gap-s);
69
69
  color: var(--radio-group-label-color);
70
70
  }
71
- .radio-group__sub_1xqeu {
71
+ .radio-group__sub_1orgk {
72
72
  font-size: 14px;
73
73
  line-height: 18px;
74
74
  font-weight: 400;
75
75
  margin-top: var(--gap-s);
76
76
  }
77
- .radio-group__errorMessage_1xqeu {
77
+ .radio-group__errorMessage_1orgk {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1xqeu {
80
+ .radio-group__hint_1orgk {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1xqeu {
83
+ .radio-group__hiddenInput_1orgk {
84
84
  position: absolute;
85
85
  z-index: -1;
86
86
  top: 0;
87
87
  left: 0;
88
88
  opacity: 0;
89
89
  }
90
- .radio-group__tagLabel_1xqeu {
90
+ .radio-group__tagLabel_1orgk {
91
91
  position: relative;
92
92
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-radio-group",
3
- "version": "3.0.1",
3
+ "version": "3.0.2",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",