@alfalab/core-components-radio-group 6.0.3 → 6.0.4

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 (22) hide show
  1. package/components/base-radio-group/index.css +15 -15
  2. package/components/base-radio-group/index.module.css.js +1 -1
  3. package/cssm/mobile/mobile.module.css +1 -3
  4. package/desktop/desktop.css +5 -5
  5. package/desktop/desktop.module.css.js +1 -1
  6. package/esm/components/base-radio-group/index.css +15 -15
  7. package/esm/components/base-radio-group/index.module.css.js +1 -1
  8. package/esm/desktop/desktop.css +5 -5
  9. package/esm/desktop/desktop.module.css.js +1 -1
  10. package/esm/mobile/mobile.css +8 -10
  11. package/esm/mobile/mobile.module.css.js +1 -1
  12. package/mobile/mobile.css +8 -10
  13. package/mobile/mobile.module.css.js +1 -1
  14. package/modern/components/base-radio-group/index.css +15 -15
  15. package/modern/components/base-radio-group/index.module.css.js +1 -1
  16. package/modern/desktop/desktop.css +5 -5
  17. package/modern/desktop/desktop.module.css.js +1 -1
  18. package/modern/mobile/mobile.css +8 -10
  19. package/modern/mobile/mobile.module.css.js +1 -1
  20. package/moderncssm/mobile/mobile.module.css +1 -1
  21. package/package.json +2 -2
  22. package/src/vars.css +1 -1
package/components/base-radio-group/index.css CHANGED
@@ -21,56 +21,56 @@
21
21
  --radio-group-hint-color: var(--color-light-text-secondary);
22
22
  --radio-group-error-color: var(--color-light-text-negative);
23
23
  }
24
- .radio-group__component_1lufd {
24
+ .radio-group__component_lz58k {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  }
28
- .radio-group__radioList_1lufd {
28
+ .radio-group__radioList_lz58k {
29
29
  display: flex;
30
30
  }
31
- .radio-group__verticalRadioList_1lufd {
31
+ .radio-group__verticalRadioList_lz58k {
32
32
  flex-direction: column;
33
33
  align-items: flex-start;
34
34
  }
35
- .radio-group__horizontalRadioList_1lufd {
35
+ .radio-group__horizontalRadioList_lz58k {
36
36
  flex-wrap: wrap;
37
37
  margin-bottom: var(--gap-8-neg);
38
38
  }
39
- .radio-group__verticalRadio_1lufd {
39
+ .radio-group__verticalRadio_lz58k {
40
40
  margin-bottom: var(--gap-12);
41
41
  }
42
- .radio-group__verticalRadio_1lufd:last-child {
42
+ .radio-group__verticalRadio_lz58k:last-child {
43
43
  margin-bottom: var(--gap-0);
44
44
  }
45
- .radio-group__horizontalRadio_1lufd {
45
+ .radio-group__horizontalRadio_lz58k {
46
46
  margin-right: var(--gap-24);
47
47
  margin-bottom: var(--gap-8);
48
48
  }
49
- .radio-group__horizontalTagLabel_1lufd {
49
+ .radio-group__horizontalTagLabel_lz58k {
50
50
  margin-right: var(--gap-8);
51
51
  }
52
- .radio-group__horizontalRadio_1lufd:last-child,
53
- .radio-group__horizontalTagLabel_1lufd:last-child {
52
+ .radio-group__horizontalRadio_lz58k:last-child,
53
+ .radio-group__horizontalTagLabel_lz58k:last-child {
54
54
  margin-right: var(--gap-0);
55
55
  }
56
- .radio-group__errorMessage_1lufd {
56
+ .radio-group__errorMessage_lz58k {
57
57
  color: var(--radio-group-error-color);
58
58
  }
59
- .radio-group__hint_1lufd {
59
+ .radio-group__hint_lz58k {
60
60
  color: var(--radio-group-hint-color);
61
61
  }
62
- .radio-group__hiddenInput_1lufd {
62
+ .radio-group__hiddenInput_lz58k {
63
63
  position: absolute;
64
64
  z-index: -1;
65
65
  top: var(--gap-0);
66
66
  left: var(--gap-0);
67
67
  opacity: 0;
68
68
  }
69
- .radio-group__hiddenInput_1lufd:focus ~ button {
69
+ .radio-group__hiddenInput_lz58k:focus ~ button {
70
70
  outline: 2px solid var(--focus-color);
71
71
  outline-offset: 2px;
72
72
  }
73
- .radio-group__tagLabel_1lufd {
73
+ .radio-group__tagLabel_lz58k {
74
74
  position: relative;
75
75
  max-width: 100%;
76
76
  }
package/components/base-radio-group/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var commonStyles = {"component":"radio-group__component_1lufd","radioList":"radio-group__radioList_1lufd","verticalRadioList":"radio-group__verticalRadioList_1lufd","horizontalRadioList":"radio-group__horizontalRadioList_1lufd","verticalRadio":"radio-group__verticalRadio_1lufd","horizontalRadio":"radio-group__horizontalRadio_1lufd","horizontalTagLabel":"radio-group__horizontalTagLabel_1lufd","errorMessage":"radio-group__errorMessage_1lufd","hint":"radio-group__hint_1lufd","hiddenInput":"radio-group__hiddenInput_1lufd","tagLabel":"radio-group__tagLabel_1lufd"};
5
+ var commonStyles = {"component":"radio-group__component_lz58k","radioList":"radio-group__radioList_lz58k","verticalRadioList":"radio-group__verticalRadioList_lz58k","horizontalRadioList":"radio-group__horizontalRadioList_lz58k","verticalRadio":"radio-group__verticalRadio_lz58k","horizontalRadio":"radio-group__horizontalRadio_lz58k","horizontalTagLabel":"radio-group__horizontalTagLabel_lz58k","errorMessage":"radio-group__errorMessage_lz58k","hint":"radio-group__hint_lz58k","hiddenInput":"radio-group__hiddenInput_lz58k","tagLabel":"radio-group__tagLabel_lz58k"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/mobile/mobile.module.css CHANGED
@@ -3,12 +3,10 @@
3
3
  }
4
4
  :root {
5
5
  --gap-3xs: 2px;
6
- --gap-2xs: 4px;
7
6
  --gap-xs: 8px;
8
7
  --gap-s: 12px;
9
8
  --gap-0: 0px;
10
9
  --gap-2: var(--gap-3xs);
11
- --gap-4: var(--gap-2xs);
12
10
  --gap-8: var(--gap-xs);
13
11
  --gap-12: var(--gap-s);
14
12
  }
@@ -17,7 +15,7 @@
17
15
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
16
  }
19
17
  :root {
20
- --radio-group-mobile-sub-padding-left: var(--gap-4);
18
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
21
19
  --radio-group-mobile-list-padding-left: var(--gap-2);
22
20
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
23
21
  --radio-group-mobile-error-padding-left: var(--gap-0);
package/desktop/desktop.css CHANGED
@@ -20,10 +20,10 @@
20
20
  --radio-group-error-padding-left: var(--gap-8);
21
21
  --radio-group-error-border-left: 1px solid var(--color-light-status-negative);
22
22
  }
23
- .radio-group__radioList_16gra {
23
+ .radio-group__radioList_1fb2p {
24
24
  padding-left: var(--radio-group-list-padding-left);
25
25
  }
26
- .radio-group__label_16gra {
26
+ .radio-group__label_1fb2p {
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  font-weight: 400;
@@ -32,7 +32,7 @@
32
32
  margin-bottom: var(--gap-12);
33
33
  padding-left: var(--radio-group-sub-padding-left);
34
34
  }
35
- .radio-group__sub_16gra {
35
+ .radio-group__sub_1fb2p {
36
36
  font-size: 14px;
37
37
  line-height: 18px;
38
38
  font-weight: 400;
@@ -40,10 +40,10 @@
40
40
  margin-top: var(--gap-12);
41
41
  padding-left: var(--radio-group-sub-padding-left);
42
42
  }
43
- .radio-group__error_16gra {
43
+ .radio-group__error_1fb2p {
44
44
  padding-left: var(--radio-group-error-padding-left);
45
45
  border-left: var(--radio-group-error-border-left);
46
46
  }
47
- .radio-group__error_16gra.radio-group__tag_16gra {
47
+ .radio-group__error_1fb2p.radio-group__tag_1fb2p {
48
48
  padding-left: var(--gap-8);
49
49
  }
package/desktop/desktop.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"radioList":"radio-group__radioList_16gra","label":"radio-group__label_16gra","sub":"radio-group__sub_16gra","error":"radio-group__error_16gra","tag":"radio-group__tag_16gra"};
5
+ var styles = {"radioList":"radio-group__radioList_1fb2p","label":"radio-group__label_1fb2p","sub":"radio-group__sub_1fb2p","error":"radio-group__error_1fb2p","tag":"radio-group__tag_1fb2p"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/components/base-radio-group/index.css CHANGED
@@ -21,56 +21,56 @@
21
21
  --radio-group-hint-color: var(--color-light-text-secondary);
22
22
  --radio-group-error-color: var(--color-light-text-negative);
23
23
  }
24
- .radio-group__component_1lufd {
24
+ .radio-group__component_lz58k {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  }
28
- .radio-group__radioList_1lufd {
28
+ .radio-group__radioList_lz58k {
29
29
  display: flex;
30
30
  }
31
- .radio-group__verticalRadioList_1lufd {
31
+ .radio-group__verticalRadioList_lz58k {
32
32
  flex-direction: column;
33
33
  align-items: flex-start;
34
34
  }
35
- .radio-group__horizontalRadioList_1lufd {
35
+ .radio-group__horizontalRadioList_lz58k {
36
36
  flex-wrap: wrap;
37
37
  margin-bottom: var(--gap-8-neg);
38
38
  }
39
- .radio-group__verticalRadio_1lufd {
39
+ .radio-group__verticalRadio_lz58k {
40
40
  margin-bottom: var(--gap-12);
41
41
  }
42
- .radio-group__verticalRadio_1lufd:last-child {
42
+ .radio-group__verticalRadio_lz58k:last-child {
43
43
  margin-bottom: var(--gap-0);
44
44
  }
45
- .radio-group__horizontalRadio_1lufd {
45
+ .radio-group__horizontalRadio_lz58k {
46
46
  margin-right: var(--gap-24);
47
47
  margin-bottom: var(--gap-8);
48
48
  }
49
- .radio-group__horizontalTagLabel_1lufd {
49
+ .radio-group__horizontalTagLabel_lz58k {
50
50
  margin-right: var(--gap-8);
51
51
  }
52
- .radio-group__horizontalRadio_1lufd:last-child,
53
- .radio-group__horizontalTagLabel_1lufd:last-child {
52
+ .radio-group__horizontalRadio_lz58k:last-child,
53
+ .radio-group__horizontalTagLabel_lz58k:last-child {
54
54
  margin-right: var(--gap-0);
55
55
  }
56
- .radio-group__errorMessage_1lufd {
56
+ .radio-group__errorMessage_lz58k {
57
57
  color: var(--radio-group-error-color);
58
58
  }
59
- .radio-group__hint_1lufd {
59
+ .radio-group__hint_lz58k {
60
60
  color: var(--radio-group-hint-color);
61
61
  }
62
- .radio-group__hiddenInput_1lufd {
62
+ .radio-group__hiddenInput_lz58k {
63
63
  position: absolute;
64
64
  z-index: -1;
65
65
  top: var(--gap-0);
66
66
  left: var(--gap-0);
67
67
  opacity: 0;
68
68
  }
69
- .radio-group__hiddenInput_1lufd:focus ~ button {
69
+ .radio-group__hiddenInput_lz58k:focus ~ button {
70
70
  outline: 2px solid var(--focus-color);
71
71
  outline-offset: 2px;
72
72
  }
73
- .radio-group__tagLabel_1lufd {
73
+ .radio-group__tagLabel_lz58k {
74
74
  position: relative;
75
75
  max-width: 100%;
76
76
  }
package/esm/components/base-radio-group/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var commonStyles = {"component":"radio-group__component_1lufd","radioList":"radio-group__radioList_1lufd","verticalRadioList":"radio-group__verticalRadioList_1lufd","horizontalRadioList":"radio-group__horizontalRadioList_1lufd","verticalRadio":"radio-group__verticalRadio_1lufd","horizontalRadio":"radio-group__horizontalRadio_1lufd","horizontalTagLabel":"radio-group__horizontalTagLabel_1lufd","errorMessage":"radio-group__errorMessage_1lufd","hint":"radio-group__hint_1lufd","hiddenInput":"radio-group__hiddenInput_1lufd","tagLabel":"radio-group__tagLabel_1lufd"};
3
+ var commonStyles = {"component":"radio-group__component_lz58k","radioList":"radio-group__radioList_lz58k","verticalRadioList":"radio-group__verticalRadioList_lz58k","horizontalRadioList":"radio-group__horizontalRadioList_lz58k","verticalRadio":"radio-group__verticalRadio_lz58k","horizontalRadio":"radio-group__horizontalRadio_lz58k","horizontalTagLabel":"radio-group__horizontalTagLabel_lz58k","errorMessage":"radio-group__errorMessage_lz58k","hint":"radio-group__hint_lz58k","hiddenInput":"radio-group__hiddenInput_lz58k","tagLabel":"radio-group__tagLabel_lz58k"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/desktop/desktop.css CHANGED
@@ -20,10 +20,10 @@
20
20
  --radio-group-error-padding-left: var(--gap-8);
21
21
  --radio-group-error-border-left: 1px solid var(--color-light-status-negative);
22
22
  }
23
- .radio-group__radioList_16gra {
23
+ .radio-group__radioList_1fb2p {
24
24
  padding-left: var(--radio-group-list-padding-left);
25
25
  }
26
- .radio-group__label_16gra {
26
+ .radio-group__label_1fb2p {
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  font-weight: 400;
@@ -32,7 +32,7 @@
32
32
  margin-bottom: var(--gap-12);
33
33
  padding-left: var(--radio-group-sub-padding-left);
34
34
  }
35
- .radio-group__sub_16gra {
35
+ .radio-group__sub_1fb2p {
36
36
  font-size: 14px;
37
37
  line-height: 18px;
38
38
  font-weight: 400;
@@ -40,10 +40,10 @@
40
40
  margin-top: var(--gap-12);
41
41
  padding-left: var(--radio-group-sub-padding-left);
42
42
  }
43
- .radio-group__error_16gra {
43
+ .radio-group__error_1fb2p {
44
44
  padding-left: var(--radio-group-error-padding-left);
45
45
  border-left: var(--radio-group-error-border-left);
46
46
  }
47
- .radio-group__error_16gra.radio-group__tag_16gra {
47
+ .radio-group__error_1fb2p.radio-group__tag_1fb2p {
48
48
  padding-left: var(--gap-8);
49
49
  }
package/esm/desktop/desktop.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"radioList":"radio-group__radioList_16gra","label":"radio-group__label_16gra","sub":"radio-group__sub_16gra","error":"radio-group__error_16gra","tag":"radio-group__tag_16gra"};
3
+ var styles = {"radioList":"radio-group__radioList_1fb2p","label":"radio-group__label_1fb2p","sub":"radio-group__sub_1fb2p","error":"radio-group__error_1fb2p","tag":"radio-group__tag_1fb2p"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/mobile/mobile.css CHANGED
@@ -3,12 +3,10 @@
3
3
  }
4
4
  :root {
5
5
  --gap-3xs: 2px;
6
- --gap-2xs: 4px;
7
6
  --gap-xs: 8px;
8
7
  --gap-s: 12px;
9
8
  --gap-0: 0px;
10
9
  --gap-2: var(--gap-3xs);
11
- --gap-4: var(--gap-2xs);
12
10
  --gap-8: var(--gap-xs);
13
11
  --gap-12: var(--gap-s);
14
12
  }
@@ -17,16 +15,16 @@
17
15
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
16
  }
19
17
  :root {
20
- --radio-group-mobile-sub-padding-left: var(--gap-4);
18
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
21
19
  --radio-group-mobile-list-padding-left: var(--gap-2);
22
20
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
23
21
  --radio-group-mobile-error-padding-left: var(--gap-0);
24
22
  --radio-group-mobile-error-border-left: none;
25
23
  }
26
- .radio-group__radioList_1xg6n {
24
+ .radio-group__radioList_da7y2 {
27
25
  padding-left: var(--radio-group-mobile-list-padding-left);
28
26
  }
29
- .radio-group__label_1xg6n {
27
+ .radio-group__label_da7y2 {
30
28
  font-size: 14px;
31
29
  line-height: 18px;
32
30
  font-weight: 400;
@@ -35,10 +33,10 @@
35
33
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
34
  margin-bottom: var(--gap-12);
37
35
  }
38
- .radio-group__label_1xg6n.radio-group__tag_1xg6n {
36
+ .radio-group__label_da7y2.radio-group__tag_da7y2 {
39
37
  margin-bottom: var(--gap-8);
40
38
  }
41
- .radio-group__sub_1xg6n {
39
+ .radio-group__sub_da7y2 {
42
40
  font-size: 14px;
43
41
  line-height: 18px;
44
42
  font-weight: 400;
@@ -46,13 +44,13 @@
46
44
  margin-top: var(--gap-12);
47
45
  padding-left: var(--radio-group-mobile-sub-padding-left);
48
46
  }
49
- .radio-group__sub_1xg6n.radio-group__tag_1xg6n {
47
+ .radio-group__sub_da7y2.radio-group__tag_da7y2 {
50
48
  margin-top: var(--gap-8);
51
49
  }
52
- .radio-group__error_1xg6n {
50
+ .radio-group__error_da7y2 {
53
51
  padding-left: var(--radio-group-mobile-error-padding-left);
54
52
  border-left: var(--radio-group-mobile-error-border-left);
55
53
  }
56
- .radio-group__error_1xg6n.radio-group__tag_1xg6n {
54
+ .radio-group__error_da7y2.radio-group__tag_da7y2 {
57
55
  padding-left: var(--gap-0);
58
56
  }
package/esm/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"radioList":"radio-group__radioList_1xg6n","label":"radio-group__label_1xg6n","tag":"radio-group__tag_1xg6n","sub":"radio-group__sub_1xg6n","error":"radio-group__error_1xg6n"};
3
+ var styles = {"radioList":"radio-group__radioList_da7y2","label":"radio-group__label_da7y2","tag":"radio-group__tag_da7y2","sub":"radio-group__sub_da7y2","error":"radio-group__error_da7y2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -3,12 +3,10 @@
3
3
  }
4
4
  :root {
5
5
  --gap-3xs: 2px;
6
- --gap-2xs: 4px;
7
6
  --gap-xs: 8px;
8
7
  --gap-s: 12px;
9
8
  --gap-0: 0px;
10
9
  --gap-2: var(--gap-3xs);
11
- --gap-4: var(--gap-2xs);
12
10
  --gap-8: var(--gap-xs);
13
11
  --gap-12: var(--gap-s);
14
12
  }
@@ -17,16 +15,16 @@
17
15
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
16
  }
19
17
  :root {
20
- --radio-group-mobile-sub-padding-left: var(--gap-4);
18
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
21
19
  --radio-group-mobile-list-padding-left: var(--gap-2);
22
20
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
23
21
  --radio-group-mobile-error-padding-left: var(--gap-0);
24
22
  --radio-group-mobile-error-border-left: none;
25
23
  }
26
- .radio-group__radioList_1xg6n {
24
+ .radio-group__radioList_da7y2 {
27
25
  padding-left: var(--radio-group-mobile-list-padding-left);
28
26
  }
29
- .radio-group__label_1xg6n {
27
+ .radio-group__label_da7y2 {
30
28
  font-size: 14px;
31
29
  line-height: 18px;
32
30
  font-weight: 400;
@@ -35,10 +33,10 @@
35
33
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
34
  margin-bottom: var(--gap-12);
37
35
  }
38
- .radio-group__label_1xg6n.radio-group__tag_1xg6n {
36
+ .radio-group__label_da7y2.radio-group__tag_da7y2 {
39
37
  margin-bottom: var(--gap-8);
40
38
  }
41
- .radio-group__sub_1xg6n {
39
+ .radio-group__sub_da7y2 {
42
40
  font-size: 14px;
43
41
  line-height: 18px;
44
42
  font-weight: 400;
@@ -46,13 +44,13 @@
46
44
  margin-top: var(--gap-12);
47
45
  padding-left: var(--radio-group-mobile-sub-padding-left);
48
46
  }
49
- .radio-group__sub_1xg6n.radio-group__tag_1xg6n {
47
+ .radio-group__sub_da7y2.radio-group__tag_da7y2 {
50
48
  margin-top: var(--gap-8);
51
49
  }
52
- .radio-group__error_1xg6n {
50
+ .radio-group__error_da7y2 {
53
51
  padding-left: var(--radio-group-mobile-error-padding-left);
54
52
  border-left: var(--radio-group-mobile-error-border-left);
55
53
  }
56
- .radio-group__error_1xg6n.radio-group__tag_1xg6n {
54
+ .radio-group__error_da7y2.radio-group__tag_da7y2 {
57
55
  padding-left: var(--gap-0);
58
56
  }
package/mobile/mobile.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"radioList":"radio-group__radioList_1xg6n","label":"radio-group__label_1xg6n","tag":"radio-group__tag_1xg6n","sub":"radio-group__sub_1xg6n","error":"radio-group__error_1xg6n"};
5
+ var styles = {"radioList":"radio-group__radioList_da7y2","label":"radio-group__label_da7y2","tag":"radio-group__tag_da7y2","sub":"radio-group__sub_da7y2","error":"radio-group__error_da7y2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/components/base-radio-group/index.css CHANGED
@@ -21,56 +21,56 @@
21
21
  --radio-group-hint-color: var(--color-light-text-secondary);
22
22
  --radio-group-error-color: var(--color-light-text-negative);
23
23
  }
24
- .radio-group__component_1lufd {
24
+ .radio-group__component_lz58k {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  }
28
- .radio-group__radioList_1lufd {
28
+ .radio-group__radioList_lz58k {
29
29
  display: flex;
30
30
  }
31
- .radio-group__verticalRadioList_1lufd {
31
+ .radio-group__verticalRadioList_lz58k {
32
32
  flex-direction: column;
33
33
  align-items: flex-start;
34
34
  }
35
- .radio-group__horizontalRadioList_1lufd {
35
+ .radio-group__horizontalRadioList_lz58k {
36
36
  flex-wrap: wrap;
37
37
  margin-bottom: var(--gap-8-neg);
38
38
  }
39
- .radio-group__verticalRadio_1lufd {
39
+ .radio-group__verticalRadio_lz58k {
40
40
  margin-bottom: var(--gap-12);
41
41
  }
42
- .radio-group__verticalRadio_1lufd:last-child {
42
+ .radio-group__verticalRadio_lz58k:last-child {
43
43
  margin-bottom: var(--gap-0);
44
44
  }
45
- .radio-group__horizontalRadio_1lufd {
45
+ .radio-group__horizontalRadio_lz58k {
46
46
  margin-right: var(--gap-24);
47
47
  margin-bottom: var(--gap-8);
48
48
  }
49
- .radio-group__horizontalTagLabel_1lufd {
49
+ .radio-group__horizontalTagLabel_lz58k {
50
50
  margin-right: var(--gap-8);
51
51
  }
52
- .radio-group__horizontalRadio_1lufd:last-child,
53
- .radio-group__horizontalTagLabel_1lufd:last-child {
52
+ .radio-group__horizontalRadio_lz58k:last-child,
53
+ .radio-group__horizontalTagLabel_lz58k:last-child {
54
54
  margin-right: var(--gap-0);
55
55
  }
56
- .radio-group__errorMessage_1lufd {
56
+ .radio-group__errorMessage_lz58k {
57
57
  color: var(--radio-group-error-color);
58
58
  }
59
- .radio-group__hint_1lufd {
59
+ .radio-group__hint_lz58k {
60
60
  color: var(--radio-group-hint-color);
61
61
  }
62
- .radio-group__hiddenInput_1lufd {
62
+ .radio-group__hiddenInput_lz58k {
63
63
  position: absolute;
64
64
  z-index: -1;
65
65
  top: var(--gap-0);
66
66
  left: var(--gap-0);
67
67
  opacity: 0;
68
68
  }
69
- .radio-group__hiddenInput_1lufd:focus ~ button {
69
+ .radio-group__hiddenInput_lz58k:focus ~ button {
70
70
  outline: 2px solid var(--focus-color);
71
71
  outline-offset: 2px;
72
72
  }
73
- .radio-group__tagLabel_1lufd {
73
+ .radio-group__tagLabel_lz58k {
74
74
  position: relative;
75
75
  max-width: 100%;
76
76
  }
package/modern/components/base-radio-group/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const commonStyles = {"component":"radio-group__component_1lufd","radioList":"radio-group__radioList_1lufd","verticalRadioList":"radio-group__verticalRadioList_1lufd","horizontalRadioList":"radio-group__horizontalRadioList_1lufd","verticalRadio":"radio-group__verticalRadio_1lufd","horizontalRadio":"radio-group__horizontalRadio_1lufd","horizontalTagLabel":"radio-group__horizontalTagLabel_1lufd","errorMessage":"radio-group__errorMessage_1lufd","hint":"radio-group__hint_1lufd","hiddenInput":"radio-group__hiddenInput_1lufd","tagLabel":"radio-group__tagLabel_1lufd"};
3
+ const commonStyles = {"component":"radio-group__component_lz58k","radioList":"radio-group__radioList_lz58k","verticalRadioList":"radio-group__verticalRadioList_lz58k","horizontalRadioList":"radio-group__horizontalRadioList_lz58k","verticalRadio":"radio-group__verticalRadio_lz58k","horizontalRadio":"radio-group__horizontalRadio_lz58k","horizontalTagLabel":"radio-group__horizontalTagLabel_lz58k","errorMessage":"radio-group__errorMessage_lz58k","hint":"radio-group__hint_lz58k","hiddenInput":"radio-group__hiddenInput_lz58k","tagLabel":"radio-group__tagLabel_lz58k"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/desktop/desktop.css CHANGED
@@ -20,10 +20,10 @@
20
20
  --radio-group-error-padding-left: var(--gap-8);
21
21
  --radio-group-error-border-left: 1px solid var(--color-light-status-negative);
22
22
  }
23
- .radio-group__radioList_16gra {
23
+ .radio-group__radioList_1fb2p {
24
24
  padding-left: var(--radio-group-list-padding-left);
25
25
  }
26
- .radio-group__label_16gra {
26
+ .radio-group__label_1fb2p {
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  font-weight: 400;
@@ -32,7 +32,7 @@
32
32
  margin-bottom: var(--gap-12);
33
33
  padding-left: var(--radio-group-sub-padding-left);
34
34
  }
35
- .radio-group__sub_16gra {
35
+ .radio-group__sub_1fb2p {
36
36
  font-size: 14px;
37
37
  line-height: 18px;
38
38
  font-weight: 400;
@@ -40,10 +40,10 @@
40
40
  margin-top: var(--gap-12);
41
41
  padding-left: var(--radio-group-sub-padding-left);
42
42
  }
43
- .radio-group__error_16gra {
43
+ .radio-group__error_1fb2p {
44
44
  padding-left: var(--radio-group-error-padding-left);
45
45
  border-left: var(--radio-group-error-border-left);
46
46
  }
47
- .radio-group__error_16gra.radio-group__tag_16gra {
47
+ .radio-group__error_1fb2p.radio-group__tag_1fb2p {
48
48
  padding-left: var(--gap-8);
49
49
  }
package/modern/desktop/desktop.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const styles = {"radioList":"radio-group__radioList_16gra","label":"radio-group__label_16gra","sub":"radio-group__sub_16gra","error":"radio-group__error_16gra","tag":"radio-group__tag_16gra"};
3
+ const styles = {"radioList":"radio-group__radioList_1fb2p","label":"radio-group__label_1fb2p","sub":"radio-group__sub_1fb2p","error":"radio-group__error_1fb2p","tag":"radio-group__tag_1fb2p"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/modern/mobile/mobile.css CHANGED
@@ -3,12 +3,10 @@
3
3
  }
4
4
  :root {
5
5
  --gap-3xs: 2px;
6
- --gap-2xs: 4px;
7
6
  --gap-xs: 8px;
8
7
  --gap-s: 12px;
9
8
  --gap-0: 0px;
10
9
  --gap-2: var(--gap-3xs);
11
- --gap-4: var(--gap-2xs);
12
10
  --gap-8: var(--gap-xs);
13
11
  --gap-12: var(--gap-s);
14
12
  }
@@ -17,16 +15,16 @@
17
15
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
18
16
  }
19
17
  :root {
20
- --radio-group-mobile-sub-padding-left: var(--gap-4);
18
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
21
19
  --radio-group-mobile-list-padding-left: var(--gap-2);
22
20
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
23
21
  --radio-group-mobile-error-padding-left: var(--gap-0);
24
22
  --radio-group-mobile-error-border-left: none;
25
23
  }
26
- .radio-group__radioList_1xg6n {
24
+ .radio-group__radioList_da7y2 {
27
25
  padding-left: var(--radio-group-mobile-list-padding-left);
28
26
  }
29
- .radio-group__label_1xg6n {
27
+ .radio-group__label_da7y2 {
30
28
  font-size: 14px;
31
29
  line-height: 18px;
32
30
  font-weight: 400;
@@ -35,10 +33,10 @@
35
33
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
34
  margin-bottom: var(--gap-12);
37
35
  }
38
- .radio-group__label_1xg6n.radio-group__tag_1xg6n {
36
+ .radio-group__label_da7y2.radio-group__tag_da7y2 {
39
37
  margin-bottom: var(--gap-8);
40
38
  }
41
- .radio-group__sub_1xg6n {
39
+ .radio-group__sub_da7y2 {
42
40
  font-size: 14px;
43
41
  line-height: 18px;
44
42
  font-weight: 400;
@@ -46,13 +44,13 @@
46
44
  margin-top: var(--gap-12);
47
45
  padding-left: var(--radio-group-mobile-sub-padding-left);
48
46
  }
49
- .radio-group__sub_1xg6n.radio-group__tag_1xg6n {
47
+ .radio-group__sub_da7y2.radio-group__tag_da7y2 {
50
48
  margin-top: var(--gap-8);
51
49
  }
52
- .radio-group__error_1xg6n {
50
+ .radio-group__error_da7y2 {
53
51
  padding-left: var(--radio-group-mobile-error-padding-left);
54
52
  border-left: var(--radio-group-mobile-error-border-left);
55
53
  }
56
- .radio-group__error_1xg6n.radio-group__tag_1xg6n {
54
+ .radio-group__error_da7y2.radio-group__tag_da7y2 {
57
55
  padding-left: var(--gap-0);
58
56
  }
package/modern/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"radioList":"radio-group__radioList_1xg6n","label":"radio-group__label_1xg6n","tag":"radio-group__tag_1xg6n","sub":"radio-group__sub_1xg6n","error":"radio-group__error_1xg6n"};
3
+ const styles = {"radioList":"radio-group__radioList_da7y2","label":"radio-group__label_da7y2","tag":"radio-group__tag_da7y2","sub":"radio-group__sub_da7y2","error":"radio-group__error_da7y2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/moderncssm/mobile/mobile.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
 
3
3
  :root {
4
- --radio-group-mobile-sub-padding-left: var(--gap-4);
4
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
5
5
  --radio-group-mobile-list-padding-left: var(--gap-2);
6
6
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
7
7
  --radio-group-mobile-error-padding-left: var(--gap-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-radio-group",
3
- "version": "6.0.3",
3
+ "version": "6.0.4",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -24,6 +24,6 @@
24
24
  "access": "public",
25
25
  "directory": "dist"
26
26
  },
27
- "themesVersion": "15.0.2",
27
+ "themesVersion": "15.0.4",
28
28
  "varsVersion": "11.0.2"
29
29
  }
package/src/vars.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --radio-group-error-border-left: 1px solid var(--color-light-status-negative);
11
11
 
12
12
  /* mobile */
13
- --radio-group-mobile-sub-padding-left: var(--gap-4);
13
+ --radio-group-mobile-sub-padding-left: var(--gap-0);
14
14
  --radio-group-mobile-list-padding-left: var(--gap-2);
15
15
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
16
16
  --radio-group-mobile-error-padding-left: var(--gap-0);