@alfalab/core-components-radio-group 2.6.4 → 2.7.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Component.js +1 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +17 -17
  5. package/index.css +17 -17
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +17 -17
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.6.4...@alfalab/core-components-radio-group@2.7.0) (2022-08-04)
7
+
8
+
9
+ ### Features
10
+
11
+ * react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [2.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.6.3...@alfalab/core-components-radio-group@2.6.4) (2022-07-18)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-radio-group
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_1rmkg","error":"radio-group__error_1rmkg","radioList":"radio-group__radioList_1rmkg","vertical":"radio-group__vertical_1rmkg","radio":"radio-group__radio_1rmkg","horizontal":"radio-group__horizontal_1rmkg","tag":"radio-group__tag_1rmkg","tagLabel":"radio-group__tagLabel_1rmkg","label":"radio-group__label_1rmkg","sub":"radio-group__sub_1rmkg","errorMessage":"radio-group__errorMessage_1rmkg","hint":"radio-group__hint_1rmkg","hiddenInput":"radio-group__hiddenInput_1rmkg"};
40
+ var styles = {"component":"radio-group__component_19qlf","error":"radio-group__error_19qlf","radioList":"radio-group__radioList_19qlf","vertical":"radio-group__vertical_19qlf","radio":"radio-group__radio_19qlf","horizontal":"radio-group__horizontal_19qlf","tag":"radio-group__tag_19qlf","tagLabel":"radio-group__tagLabel_19qlf","label":"radio-group__label_19qlf","sub":"radio-group__sub_19qlf","errorMessage":"radio-group__errorMessage_19qlf","hint":"radio-group__hint_19qlf","hiddenInput":"radio-group__hiddenInput_19qlf"};
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_1rmkg","error":"radio-group__error_1rmkg","radioList":"radio-group__radioList_1rmkg","vertical":"radio-group__vertical_1rmkg","radio":"radio-group__radio_1rmkg","horizontal":"radio-group__horizontal_1rmkg","tag":"radio-group__tag_1rmkg","tagLabel":"radio-group__tagLabel_1rmkg","label":"radio-group__label_1rmkg","sub":"radio-group__sub_1rmkg","errorMessage":"radio-group__errorMessage_1rmkg","hint":"radio-group__hint_1rmkg","hiddenInput":"radio-group__hiddenInput_1rmkg"};
31
+ var styles = {"component":"radio-group__component_19qlf","error":"radio-group__error_19qlf","radioList":"radio-group__radioList_19qlf","vertical":"radio-group__vertical_19qlf","radio":"radio-group__radio_19qlf","horizontal":"radio-group__horizontal_19qlf","tag":"radio-group__tag_19qlf","tagLabel":"radio-group__tagLabel_19qlf","label":"radio-group__label_19qlf","sub":"radio-group__sub_19qlf","errorMessage":"radio-group__errorMessage_19qlf","hint":"radio-group__hint_19qlf","hiddenInput":"radio-group__hiddenInput_19qlf"};
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: 1htzv */
1
+ /* hash: 11b2v */
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_1rmkg {
28
+ .radio-group__component_19qlf {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1rmkg {
32
+ .radio-group__error_19qlf {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1rmkg {
36
+ .radio-group__radioList_19qlf {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1rmkg .radio-group__radioList_1rmkg {
39
+ .radio-group__vertical_19qlf .radio-group__radioList_19qlf {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg {
43
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg:last-child {
46
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
49
+ .radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
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_1rmkg.radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
54
+ .radio-group__tag_19qlf.radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1rmkg .radio-group__radio_1rmkg {
57
+ .radio-group__horizontal_19qlf .radio-group__radio_19qlf {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1rmkg .radio-group__tagLabel_1rmkg {
61
+ .radio-group__horizontal_19qlf .radio-group__tagLabel_19qlf {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1rmkg {
64
+ .radio-group__label_19qlf {
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_1rmkg {
71
+ .radio-group__sub_19qlf {
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_1rmkg {
77
+ .radio-group__errorMessage_19qlf {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1rmkg {
80
+ .radio-group__hint_19qlf {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1rmkg {
83
+ .radio-group__hiddenInput_19qlf {
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_1rmkg {
90
+ .radio-group__tagLabel_19qlf {
91
91
  position: relative;
92
92
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1htzv */
1
+ /* hash: 11b2v */
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_1rmkg {
28
+ .radio-group__component_19qlf {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1rmkg {
32
+ .radio-group__error_19qlf {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1rmkg {
36
+ .radio-group__radioList_19qlf {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1rmkg .radio-group__radioList_1rmkg {
39
+ .radio-group__vertical_19qlf .radio-group__radioList_19qlf {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg {
43
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg:last-child {
46
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
49
+ .radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
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_1rmkg.radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
54
+ .radio-group__tag_19qlf.radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1rmkg .radio-group__radio_1rmkg {
57
+ .radio-group__horizontal_19qlf .radio-group__radio_19qlf {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1rmkg .radio-group__tagLabel_1rmkg {
61
+ .radio-group__horizontal_19qlf .radio-group__tagLabel_19qlf {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1rmkg {
64
+ .radio-group__label_19qlf {
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_1rmkg {
71
+ .radio-group__sub_19qlf {
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_1rmkg {
77
+ .radio-group__errorMessage_19qlf {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1rmkg {
80
+ .radio-group__hint_19qlf {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1rmkg {
83
+ .radio-group__hiddenInput_19qlf {
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_1rmkg {
90
+ .radio-group__tagLabel_19qlf {
91
91
  position: relative;
92
92
  }
package/modern/Component.js CHANGED
@@ -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_1rmkg","error":"radio-group__error_1rmkg","radioList":"radio-group__radioList_1rmkg","vertical":"radio-group__vertical_1rmkg","radio":"radio-group__radio_1rmkg","horizontal":"radio-group__horizontal_1rmkg","tag":"radio-group__tag_1rmkg","tagLabel":"radio-group__tagLabel_1rmkg","label":"radio-group__label_1rmkg","sub":"radio-group__sub_1rmkg","errorMessage":"radio-group__errorMessage_1rmkg","hint":"radio-group__hint_1rmkg","hiddenInput":"radio-group__hiddenInput_1rmkg"};
4
+ var styles = {"component":"radio-group__component_19qlf","error":"radio-group__error_19qlf","radioList":"radio-group__radioList_19qlf","vertical":"radio-group__vertical_19qlf","radio":"radio-group__radio_19qlf","horizontal":"radio-group__horizontal_19qlf","tag":"radio-group__tag_19qlf","tagLabel":"radio-group__tagLabel_19qlf","label":"radio-group__label_19qlf","sub":"radio-group__sub_19qlf","errorMessage":"radio-group__errorMessage_19qlf","hint":"radio-group__hint_19qlf","hiddenInput":"radio-group__hiddenInput_19qlf"};
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: 1htzv */
1
+ /* hash: 11b2v */
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_1rmkg {
28
+ .radio-group__component_19qlf {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1rmkg {
32
+ .radio-group__error_19qlf {
33
33
  padding-left: var(--gap-xs);
34
34
  border-left: 1px solid var(--radio-group-error-color);
35
35
  }
36
- .radio-group__radioList_1rmkg {
36
+ .radio-group__radioList_19qlf {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1rmkg .radio-group__radioList_1rmkg {
39
+ .radio-group__vertical_19qlf .radio-group__radioList_19qlf {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg {
43
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1rmkg .radio-group__radio_1rmkg:last-child {
46
+ .radio-group__vertical_19qlf .radio-group__radio_19qlf:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
49
+ .radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
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_1rmkg.radio-group__horizontal_1rmkg .radio-group__radioList_1rmkg {
54
+ .radio-group__tag_19qlf.radio-group__horizontal_19qlf .radio-group__radioList_19qlf {
55
55
  margin-right: var(--gap-xs-neg);
56
56
  }
57
- .radio-group__horizontal_1rmkg .radio-group__radio_1rmkg {
57
+ .radio-group__horizontal_19qlf .radio-group__radio_19qlf {
58
58
  margin-right: var(--gap-xl);
59
59
  margin-bottom: var(--gap-xs);
60
60
  }
61
- .radio-group__horizontal_1rmkg .radio-group__tagLabel_1rmkg {
61
+ .radio-group__horizontal_19qlf .radio-group__tagLabel_19qlf {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1rmkg {
64
+ .radio-group__label_19qlf {
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_1rmkg {
71
+ .radio-group__sub_19qlf {
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_1rmkg {
77
+ .radio-group__errorMessage_19qlf {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1rmkg {
80
+ .radio-group__hint_19qlf {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1rmkg {
83
+ .radio-group__hiddenInput_19qlf {
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_1rmkg {
90
+ .radio-group__tagLabel_19qlf {
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.6.4",
3
+ "version": "2.7.0",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "directory": "dist"
15
15
  },
16
16
  "peerDependencies": {
17
- "react": "^16.9.0 || ^17.0.1",
18
- "react-dom": "^16.9.0 || ^17.0.1"
17
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
18
+ "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "classnames": "^2.2.6"
21
+ "classnames": "^2.3.1"
22
22
  }
23
23
  }