@alfalab/core-components-radio-group 4.4.0 → 4.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.
Files changed (25) hide show
  1. package/components/base-radio-group/Component.js +1 -1
  2. package/components/base-radio-group/index.css +43 -35
  3. package/cssm/components/base-radio-group/index.module.css +23 -15
  4. package/cssm/desktop/desktop.module.css +6 -2
  5. package/cssm/mobile/mobile.module.css +11 -5
  6. package/cssm/vars.css +6 -2
  7. package/desktop/Component.desktop.js +1 -1
  8. package/desktop/desktop.css +10 -6
  9. package/esm/components/base-radio-group/Component.js +1 -1
  10. package/esm/components/base-radio-group/index.css +43 -35
  11. package/esm/desktop/Component.desktop.js +1 -1
  12. package/esm/desktop/desktop.css +10 -6
  13. package/esm/mobile/Component.mobile.js +1 -1
  14. package/esm/mobile/mobile.css +15 -9
  15. package/mobile/Component.mobile.js +1 -1
  16. package/mobile/mobile.css +15 -9
  17. package/modern/components/base-radio-group/Component.js +1 -1
  18. package/modern/components/base-radio-group/index.css +43 -35
  19. package/modern/desktop/Component.desktop.js +1 -1
  20. package/modern/desktop/desktop.css +10 -6
  21. package/modern/mobile/Component.mobile.js +1 -1
  22. package/modern/mobile/mobile.css +15 -9
  23. package/package.json +4 -2
  24. package/src/components/base-radio-group/index.module.css +9 -9
  25. package/src/vars.css +2 -2
package/components/base-radio-group/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var commonStyles = {"component":"radio-group__component_1qrpg","error":"radio-group__error_1qrpg","tag":"radio-group__tag_1qrpg","radioList":"radio-group__radioList_1qrpg","verticalRadioList":"radio-group__verticalRadioList_1qrpg","horizontalRadioList":"radio-group__horizontalRadioList_1qrpg","verticalRadio":"radio-group__verticalRadio_1qrpg","horizontalRadio":"radio-group__horizontalRadio_1qrpg","horizontalTagLabel":"radio-group__horizontalTagLabel_1qrpg","label":"radio-group__label_1qrpg","sub":"radio-group__sub_1qrpg","errorMessage":"radio-group__errorMessage_1qrpg","hint":"radio-group__hint_1qrpg","hiddenInput":"radio-group__hiddenInput_1qrpg","tagLabel":"radio-group__tagLabel_1qrpg"};
15
+ var commonStyles = {"component":"radio-group__component_1sauk","error":"radio-group__error_1sauk","tag":"radio-group__tag_1sauk","radioList":"radio-group__radioList_1sauk","verticalRadioList":"radio-group__verticalRadioList_1sauk","horizontalRadioList":"radio-group__horizontalRadioList_1sauk","verticalRadio":"radio-group__verticalRadio_1sauk","horizontalRadio":"radio-group__horizontalRadio_1sauk","horizontalTagLabel":"radio-group__horizontalTagLabel_1sauk","label":"radio-group__label_1sauk","sub":"radio-group__sub_1sauk","errorMessage":"radio-group__errorMessage_1sauk","hint":"radio-group__hint_1sauk","hiddenInput":"radio-group__hiddenInput_1sauk","tagLabel":"radio-group__tagLabel_1sauk"};
16
16
  require('./index.css')
17
17
 
18
18
  var BaseRadioGroup = React.forwardRef(function (_a, ref) {
package/components/base-radio-group/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15f6l */
1
+ /* hash: 12ma0 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -14,12 +14,20 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
18
- } :root {
19
- --gap-xs: 8px;
20
- --gap-s: 12px;
21
- --gap-xl: 24px;
22
- --gap-xs-neg: -8px;
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
20
+ } :root { /* deprecated */ /* deprecated */
21
+ --gap-xs: 8px; /* deprecated */
22
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
+ --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
27
+ --gap-8: var(--gap-xs);
28
+ --gap-12: var(--gap-s);
29
+ --gap-24: var(--gap-xl);
30
+ --gap-8-neg: var(--gap-xs-neg);
23
31
  } :root {
24
32
  } :root {
25
33
  --focus-color: var(--color-light-status-info);
@@ -28,55 +36,55 @@
28
36
  --radio-group-hint-color: var(--color-light-text-secondary);
29
37
 
30
38
  /* mobile */
31
- } .radio-group__component_1qrpg {
39
+ } .radio-group__component_1sauk {
32
40
  display: flex;
33
41
  flex-direction: column;
34
- } .radio-group__error_1qrpg {
35
- padding-left: var(--gap-s);
42
+ } .radio-group__error_1sauk {
43
+ padding-left: var(--gap-12);
36
44
  border-left: 1px solid var(--color-light-status-negative)
37
- } .radio-group__error_1qrpg.radio-group__tag_1qrpg {
38
- padding-left: var(--gap-xs);
39
- } .radio-group__radioList_1qrpg {
45
+ } .radio-group__error_1sauk.radio-group__tag_1sauk {
46
+ padding-left: var(--gap-8);
47
+ } .radio-group__radioList_1sauk {
40
48
  display: flex;
41
- } .radio-group__verticalRadioList_1qrpg {
49
+ } .radio-group__verticalRadioList_1sauk {
42
50
  flex-direction: column;
43
51
  align-items: flex-start;
44
- } .radio-group__horizontalRadioList_1qrpg {
52
+ } .radio-group__horizontalRadioList_1sauk {
45
53
  flex-wrap: wrap;
46
- margin-bottom: var(--gap-xs-neg);
47
- } .radio-group__verticalRadio_1qrpg {
48
- margin-bottom: var(--gap-s)
49
- } .radio-group__verticalRadio_1qrpg:last-child {
54
+ margin-bottom: var(--gap-8-neg);
55
+ } .radio-group__verticalRadio_1sauk {
56
+ margin-bottom: var(--gap-12)
57
+ } .radio-group__verticalRadio_1sauk:last-child {
50
58
  margin-bottom: 0;
51
- } .radio-group__horizontalRadio_1qrpg {
52
- margin-right: var(--gap-xl);
53
- margin-bottom: var(--gap-xs);
54
- } .radio-group__horizontalTagLabel_1qrpg {
55
- margin-right: var(--gap-xs);
56
- } .radio-group__horizontalRadio_1qrpg:last-child,
57
- .radio-group__horizontalTagLabel_1qrpg:last-child {
59
+ } .radio-group__horizontalRadio_1sauk {
60
+ margin-right: var(--gap-24);
61
+ margin-bottom: var(--gap-8);
62
+ } .radio-group__horizontalTagLabel_1sauk {
63
+ margin-right: var(--gap-8);
64
+ } .radio-group__horizontalRadio_1sauk:last-child,
65
+ .radio-group__horizontalTagLabel_1sauk:last-child {
58
66
  margin-right: 0;
59
- } .radio-group__label_1qrpg {
60
- margin-bottom: var(--gap-s);
61
- } .radio-group__sub_1qrpg {
67
+ } .radio-group__label_1sauk {
68
+ margin-bottom: var(--gap-12);
69
+ } .radio-group__sub_1sauk {
62
70
  font-size: 14px;
63
71
  line-height: 18px;
64
72
  font-weight: 400;
65
- margin-top: var(--gap-s);
66
- } .radio-group__errorMessage_1qrpg {
73
+ margin-top: var(--gap-12);
74
+ } .radio-group__errorMessage_1sauk {
67
75
  color: var(--radio-group-error-color);
68
- } .radio-group__hint_1qrpg {
76
+ } .radio-group__hint_1sauk {
69
77
  color: var(--radio-group-hint-color);
70
- } .radio-group__hiddenInput_1qrpg {
78
+ } .radio-group__hiddenInput_1sauk {
71
79
  position: absolute;
72
80
  z-index: -1;
73
81
  top: 0;
74
82
  left: 0;
75
83
  opacity: 0
76
- } .radio-group__hiddenInput_1qrpg:focus ~ button {
84
+ } .radio-group__hiddenInput_1sauk:focus ~ button {
77
85
  outline: 2px solid var(--focus-color);
78
86
  outline-offset: 2px;
79
- } .radio-group__tagLabel_1qrpg {
87
+ } .radio-group__tagLabel_1sauk {
80
88
  position: relative;
81
89
  max-width: 100%;
82
90
  }
package/cssm/components/base-radio-group/index.module.css CHANGED
@@ -13,12 +13,20 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
17
- } :root {
18
- --gap-xs: 8px;
19
- --gap-s: 12px;
20
- --gap-xl: 24px;
21
- --gap-xs-neg: -8px;
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
19
+ } :root { /* deprecated */ /* deprecated */
20
+ --gap-xs: 8px; /* deprecated */
21
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
+
25
+ /* новые значения, используйте их */
26
+ --gap-8: var(--gap-xs);
27
+ --gap-12: var(--gap-s);
28
+ --gap-24: var(--gap-xl);
29
+ --gap-8-neg: var(--gap-xs-neg);
22
30
  } :root {
23
31
  } :root {
24
32
  --focus-color: var(--color-light-status-info);
@@ -31,10 +39,10 @@
31
39
  display: flex;
32
40
  flex-direction: column;
33
41
  } .error {
34
- padding-left: var(--gap-s);
42
+ padding-left: var(--gap-12);
35
43
  border-left: 1px solid var(--color-light-status-negative)
36
44
  } .error.tag {
37
- padding-left: var(--gap-xs);
45
+ padding-left: var(--gap-8);
38
46
  } .radioList {
39
47
  display: flex;
40
48
  } .verticalRadioList {
@@ -42,26 +50,26 @@
42
50
  align-items: flex-start;
43
51
  } .horizontalRadioList {
44
52
  flex-wrap: wrap;
45
- margin-bottom: var(--gap-xs-neg);
53
+ margin-bottom: var(--gap-8-neg);
46
54
  } .verticalRadio {
47
- margin-bottom: var(--gap-s)
55
+ margin-bottom: var(--gap-12)
48
56
  } .verticalRadio:last-child {
49
57
  margin-bottom: 0;
50
58
  } .horizontalRadio {
51
- margin-right: var(--gap-xl);
52
- margin-bottom: var(--gap-xs);
59
+ margin-right: var(--gap-24);
60
+ margin-bottom: var(--gap-8);
53
61
  } .horizontalTagLabel {
54
- margin-right: var(--gap-xs);
62
+ margin-right: var(--gap-8);
55
63
  } .horizontalRadio:last-child,
56
64
  .horizontalTagLabel:last-child {
57
65
  margin-right: 0;
58
66
  } .label {
59
- margin-bottom: var(--gap-s);
67
+ margin-bottom: var(--gap-12);
60
68
  } .sub {
61
69
  font-size: 14px;
62
70
  line-height: 18px;
63
71
  font-weight: 400;
64
- margin-top: var(--gap-s);
72
+ margin-top: var(--gap-12);
65
73
  } .errorMessage {
66
74
  color: var(--radio-group-error-color);
67
75
  } .hint {
package/cssm/desktop/desktop.module.css CHANGED
@@ -10,8 +10,12 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
14
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
15
19
  } :root {
16
20
  } :root {
17
21
  } :root {
package/cssm/mobile/mobile.module.css CHANGED
@@ -10,17 +10,23 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
13
16
  } :root {
14
- } :root {
15
- --gap-3xs: 2px;
16
- --gap-2xs: 4px;
17
+ --gap-3xs: 2px; /* deprecated */
18
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
21
+ --gap-2: var(--gap-3xs);
22
+ --gap-4: var(--gap-2xs);
17
23
  } :root {
18
24
  } :root {
19
25
  } :root {
20
26
 
21
27
  /* mobile */
22
- --radio-group-mobile-sub-padding-left: var(--gap-2xs);
23
- --radio-group-mobile-list-padding-left: var(--gap-3xs);
28
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
29
+ --radio-group-mobile-list-padding-left: var(--gap-2);
24
30
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
25
31
  } .radioList {
26
32
  padding-left: var(--radio-group-mobile-list-padding-left);
package/cssm/vars.css CHANGED
@@ -9,8 +9,12 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
13
- } :root {
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
14
18
  } :root {
15
19
  } :root {
16
20
  } :root {
package/desktop/Component.desktop.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"radioList":"radio-group__radioList_ku1aq","label":"radio-group__label_ku1aq","sub":"radio-group__sub_ku1aq"};
13
+ var styles = {"radioList":"radio-group__radioList_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
14
14
  require('./desktop.css')
15
15
 
16
16
  var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles })); });
package/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1j6ys */
1
+ /* hash: 1pigu */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,8 +11,12 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
- } :root {
15
- } :root {
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
16
20
  } :root {
17
21
  } :root {
18
22
  } :root {
@@ -21,14 +25,14 @@
21
25
  --radio-group-list-padding-left: 0;
22
26
 
23
27
  /* mobile */
24
- } .radio-group__radioList_ku1aq {
28
+ } .radio-group__radioList_1fvpg {
25
29
  padding-left: var(--radio-group-list-padding-left);
26
- } .radio-group__label_ku1aq {
30
+ } .radio-group__label_1fvpg {
27
31
  font-size: 16px;
28
32
  line-height: 24px;
29
33
  font-weight: 400;
30
34
  color: var(--radio-group-label-color);
31
35
  padding-left: var(--radio-group-sub-padding-left);
32
- } .radio-group__sub_ku1aq {
36
+ } .radio-group__sub_1fvpg {
33
37
  padding-left: var(--radio-group-sub-padding-left);
34
38
  }
package/esm/components/base-radio-group/Component.js CHANGED
@@ -3,7 +3,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
3
3
  import cn from 'classnames';
4
4
  import { useDidUpdateEffect } from '@alfalab/hooks';
5
5
 
6
- var commonStyles = {"component":"radio-group__component_1qrpg","error":"radio-group__error_1qrpg","tag":"radio-group__tag_1qrpg","radioList":"radio-group__radioList_1qrpg","verticalRadioList":"radio-group__verticalRadioList_1qrpg","horizontalRadioList":"radio-group__horizontalRadioList_1qrpg","verticalRadio":"radio-group__verticalRadio_1qrpg","horizontalRadio":"radio-group__horizontalRadio_1qrpg","horizontalTagLabel":"radio-group__horizontalTagLabel_1qrpg","label":"radio-group__label_1qrpg","sub":"radio-group__sub_1qrpg","errorMessage":"radio-group__errorMessage_1qrpg","hint":"radio-group__hint_1qrpg","hiddenInput":"radio-group__hiddenInput_1qrpg","tagLabel":"radio-group__tagLabel_1qrpg"};
6
+ var commonStyles = {"component":"radio-group__component_1sauk","error":"radio-group__error_1sauk","tag":"radio-group__tag_1sauk","radioList":"radio-group__radioList_1sauk","verticalRadioList":"radio-group__verticalRadioList_1sauk","horizontalRadioList":"radio-group__horizontalRadioList_1sauk","verticalRadio":"radio-group__verticalRadio_1sauk","horizontalRadio":"radio-group__horizontalRadio_1sauk","horizontalTagLabel":"radio-group__horizontalTagLabel_1sauk","label":"radio-group__label_1sauk","sub":"radio-group__sub_1sauk","errorMessage":"radio-group__errorMessage_1sauk","hint":"radio-group__hint_1sauk","hiddenInput":"radio-group__hiddenInput_1sauk","tagLabel":"radio-group__tagLabel_1sauk"};
7
7
  require('./index.css')
8
8
 
9
9
  var BaseRadioGroup = forwardRef(function (_a, ref) {
package/esm/components/base-radio-group/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15f6l */
1
+ /* hash: 12ma0 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -14,12 +14,20 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
18
- } :root {
19
- --gap-xs: 8px;
20
- --gap-s: 12px;
21
- --gap-xl: 24px;
22
- --gap-xs-neg: -8px;
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
20
+ } :root { /* deprecated */ /* deprecated */
21
+ --gap-xs: 8px; /* deprecated */
22
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
+ --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
27
+ --gap-8: var(--gap-xs);
28
+ --gap-12: var(--gap-s);
29
+ --gap-24: var(--gap-xl);
30
+ --gap-8-neg: var(--gap-xs-neg);
23
31
  } :root {
24
32
  } :root {
25
33
  --focus-color: var(--color-light-status-info);
@@ -28,55 +36,55 @@
28
36
  --radio-group-hint-color: var(--color-light-text-secondary);
29
37
 
30
38
  /* mobile */
31
- } .radio-group__component_1qrpg {
39
+ } .radio-group__component_1sauk {
32
40
  display: flex;
33
41
  flex-direction: column;
34
- } .radio-group__error_1qrpg {
35
- padding-left: var(--gap-s);
42
+ } .radio-group__error_1sauk {
43
+ padding-left: var(--gap-12);
36
44
  border-left: 1px solid var(--color-light-status-negative)
37
- } .radio-group__error_1qrpg.radio-group__tag_1qrpg {
38
- padding-left: var(--gap-xs);
39
- } .radio-group__radioList_1qrpg {
45
+ } .radio-group__error_1sauk.radio-group__tag_1sauk {
46
+ padding-left: var(--gap-8);
47
+ } .radio-group__radioList_1sauk {
40
48
  display: flex;
41
- } .radio-group__verticalRadioList_1qrpg {
49
+ } .radio-group__verticalRadioList_1sauk {
42
50
  flex-direction: column;
43
51
  align-items: flex-start;
44
- } .radio-group__horizontalRadioList_1qrpg {
52
+ } .radio-group__horizontalRadioList_1sauk {
45
53
  flex-wrap: wrap;
46
- margin-bottom: var(--gap-xs-neg);
47
- } .radio-group__verticalRadio_1qrpg {
48
- margin-bottom: var(--gap-s)
49
- } .radio-group__verticalRadio_1qrpg:last-child {
54
+ margin-bottom: var(--gap-8-neg);
55
+ } .radio-group__verticalRadio_1sauk {
56
+ margin-bottom: var(--gap-12)
57
+ } .radio-group__verticalRadio_1sauk:last-child {
50
58
  margin-bottom: 0;
51
- } .radio-group__horizontalRadio_1qrpg {
52
- margin-right: var(--gap-xl);
53
- margin-bottom: var(--gap-xs);
54
- } .radio-group__horizontalTagLabel_1qrpg {
55
- margin-right: var(--gap-xs);
56
- } .radio-group__horizontalRadio_1qrpg:last-child,
57
- .radio-group__horizontalTagLabel_1qrpg:last-child {
59
+ } .radio-group__horizontalRadio_1sauk {
60
+ margin-right: var(--gap-24);
61
+ margin-bottom: var(--gap-8);
62
+ } .radio-group__horizontalTagLabel_1sauk {
63
+ margin-right: var(--gap-8);
64
+ } .radio-group__horizontalRadio_1sauk:last-child,
65
+ .radio-group__horizontalTagLabel_1sauk:last-child {
58
66
  margin-right: 0;
59
- } .radio-group__label_1qrpg {
60
- margin-bottom: var(--gap-s);
61
- } .radio-group__sub_1qrpg {
67
+ } .radio-group__label_1sauk {
68
+ margin-bottom: var(--gap-12);
69
+ } .radio-group__sub_1sauk {
62
70
  font-size: 14px;
63
71
  line-height: 18px;
64
72
  font-weight: 400;
65
- margin-top: var(--gap-s);
66
- } .radio-group__errorMessage_1qrpg {
73
+ margin-top: var(--gap-12);
74
+ } .radio-group__errorMessage_1sauk {
67
75
  color: var(--radio-group-error-color);
68
- } .radio-group__hint_1qrpg {
76
+ } .radio-group__hint_1sauk {
69
77
  color: var(--radio-group-hint-color);
70
- } .radio-group__hiddenInput_1qrpg {
78
+ } .radio-group__hiddenInput_1sauk {
71
79
  position: absolute;
72
80
  z-index: -1;
73
81
  top: 0;
74
82
  left: 0;
75
83
  opacity: 0
76
- } .radio-group__hiddenInput_1qrpg:focus ~ button {
84
+ } .radio-group__hiddenInput_1sauk:focus ~ button {
77
85
  outline: 2px solid var(--focus-color);
78
86
  outline-offset: 2px;
79
- } .radio-group__tagLabel_1qrpg {
87
+ } .radio-group__tagLabel_1sauk {
80
88
  position: relative;
81
89
  max-width: 100%;
82
90
  }
package/esm/desktop/Component.desktop.js CHANGED
@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
4
4
 
5
- var styles = {"radioList":"radio-group__radioList_ku1aq","label":"radio-group__label_ku1aq","sub":"radio-group__sub_ku1aq"};
5
+ var styles = {"radioList":"radio-group__radioList_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
6
6
  require('./desktop.css')
7
7
 
8
8
  var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });
package/esm/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1j6ys */
1
+ /* hash: 1pigu */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,8 +11,12 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
- } :root {
15
- } :root {
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
16
20
  } :root {
17
21
  } :root {
18
22
  } :root {
@@ -21,14 +25,14 @@
21
25
  --radio-group-list-padding-left: 0;
22
26
 
23
27
  /* mobile */
24
- } .radio-group__radioList_ku1aq {
28
+ } .radio-group__radioList_1fvpg {
25
29
  padding-left: var(--radio-group-list-padding-left);
26
- } .radio-group__label_ku1aq {
30
+ } .radio-group__label_1fvpg {
27
31
  font-size: 16px;
28
32
  line-height: 24px;
29
33
  font-weight: 400;
30
34
  color: var(--radio-group-label-color);
31
35
  padding-left: var(--radio-group-sub-padding-left);
32
- } .radio-group__sub_ku1aq {
36
+ } .radio-group__sub_1fvpg {
33
37
  padding-left: var(--radio-group-sub-padding-left);
34
38
  }
package/esm/mobile/Component.mobile.js CHANGED
@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
4
4
 
5
- var styles = {"radioList":"radio-group__radioList_5zrhi","label":"radio-group__label_5zrhi","sub":"radio-group__sub_5zrhi"};
5
+ var styles = {"radioList":"radio-group__radioList_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
6
6
  require('./mobile.css')
7
7
 
8
8
  var RadioGroupMobile = forwardRef(function (props, ref) { return (React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles }))); });
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xmuzy */
1
+ /* hash: 1vo78 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,26 +11,32 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
14
17
  } :root {
15
- } :root {
16
- --gap-3xs: 2px;
17
- --gap-2xs: 4px;
18
+ --gap-3xs: 2px; /* deprecated */
19
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
22
+ --gap-2: var(--gap-3xs);
23
+ --gap-4: var(--gap-2xs);
18
24
  } :root {
19
25
  } :root {
20
26
  } :root {
21
27
 
22
28
  /* mobile */
23
- --radio-group-mobile-sub-padding-left: var(--gap-2xs);
24
- --radio-group-mobile-list-padding-left: var(--gap-3xs);
29
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
30
+ --radio-group-mobile-list-padding-left: var(--gap-2);
25
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
26
- } .radio-group__radioList_5zrhi {
32
+ } .radio-group__radioList_15v12 {
27
33
  padding-left: var(--radio-group-mobile-list-padding-left);
28
- } .radio-group__label_5zrhi {
34
+ } .radio-group__label_15v12 {
29
35
  font-size: 14px;
30
36
  line-height: 18px;
31
37
  font-weight: 400;
32
38
  color: var(--radio-group-mobile-label-color);
33
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
34
- } .radio-group__sub_5zrhi {
40
+ } .radio-group__sub_15v12 {
35
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
42
  }
package/mobile/Component.mobile.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"radioList":"radio-group__radioList_5zrhi","label":"radio-group__label_5zrhi","sub":"radio-group__sub_5zrhi"};
13
+ var styles = {"radioList":"radio-group__radioList_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles }))); });
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xmuzy */
1
+ /* hash: 1vo78 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,26 +11,32 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
14
17
  } :root {
15
- } :root {
16
- --gap-3xs: 2px;
17
- --gap-2xs: 4px;
18
+ --gap-3xs: 2px; /* deprecated */
19
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
22
+ --gap-2: var(--gap-3xs);
23
+ --gap-4: var(--gap-2xs);
18
24
  } :root {
19
25
  } :root {
20
26
  } :root {
21
27
 
22
28
  /* mobile */
23
- --radio-group-mobile-sub-padding-left: var(--gap-2xs);
24
- --radio-group-mobile-list-padding-left: var(--gap-3xs);
29
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
30
+ --radio-group-mobile-list-padding-left: var(--gap-2);
25
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
26
- } .radio-group__radioList_5zrhi {
32
+ } .radio-group__radioList_15v12 {
27
33
  padding-left: var(--radio-group-mobile-list-padding-left);
28
- } .radio-group__label_5zrhi {
34
+ } .radio-group__label_15v12 {
29
35
  font-size: 14px;
30
36
  line-height: 18px;
31
37
  font-weight: 400;
32
38
  color: var(--radio-group-mobile-label-color);
33
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
34
- } .radio-group__sub_5zrhi {
40
+ } .radio-group__sub_15v12 {
35
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
42
  }
package/modern/components/base-radio-group/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
2
2
  import cn from 'classnames';
3
3
  import { useDidUpdateEffect } from '@alfalab/hooks';
4
4
 
5
- const commonStyles = {"component":"radio-group__component_1qrpg","error":"radio-group__error_1qrpg","tag":"radio-group__tag_1qrpg","radioList":"radio-group__radioList_1qrpg","verticalRadioList":"radio-group__verticalRadioList_1qrpg","horizontalRadioList":"radio-group__horizontalRadioList_1qrpg","verticalRadio":"radio-group__verticalRadio_1qrpg","horizontalRadio":"radio-group__horizontalRadio_1qrpg","horizontalTagLabel":"radio-group__horizontalTagLabel_1qrpg","label":"radio-group__label_1qrpg","sub":"radio-group__sub_1qrpg","errorMessage":"radio-group__errorMessage_1qrpg","hint":"radio-group__hint_1qrpg","hiddenInput":"radio-group__hiddenInput_1qrpg","tagLabel":"radio-group__tagLabel_1qrpg"};
5
+ const commonStyles = {"component":"radio-group__component_1sauk","error":"radio-group__error_1sauk","tag":"radio-group__tag_1sauk","radioList":"radio-group__radioList_1sauk","verticalRadioList":"radio-group__verticalRadioList_1sauk","horizontalRadioList":"radio-group__horizontalRadioList_1sauk","verticalRadio":"radio-group__verticalRadio_1sauk","horizontalRadio":"radio-group__horizontalRadio_1sauk","horizontalTagLabel":"radio-group__horizontalTagLabel_1sauk","label":"radio-group__label_1sauk","sub":"radio-group__sub_1sauk","errorMessage":"radio-group__errorMessage_1sauk","hint":"radio-group__hint_1sauk","hiddenInput":"radio-group__hiddenInput_1sauk","tagLabel":"radio-group__tagLabel_1sauk"};
6
6
  require('./index.css')
7
7
 
8
8
  const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {
package/modern/components/base-radio-group/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15f6l */
1
+ /* hash: 12ma0 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -14,12 +14,20 @@
14
14
  /* Up */
15
15
 
16
16
  /* Hard up */
17
- } :root {
18
- } :root {
19
- --gap-xs: 8px;
20
- --gap-s: 12px;
21
- --gap-xl: 24px;
22
- --gap-xs-neg: -8px;
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
20
+ } :root { /* deprecated */ /* deprecated */
21
+ --gap-xs: 8px; /* deprecated */
22
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+ --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
24
+ --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
+
26
+ /* новые значения, используйте их */
27
+ --gap-8: var(--gap-xs);
28
+ --gap-12: var(--gap-s);
29
+ --gap-24: var(--gap-xl);
30
+ --gap-8-neg: var(--gap-xs-neg);
23
31
  } :root {
24
32
  } :root {
25
33
  --focus-color: var(--color-light-status-info);
@@ -28,55 +36,55 @@
28
36
  --radio-group-hint-color: var(--color-light-text-secondary);
29
37
 
30
38
  /* mobile */
31
- } .radio-group__component_1qrpg {
39
+ } .radio-group__component_1sauk {
32
40
  display: flex;
33
41
  flex-direction: column;
34
- } .radio-group__error_1qrpg {
35
- padding-left: var(--gap-s);
42
+ } .radio-group__error_1sauk {
43
+ padding-left: var(--gap-12);
36
44
  border-left: 1px solid var(--color-light-status-negative)
37
- } .radio-group__error_1qrpg.radio-group__tag_1qrpg {
38
- padding-left: var(--gap-xs);
39
- } .radio-group__radioList_1qrpg {
45
+ } .radio-group__error_1sauk.radio-group__tag_1sauk {
46
+ padding-left: var(--gap-8);
47
+ } .radio-group__radioList_1sauk {
40
48
  display: flex;
41
- } .radio-group__verticalRadioList_1qrpg {
49
+ } .radio-group__verticalRadioList_1sauk {
42
50
  flex-direction: column;
43
51
  align-items: flex-start;
44
- } .radio-group__horizontalRadioList_1qrpg {
52
+ } .radio-group__horizontalRadioList_1sauk {
45
53
  flex-wrap: wrap;
46
- margin-bottom: var(--gap-xs-neg);
47
- } .radio-group__verticalRadio_1qrpg {
48
- margin-bottom: var(--gap-s)
49
- } .radio-group__verticalRadio_1qrpg:last-child {
54
+ margin-bottom: var(--gap-8-neg);
55
+ } .radio-group__verticalRadio_1sauk {
56
+ margin-bottom: var(--gap-12)
57
+ } .radio-group__verticalRadio_1sauk:last-child {
50
58
  margin-bottom: 0;
51
- } .radio-group__horizontalRadio_1qrpg {
52
- margin-right: var(--gap-xl);
53
- margin-bottom: var(--gap-xs);
54
- } .radio-group__horizontalTagLabel_1qrpg {
55
- margin-right: var(--gap-xs);
56
- } .radio-group__horizontalRadio_1qrpg:last-child,
57
- .radio-group__horizontalTagLabel_1qrpg:last-child {
59
+ } .radio-group__horizontalRadio_1sauk {
60
+ margin-right: var(--gap-24);
61
+ margin-bottom: var(--gap-8);
62
+ } .radio-group__horizontalTagLabel_1sauk {
63
+ margin-right: var(--gap-8);
64
+ } .radio-group__horizontalRadio_1sauk:last-child,
65
+ .radio-group__horizontalTagLabel_1sauk:last-child {
58
66
  margin-right: 0;
59
- } .radio-group__label_1qrpg {
60
- margin-bottom: var(--gap-s);
61
- } .radio-group__sub_1qrpg {
67
+ } .radio-group__label_1sauk {
68
+ margin-bottom: var(--gap-12);
69
+ } .radio-group__sub_1sauk {
62
70
  font-size: 14px;
63
71
  line-height: 18px;
64
72
  font-weight: 400;
65
- margin-top: var(--gap-s);
66
- } .radio-group__errorMessage_1qrpg {
73
+ margin-top: var(--gap-12);
74
+ } .radio-group__errorMessage_1sauk {
67
75
  color: var(--radio-group-error-color);
68
- } .radio-group__hint_1qrpg {
76
+ } .radio-group__hint_1sauk {
69
77
  color: var(--radio-group-hint-color);
70
- } .radio-group__hiddenInput_1qrpg {
78
+ } .radio-group__hiddenInput_1sauk {
71
79
  position: absolute;
72
80
  z-index: -1;
73
81
  top: 0;
74
82
  left: 0;
75
83
  opacity: 0
76
- } .radio-group__hiddenInput_1qrpg:focus ~ button {
84
+ } .radio-group__hiddenInput_1sauk:focus ~ button {
77
85
  outline: 2px solid var(--focus-color);
78
86
  outline-offset: 2px;
79
- } .radio-group__tagLabel_1qrpg {
87
+ } .radio-group__tagLabel_1sauk {
80
88
  position: relative;
81
89
  max-width: 100%;
82
90
  }
package/modern/desktop/Component.desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
3
3
 
4
- const styles = {"radioList":"radio-group__radioList_ku1aq","label":"radio-group__label_ku1aq","sub":"radio-group__sub_ku1aq"};
4
+ const styles = {"radioList":"radio-group__radioList_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
5
5
  require('./desktop.css')
6
6
 
7
7
  const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));
package/modern/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1j6ys */
1
+ /* hash: 1pigu */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,8 +11,12 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
- } :root {
15
- } :root {
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
+
19
+ /* новые значения, используйте их */
16
20
  } :root {
17
21
  } :root {
18
22
  } :root {
@@ -21,14 +25,14 @@
21
25
  --radio-group-list-padding-left: 0;
22
26
 
23
27
  /* mobile */
24
- } .radio-group__radioList_ku1aq {
28
+ } .radio-group__radioList_1fvpg {
25
29
  padding-left: var(--radio-group-list-padding-left);
26
- } .radio-group__label_ku1aq {
30
+ } .radio-group__label_1fvpg {
27
31
  font-size: 16px;
28
32
  line-height: 24px;
29
33
  font-weight: 400;
30
34
  color: var(--radio-group-label-color);
31
35
  padding-left: var(--radio-group-sub-padding-left);
32
- } .radio-group__sub_ku1aq {
36
+ } .radio-group__sub_1fvpg {
33
37
  padding-left: var(--radio-group-sub-padding-left);
34
38
  }
package/modern/mobile/Component.mobile.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
3
3
 
4
- const styles = {"radioList":"radio-group__radioList_5zrhi","label":"radio-group__label_5zrhi","sub":"radio-group__sub_5zrhi"};
4
+ const styles = {"radioList":"radio-group__radioList_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
5
5
  require('./mobile.css')
6
6
 
7
7
  const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xmuzy */
1
+ /* hash: 1vo78 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,26 +11,32 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
14
17
  } :root {
15
- } :root {
16
- --gap-3xs: 2px;
17
- --gap-2xs: 4px;
18
+ --gap-3xs: 2px; /* deprecated */
19
+ --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
22
+ --gap-2: var(--gap-3xs);
23
+ --gap-4: var(--gap-2xs);
18
24
  } :root {
19
25
  } :root {
20
26
  } :root {
21
27
 
22
28
  /* mobile */
23
- --radio-group-mobile-sub-padding-left: var(--gap-2xs);
24
- --radio-group-mobile-list-padding-left: var(--gap-3xs);
29
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
30
+ --radio-group-mobile-list-padding-left: var(--gap-2);
25
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
26
- } .radio-group__radioList_5zrhi {
32
+ } .radio-group__radioList_15v12 {
27
33
  padding-left: var(--radio-group-mobile-list-padding-left);
28
- } .radio-group__label_5zrhi {
34
+ } .radio-group__label_15v12 {
29
35
  font-size: 14px;
30
36
  line-height: 18px;
31
37
  font-weight: 400;
32
38
  color: var(--radio-group-mobile-label-color);
33
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
34
- } .radio-group__sub_5zrhi {
40
+ } .radio-group__sub_15v12 {
35
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
36
42
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-radio-group",
3
- "version": "4.4.0",
3
+ "version": "4.5.0",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,5 +19,7 @@
19
19
  "@alfalab/hooks": "^1.13.0",
20
20
  "classnames": "^2.3.1",
21
21
  "tslib": "^2.4.0"
22
- }
22
+ },
23
+ "themesVersion": "13.0.2",
24
+ "varsVersion": "9.11.1"
23
25
  }
package/src/components/base-radio-group/index.module.css CHANGED
@@ -6,11 +6,11 @@
6
6
  }
7
7
 
8
8
  .error {
9
- padding-left: var(--gap-s);
9
+ padding-left: var(--gap-12);
10
10
  border-left: 1px solid var(--color-light-status-negative);
11
11
 
12
12
  &.tag {
13
- padding-left: var(--gap-xs);
13
+ padding-left: var(--gap-8);
14
14
  }
15
15
  }
16
16
 
@@ -25,11 +25,11 @@
25
25
 
26
26
  .horizontalRadioList {
27
27
  flex-wrap: wrap;
28
- margin-bottom: var(--gap-xs-neg);
28
+ margin-bottom: var(--gap-8-neg);
29
29
  }
30
30
 
31
31
  .verticalRadio {
32
- margin-bottom: var(--gap-s);
32
+ margin-bottom: var(--gap-12);
33
33
 
34
34
  &:last-child {
35
35
  margin-bottom: 0;
@@ -37,12 +37,12 @@
37
37
  }
38
38
 
39
39
  .horizontalRadio {
40
- margin-right: var(--gap-xl);
41
- margin-bottom: var(--gap-xs);
40
+ margin-right: var(--gap-24);
41
+ margin-bottom: var(--gap-8);
42
42
  }
43
43
 
44
44
  .horizontalTagLabel {
45
- margin-right: var(--gap-xs);
45
+ margin-right: var(--gap-8);
46
46
  }
47
47
 
48
48
  .horizontalRadio:last-child,
@@ -51,12 +51,12 @@
51
51
  }
52
52
 
53
53
  .label {
54
- margin-bottom: var(--gap-s);
54
+ margin-bottom: var(--gap-12);
55
55
  }
56
56
 
57
57
  .sub {
58
58
  @mixin paragraph_component_secondary;
59
- margin-top: var(--gap-s);
59
+ margin-top: var(--gap-12);
60
60
  }
61
61
 
62
62
  .errorMessage {
package/src/vars.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --radio-group-list-padding-left: 0;
9
9
 
10
10
  /* mobile */
11
- --radio-group-mobile-sub-padding-left: var(--gap-2xs);
12
- --radio-group-mobile-list-padding-left: var(--gap-3xs);
11
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
12
+ --radio-group-mobile-list-padding-left: var(--gap-2);
13
13
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
14
14
  }