@alfalab/core-components-radio-group 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,57 +3,57 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [2.4.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@2.3.0...@alfalab/core-components-radio-group@2.4.0) (2022-03-22)
6
+ # [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.3.0...@alfalab/core-components-radio-group@2.4.0) (2022-03-22)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
- * **radio-group:** add missing 'value' attribute to 'input' tag ([#1033](https://github.com/alfa-laboratory/core-components/issues/1033)) ([0f9cf0e](https://github.com/alfa-laboratory/core-components/commit/0f9cf0ecd74f4764ccd0b2839ba0cdf1b96e75cb)), closes [#1031](https://github.com/alfa-laboratory/core-components/issues/1031)
11
+ * **radio-group:** add missing 'value' attribute to 'input' tag ([#1033](https://github.com/core-ds/core-components/issues/1033)) ([0f9cf0e](https://github.com/core-ds/core-components/commit/0f9cf0ecd74f4764ccd0b2839ba0cdf1b96e75cb)), closes [#1031](https://github.com/core-ds/core-components/issues/1031)
12
12
 
13
13
 
14
14
  ### Features
15
15
 
16
- * Исправить импорты в сторях. ([#998](https://github.com/alfa-laboratory/core-components/issues/998)) ([e6a654a](https://github.com/alfa-laboratory/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
16
+ * Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
17
17
 
18
18
 
19
19
 
20
20
 
21
21
 
22
- # [2.3.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@2.2.0...@alfalab/core-components-radio-group@2.3.0) (2021-10-11)
22
+ # [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.2.0...@alfalab/core-components-radio-group@2.3.0) (2021-10-11)
23
23
 
24
24
 
25
25
  ### Features
26
26
 
27
- * проставлен role=alert для ошибок ([#850](https://github.com/alfa-laboratory/core-components/issues/850)) ([dc634a3](https://github.com/alfa-laboratory/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))
27
+ * проставлен role=alert для ошибок ([#850](https://github.com/core-ds/core-components/issues/850)) ([dc634a3](https://github.com/core-ds/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))
28
28
 
29
29
 
30
30
 
31
31
 
32
32
 
33
- # [2.2.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@2.1.0...@alfalab/core-components-radio-group@2.2.0) (2021-09-14)
33
+ # [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.1.0...@alfalab/core-components-radio-group@2.2.0) (2021-09-14)
34
34
 
35
35
 
36
36
  ### Features
37
37
 
38
- * change error type to ReactNode ([#825](https://github.com/alfa-laboratory/core-components/issues/825)) ([c6d95c1](https://github.com/alfa-laboratory/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))
39
- * **tag:** add inverted colors ([#784](https://github.com/alfa-laboratory/core-components/issues/784)) ([d3681ae](https://github.com/alfa-laboratory/core-components/commit/d3681aeefe02e5f481d066013911a1877a165bb2))
38
+ * change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))
39
+ * **tag:** add inverted colors ([#784](https://github.com/core-ds/core-components/issues/784)) ([d3681ae](https://github.com/core-ds/core-components/commit/d3681aeefe02e5f481d066013911a1877a165bb2))
40
40
 
41
41
 
42
42
 
43
43
 
44
44
 
45
- # [2.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@2.0.1...@alfalab/core-components-radio-group@2.1.0) (2021-07-23)
45
+ # [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.0.1...@alfalab/core-components-radio-group@2.1.0) (2021-07-23)
46
46
 
47
47
 
48
48
  ### Features
49
49
 
50
- * checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/alfa-laboratory/core-components/issues/735)) ([62f3c63](https://github.com/alfa-laboratory/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
50
+ * checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/core-ds/core-components/issues/735)) ([62f3c63](https://github.com/core-ds/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
51
51
 
52
52
 
53
53
 
54
54
 
55
55
 
56
- ## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@2.0.0...@alfalab/core-components-radio-group@2.0.1) (2021-07-09)
56
+ ## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.0.0...@alfalab/core-components-radio-group@2.0.1) (2021-07-09)
57
57
 
58
58
  **Note:** Version bump only for package @alfalab/core-components-radio-group
59
59
 
@@ -61,14 +61,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
61
61
 
62
62
 
63
63
 
64
- # [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.11...@alfalab/core-components-radio-group@2.0.0) (2021-07-08)
64
+ # [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.11...@alfalab/core-components-radio-group@2.0.0) (2021-07-08)
65
65
 
66
66
 
67
67
  ### Features
68
68
 
69
- * upgrade storybook ([#696](https://github.com/alfa-laboratory/core-components/issues/696))
69
+ * upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
70
70
 
71
- ## [1.1.11](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.10...@alfalab/core-components-radio-group@1.1.11) (2021-04-26)
71
+ ## [1.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.10...@alfalab/core-components-radio-group@1.1.11) (2021-04-26)
72
72
 
73
73
  **Note:** Version bump only for package @alfalab/core-components-radio-group
74
74
 
@@ -76,7 +76,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
76
76
 
77
77
 
78
78
 
79
- ## [1.1.10](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.9...@alfalab/core-components-radio-group@1.1.10) (2021-04-01)
79
+ ## [1.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.9...@alfalab/core-components-radio-group@1.1.10) (2021-04-01)
80
80
 
81
81
  **Note:** Version bump only for package @alfalab/core-components-radio-group
82
82
 
@@ -84,29 +84,29 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
84
84
 
85
85
 
86
86
 
87
- ## [1.1.9](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.7...@alfalab/core-components-radio-group@1.1.9) (2021-03-18)
87
+ ## [1.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.7...@alfalab/core-components-radio-group@1.1.9) (2021-03-18)
88
88
 
89
89
 
90
90
  ### Bug Fixes
91
91
 
92
- * one more sborka bug ([#579](https://github.com/alfa-laboratory/core-components/issues/579)) ([9fbe0be](https://github.com/alfa-laboratory/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
92
+ * one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
93
93
 
94
94
 
95
95
 
96
96
 
97
97
 
98
- ## [1.1.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.5...@alfalab/core-components-radio-group@1.1.7) (2021-03-16)
98
+ ## [1.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.5...@alfalab/core-components-radio-group@1.1.7) (2021-03-16)
99
99
 
100
100
 
101
101
  ### Bug Fixes
102
102
 
103
- * border-radius in packages ([781749e](https://github.com/alfa-laboratory/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
103
+ * border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
104
104
 
105
105
 
106
106
 
107
107
 
108
108
 
109
- ## [1.1.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.4...@alfalab/core-components-radio-group@1.1.5) (2021-03-14)
109
+ ## [1.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.4...@alfalab/core-components-radio-group@1.1.5) (2021-03-14)
110
110
 
111
111
  **Note:** Version bump only for package @alfalab/core-components-radio-group
112
112
 
@@ -114,7 +114,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
114
114
 
115
115
 
116
116
 
117
- ## [1.1.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.3...@alfalab/core-components-radio-group@1.1.4) (2021-03-04)
117
+ ## [1.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.3...@alfalab/core-components-radio-group@1.1.4) (2021-03-04)
118
118
 
119
119
  **Note:** Version bump only for package @alfalab/core-components-radio-group
120
120
 
@@ -122,7 +122,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
122
122
 
123
123
 
124
124
 
125
- ## [1.1.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.2...@alfalab/core-components-radio-group@1.1.3) (2021-03-03)
125
+ ## [1.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.2...@alfalab/core-components-radio-group@1.1.3) (2021-03-03)
126
126
 
127
127
  **Note:** Version bump only for package @alfalab/core-components-radio-group
128
128
 
@@ -130,7 +130,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
130
130
 
131
131
 
132
132
 
133
- ## [1.1.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.1...@alfalab/core-components-radio-group@1.1.2) (2021-02-20)
133
+ ## [1.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.1...@alfalab/core-components-radio-group@1.1.2) (2021-02-20)
134
134
 
135
135
  **Note:** Version bump only for package @alfalab/core-components-radio-group
136
136
 
@@ -138,9 +138,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
138
138
 
139
139
 
140
140
 
141
- ## [1.1.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-radio-group@1.1.0...@alfalab/core-components-radio-group@1.1.1) (2021-02-18)
141
+ ## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.0...@alfalab/core-components-radio-group@1.1.1) (2021-02-18)
142
142
 
143
143
 
144
144
  ### Bug Fixes
145
145
 
146
- * update versions ([#525](https://github.com/alfa-laboratory/core-components/issues/525)) ([31b2e4c](https://github.com/alfa-laboratory/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
146
+ * update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
@@ -54,7 +54,7 @@ type RadioGroupProps = {
54
54
  /**
55
55
  * Value выбранного дочернего элемента
56
56
  */
57
- value?: string;
57
+ value?: string | null;
58
58
  };
59
59
  declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
60
60
  export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
package/dist/Component.js CHANGED
@@ -37,7 +37,7 @@ var __assign = function () {
37
37
  return __assign.apply(this, arguments);
38
38
  };
39
39
 
40
- var styles = {"component":"radio-group__component_m9mmb","error":"radio-group__error_m9mmb","radioList":"radio-group__radioList_m9mmb","vertical":"radio-group__vertical_m9mmb","radio":"radio-group__radio_m9mmb","horizontal":"radio-group__horizontal_m9mmb","tag":"radio-group__tag_m9mmb","tagLabel":"radio-group__tagLabel_m9mmb","label":"radio-group__label_m9mmb","sub":"radio-group__sub_m9mmb","errorMessage":"radio-group__errorMessage_m9mmb","hint":"radio-group__hint_m9mmb","hiddenInput":"radio-group__hiddenInput_m9mmb"};
40
+ var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
41
41
  require('./index.css')
42
42
 
43
43
  var RadioGroup = React.forwardRef(function (_a, ref) {
@@ -46,7 +46,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
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;
49
- var checked = (value || stateValue) === child.props.value;
49
+ var checked = value !== null && (value || stateValue) === child.props.value;
50
50
  var handleChange = function (event) {
51
51
  setStateValue(child.props.value);
52
52
  if (onChange) {
@@ -57,7 +57,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
57
57
  name: name, className: cn__default['default'](childClassName, styles.radio) }));
58
58
  };
59
59
  var renderTag = function (child) {
60
- var checked = (value || stateValue) === child.props.value;
60
+ var checked = value !== null && (value || stateValue) === child.props.value;
61
61
  var handleChange = function (event) {
62
62
  setStateValue(child.props.value);
63
63
  if (onChange) {
@@ -54,7 +54,7 @@ type RadioGroupProps = {
54
54
  /**
55
55
  * Value выбранного дочернего элемента
56
56
  */
57
- value?: string;
57
+ value?: string | null;
58
58
  };
59
59
  declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
60
60
  export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
@@ -45,7 +45,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
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;
48
- var checked = (value || stateValue) === child.props.value;
48
+ var checked = value !== null && (value || stateValue) === child.props.value;
49
49
  var handleChange = function (event) {
50
50
  setStateValue(child.props.value);
51
51
  if (onChange) {
@@ -56,7 +56,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
56
56
  name: name, className: cn__default['default'](childClassName, styles__default['default'].radio) }));
57
57
  };
58
58
  var renderTag = function (child) {
59
- var checked = (value || stateValue) === child.props.value;
59
+ var checked = value !== null && (value || stateValue) === child.props.value;
60
60
  var handleChange = function (event) {
61
61
  setStateValue(child.props.value);
62
62
  if (onChange) {
@@ -54,7 +54,7 @@ type RadioGroupProps = {
54
54
  /**
55
55
  * Value выбранного дочернего элемента
56
56
  */
57
- value?: string;
57
+ value?: string | null;
58
58
  };
59
59
  declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
60
60
  export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
@@ -28,7 +28,7 @@ var __assign = function () {
28
28
  return __assign.apply(this, arguments);
29
29
  };
30
30
 
31
- var styles = {"component":"radio-group__component_m9mmb","error":"radio-group__error_m9mmb","radioList":"radio-group__radioList_m9mmb","vertical":"radio-group__vertical_m9mmb","radio":"radio-group__radio_m9mmb","horizontal":"radio-group__horizontal_m9mmb","tag":"radio-group__tag_m9mmb","tagLabel":"radio-group__tagLabel_m9mmb","label":"radio-group__label_m9mmb","sub":"radio-group__sub_m9mmb","errorMessage":"radio-group__errorMessage_m9mmb","hint":"radio-group__hint_m9mmb","hiddenInput":"radio-group__hiddenInput_m9mmb"};
31
+ var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
32
32
  require('./index.css')
33
33
 
34
34
  var RadioGroup = forwardRef(function (_a, ref) {
@@ -37,7 +37,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
37
37
  var _f = useState(''), stateValue = _f[0], setStateValue = _f[1];
38
38
  var renderRadio = function (child) {
39
39
  var childClassName = child.props.className;
40
- var checked = (value || stateValue) === child.props.value;
40
+ var checked = value !== null && (value || stateValue) === child.props.value;
41
41
  var handleChange = function (event) {
42
42
  setStateValue(child.props.value);
43
43
  if (onChange) {
@@ -48,7 +48,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
48
48
  name: name, className: cn(childClassName, styles.radio) }));
49
49
  };
50
50
  var renderTag = function (child) {
51
- var checked = (value || stateValue) === child.props.value;
51
+ var checked = value !== null && (value || stateValue) === child.props.value;
52
52
  var handleChange = function (event) {
53
53
  setStateValue(child.props.value);
54
54
  if (onChange) {
@@ -1,4 +1,4 @@
1
- /* hash: 1diw5 */
1
+ /* hash: thg7w */
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_m9mmb {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_m9mmb {
32
+ .radio-group__error_1mm3f {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_m9mmb {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_m9mmb .radio-group__radioList_m9mmb {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
49
+ .radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
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_m9mmb.radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
54
+ .radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_m9mmb .radio-group__radio_m9mmb {
57
+ .radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_m9mmb .radio-group__tagLabel_m9mmb {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_m9mmb {
64
+ .radio-group__label_1mm3f {
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_m9mmb {
71
+ .radio-group__sub_1mm3f {
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_m9mmb {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_m9mmb {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_m9mmb {
83
+ .radio-group__hiddenInput_1mm3f {
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_m9mmb {
90
+ .radio-group__tagLabel_1mm3f {
91
91
  position: relative;
92
92
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1diw5 */
1
+ /* hash: thg7w */
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_m9mmb {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_m9mmb {
32
+ .radio-group__error_1mm3f {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_m9mmb {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_m9mmb .radio-group__radioList_m9mmb {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
49
+ .radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
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_m9mmb.radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
54
+ .radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_m9mmb .radio-group__radio_m9mmb {
57
+ .radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_m9mmb .radio-group__tagLabel_m9mmb {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_m9mmb {
64
+ .radio-group__label_1mm3f {
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_m9mmb {
71
+ .radio-group__sub_1mm3f {
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_m9mmb {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_m9mmb {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_m9mmb {
83
+ .radio-group__hiddenInput_1mm3f {
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_m9mmb {
90
+ .radio-group__tagLabel_1mm3f {
91
91
  position: relative;
92
92
  }
@@ -54,7 +54,7 @@ type RadioGroupProps = {
54
54
  /**
55
55
  * Value выбранного дочернего элемента
56
56
  */
57
- value?: string;
57
+ value?: string | null;
58
58
  };
59
59
  declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
60
60
  export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
@@ -1,14 +1,14 @@
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_m9mmb","error":"radio-group__error_m9mmb","radioList":"radio-group__radioList_m9mmb","vertical":"radio-group__vertical_m9mmb","radio":"radio-group__radio_m9mmb","horizontal":"radio-group__horizontal_m9mmb","tag":"radio-group__tag_m9mmb","tagLabel":"radio-group__tagLabel_m9mmb","label":"radio-group__label_m9mmb","sub":"radio-group__sub_m9mmb","errorMessage":"radio-group__errorMessage_m9mmb","hint":"radio-group__hint_m9mmb","hiddenInput":"radio-group__hiddenInput_m9mmb"};
4
+ var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
5
5
  require('./index.css')
6
6
 
7
7
  const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, 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;
11
- const checked = (value || stateValue) === child.props.value;
11
+ const checked = value !== null && (value || stateValue) === child.props.value;
12
12
  const handleChange = (event) => {
13
13
  setStateValue(child.props.value);
14
14
  if (onChange) {
@@ -25,7 +25,7 @@ const RadioGroup = forwardRef(({ children, className, direction = 'vertical', la
25
25
  });
26
26
  };
27
27
  const renderTag = (child) => {
28
- const checked = (value || stateValue) === child.props.value;
28
+ const checked = value !== null && (value || stateValue) === child.props.value;
29
29
  const handleChange = (event) => {
30
30
  setStateValue(child.props.value);
31
31
  if (onChange) {
@@ -1,4 +1,4 @@
1
- /* hash: 1diw5 */
1
+ /* hash: thg7w */
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_m9mmb {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_m9mmb {
32
+ .radio-group__error_1mm3f {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_m9mmb {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_m9mmb .radio-group__radioList_m9mmb {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_m9mmb .radio-group__radio_m9mmb:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
49
+ .radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
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_m9mmb.radio-group__horizontal_m9mmb .radio-group__radioList_m9mmb {
54
+ .radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_m9mmb .radio-group__radio_m9mmb {
57
+ .radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_m9mmb .radio-group__tagLabel_m9mmb {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_m9mmb {
64
+ .radio-group__label_1mm3f {
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_m9mmb {
71
+ .radio-group__sub_1mm3f {
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_m9mmb {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_m9mmb {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_m9mmb {
83
+ .radio-group__hiddenInput_1mm3f {
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_m9mmb {
90
+ .radio-group__tagLabel_1mm3f {
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": "2.4.0",
3
+ "version": "2.5.0",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "react-dom": "^16.9.0 || ^17.0.1"
21
21
  },
22
22
  "dependencies": {
23
- "classnames": "^2.2.6"
23
+ "classnames": "2.2.6"
24
24
  },
25
- "gitHead": "7cae0fc3a5cd56dcb6468a786ba780cbb40d20fd"
25
+ "gitHead": "d403841901573d0ade9c65e8235ab51aae90d36a"
26
26
  }