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

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/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_444t1","error":"radio-group__error_444t1","radioList":"radio-group__radioList_444t1","vertical":"radio-group__vertical_444t1","radio":"radio-group__radio_444t1","horizontal":"radio-group__horizontal_444t1","tag":"radio-group__tag_444t1","tagLabel":"radio-group__tagLabel_444t1","label":"radio-group__label_444t1","sub":"radio-group__sub_444t1","errorMessage":"radio-group__errorMessage_444t1","hint":"radio-group__hint_444t1","hiddenInput":"radio-group__hiddenInput_444t1"};
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"};
41
41
  require('./index.css')
42
42
 
43
43
  var RadioGroup = React.forwardRef(function (_a, ref) {
package/esm/Component.js CHANGED
@@ -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_444t1","error":"radio-group__error_444t1","radioList":"radio-group__radioList_444t1","vertical":"radio-group__vertical_444t1","radio":"radio-group__radio_444t1","horizontal":"radio-group__horizontal_444t1","tag":"radio-group__tag_444t1","tagLabel":"radio-group__tagLabel_444t1","label":"radio-group__label_444t1","sub":"radio-group__sub_444t1","errorMessage":"radio-group__errorMessage_444t1","hint":"radio-group__hint_444t1","hiddenInput":"radio-group__hiddenInput_444t1"};
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"};
32
32
  require('./index.css')
33
33
 
34
34
  var RadioGroup = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gmmv8 */
1
+ /* hash: xgmjc */
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_444t1 {
28
+ .radio-group__component_1xqeu {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_444t1 {
32
+ .radio-group__error_1xqeu {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_444t1 {
36
+ .radio-group__radioList_1xqeu {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_444t1 .radio-group__radioList_444t1 {
39
+ .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_444t1 .radio-group__radio_444t1 {
43
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_444t1 .radio-group__radio_444t1:last-child {
46
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
49
+ .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
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_444t1.radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
54
+ .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_444t1 .radio-group__radio_444t1 {
57
+ .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_444t1 .radio-group__tagLabel_444t1 {
61
+ .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_444t1 {
64
+ .radio-group__label_1xqeu {
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_444t1 {
71
+ .radio-group__sub_1xqeu {
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_444t1 {
77
+ .radio-group__errorMessage_1xqeu {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_444t1 {
80
+ .radio-group__hint_1xqeu {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_444t1 {
83
+ .radio-group__hiddenInput_1xqeu {
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_444t1 {
90
+ .radio-group__tagLabel_1xqeu {
91
91
  position: relative;
92
92
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gmmv8 */
1
+ /* hash: xgmjc */
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_444t1 {
28
+ .radio-group__component_1xqeu {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_444t1 {
32
+ .radio-group__error_1xqeu {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_444t1 {
36
+ .radio-group__radioList_1xqeu {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_444t1 .radio-group__radioList_444t1 {
39
+ .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_444t1 .radio-group__radio_444t1 {
43
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_444t1 .radio-group__radio_444t1:last-child {
46
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
49
+ .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
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_444t1.radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
54
+ .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_444t1 .radio-group__radio_444t1 {
57
+ .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_444t1 .radio-group__tagLabel_444t1 {
61
+ .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_444t1 {
64
+ .radio-group__label_1xqeu {
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_444t1 {
71
+ .radio-group__sub_1xqeu {
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_444t1 {
77
+ .radio-group__errorMessage_1xqeu {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_444t1 {
80
+ .radio-group__hint_1xqeu {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_444t1 {
83
+ .radio-group__hiddenInput_1xqeu {
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_444t1 {
90
+ .radio-group__tagLabel_1xqeu {
91
91
  position: relative;
92
92
  }
@@ -1,7 +1,7 @@
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_444t1","error":"radio-group__error_444t1","radioList":"radio-group__radioList_444t1","vertical":"radio-group__vertical_444t1","radio":"radio-group__radio_444t1","horizontal":"radio-group__horizontal_444t1","tag":"radio-group__tag_444t1","tagLabel":"radio-group__tagLabel_444t1","label":"radio-group__label_444t1","sub":"radio-group__sub_444t1","errorMessage":"radio-group__errorMessage_444t1","hint":"radio-group__hint_444t1","hiddenInput":"radio-group__hiddenInput_444t1"};
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"};
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) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gmmv8 */
1
+ /* hash: xgmjc */
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_444t1 {
28
+ .radio-group__component_1xqeu {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_444t1 {
32
+ .radio-group__error_1xqeu {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_444t1 {
36
+ .radio-group__radioList_1xqeu {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_444t1 .radio-group__radioList_444t1 {
39
+ .radio-group__vertical_1xqeu .radio-group__radioList_1xqeu {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_444t1 .radio-group__radio_444t1 {
43
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_444t1 .radio-group__radio_444t1:last-child {
46
+ .radio-group__vertical_1xqeu .radio-group__radio_1xqeu:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
49
+ .radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
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_444t1.radio-group__horizontal_444t1 .radio-group__radioList_444t1 {
54
+ .radio-group__tag_1xqeu.radio-group__horizontal_1xqeu .radio-group__radioList_1xqeu {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_444t1 .radio-group__radio_444t1 {
57
+ .radio-group__horizontal_1xqeu .radio-group__radio_1xqeu {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_444t1 .radio-group__tagLabel_444t1 {
61
+ .radio-group__horizontal_1xqeu .radio-group__tagLabel_1xqeu {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_444t1 {
64
+ .radio-group__label_1xqeu {
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_444t1 {
71
+ .radio-group__sub_1xqeu {
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_444t1 {
77
+ .radio-group__errorMessage_1xqeu {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_444t1 {
80
+ .radio-group__hint_1xqeu {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_444t1 {
83
+ .radio-group__hiddenInput_1xqeu {
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_444t1 {
90
+ .radio-group__tagLabel_1xqeu {
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.0",
3
+ "version": "3.0.1",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",