@alfalab/core-components-radio-group 4.5.0 → 4.6.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 (40) hide show
  1. package/components/base-radio-group/Component.js +1 -1
  2. package/components/base-radio-group/index.css +20 -20
  3. package/desktop/Component.desktop.js +1 -1
  4. package/desktop/desktop.css +4 -4
  5. package/esm/components/base-radio-group/Component.js +1 -1
  6. package/esm/components/base-radio-group/index.css +20 -20
  7. package/esm/desktop/Component.desktop.js +1 -1
  8. package/esm/desktop/desktop.css +4 -4
  9. package/esm/mobile/Component.mobile.js +1 -1
  10. package/esm/mobile/mobile.css +4 -4
  11. package/mobile/Component.mobile.js +1 -1
  12. package/mobile/mobile.css +4 -4
  13. package/modern/components/base-radio-group/Component.js +1 -1
  14. package/modern/components/base-radio-group/index.css +20 -20
  15. package/modern/desktop/Component.desktop.js +1 -1
  16. package/modern/desktop/desktop.css +4 -4
  17. package/modern/mobile/Component.mobile.js +1 -1
  18. package/modern/mobile/mobile.css +4 -4
  19. package/moderncssm/Component.responsive.d.ts +26 -0
  20. package/moderncssm/Component.responsive.js +14 -0
  21. package/moderncssm/components/base-radio-group/Component.d.ts +78 -0
  22. package/moderncssm/components/base-radio-group/Component.js +57 -0
  23. package/moderncssm/components/base-radio-group/index.d.ts +1 -0
  24. package/moderncssm/components/base-radio-group/index.js +1 -0
  25. package/moderncssm/components/base-radio-group/index.module.css +95 -0
  26. package/moderncssm/desktop/Component.desktop.d.ts +6 -0
  27. package/moderncssm/desktop/Component.desktop.js +7 -0
  28. package/moderncssm/desktop/desktop.module.css +25 -0
  29. package/moderncssm/desktop/index.d.ts +2 -0
  30. package/moderncssm/desktop/index.js +1 -0
  31. package/moderncssm/index.d.ts +2 -0
  32. package/moderncssm/index.js +1 -0
  33. package/moderncssm/mobile/Component.mobile.d.ts +6 -0
  34. package/moderncssm/mobile/Component.mobile.js +7 -0
  35. package/moderncssm/mobile/index.d.ts +2 -0
  36. package/moderncssm/mobile/index.js +1 -0
  37. package/moderncssm/mobile/mobile.module.css +25 -0
  38. package/moderncssm/vars.css +6 -0
  39. package/package.json +3 -3
  40. package/src/vars.css +1 -1
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_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"};
15
+ var commonStyles = {"component":"radio-group__component_bgrte","error":"radio-group__error_bgrte","tag":"radio-group__tag_bgrte","radioList":"radio-group__radioList_bgrte","verticalRadioList":"radio-group__verticalRadioList_bgrte","horizontalRadioList":"radio-group__horizontalRadioList_bgrte","verticalRadio":"radio-group__verticalRadio_bgrte","horizontalRadio":"radio-group__horizontalRadio_bgrte","horizontalTagLabel":"radio-group__horizontalTagLabel_bgrte","label":"radio-group__label_bgrte","sub":"radio-group__sub_bgrte","errorMessage":"radio-group__errorMessage_bgrte","hint":"radio-group__hint_bgrte","hiddenInput":"radio-group__hiddenInput_bgrte","tagLabel":"radio-group__tagLabel_bgrte"};
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: 12ma0 */
1
+ /* hash: hoofr */
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;
@@ -36,55 +36,55 @@
36
36
  --radio-group-hint-color: var(--color-light-text-secondary);
37
37
 
38
38
  /* mobile */
39
- } .radio-group__component_1sauk {
39
+ } .radio-group__component_bgrte {
40
40
  display: flex;
41
41
  flex-direction: column;
42
- } .radio-group__error_1sauk {
42
+ } .radio-group__error_bgrte {
43
43
  padding-left: var(--gap-12);
44
44
  border-left: 1px solid var(--color-light-status-negative)
45
- } .radio-group__error_1sauk.radio-group__tag_1sauk {
45
+ } .radio-group__error_bgrte.radio-group__tag_bgrte {
46
46
  padding-left: var(--gap-8);
47
- } .radio-group__radioList_1sauk {
47
+ } .radio-group__radioList_bgrte {
48
48
  display: flex;
49
- } .radio-group__verticalRadioList_1sauk {
49
+ } .radio-group__verticalRadioList_bgrte {
50
50
  flex-direction: column;
51
51
  align-items: flex-start;
52
- } .radio-group__horizontalRadioList_1sauk {
52
+ } .radio-group__horizontalRadioList_bgrte {
53
53
  flex-wrap: wrap;
54
54
  margin-bottom: var(--gap-8-neg);
55
- } .radio-group__verticalRadio_1sauk {
55
+ } .radio-group__verticalRadio_bgrte {
56
56
  margin-bottom: var(--gap-12)
57
- } .radio-group__verticalRadio_1sauk:last-child {
57
+ } .radio-group__verticalRadio_bgrte:last-child {
58
58
  margin-bottom: 0;
59
- } .radio-group__horizontalRadio_1sauk {
59
+ } .radio-group__horizontalRadio_bgrte {
60
60
  margin-right: var(--gap-24);
61
61
  margin-bottom: var(--gap-8);
62
- } .radio-group__horizontalTagLabel_1sauk {
62
+ } .radio-group__horizontalTagLabel_bgrte {
63
63
  margin-right: var(--gap-8);
64
- } .radio-group__horizontalRadio_1sauk:last-child,
65
- .radio-group__horizontalTagLabel_1sauk:last-child {
64
+ } .radio-group__horizontalRadio_bgrte:last-child,
65
+ .radio-group__horizontalTagLabel_bgrte:last-child {
66
66
  margin-right: 0;
67
- } .radio-group__label_1sauk {
67
+ } .radio-group__label_bgrte {
68
68
  margin-bottom: var(--gap-12);
69
- } .radio-group__sub_1sauk {
69
+ } .radio-group__sub_bgrte {
70
70
  font-size: 14px;
71
71
  line-height: 18px;
72
72
  font-weight: 400;
73
73
  margin-top: var(--gap-12);
74
- } .radio-group__errorMessage_1sauk {
74
+ } .radio-group__errorMessage_bgrte {
75
75
  color: var(--radio-group-error-color);
76
- } .radio-group__hint_1sauk {
76
+ } .radio-group__hint_bgrte {
77
77
  color: var(--radio-group-hint-color);
78
- } .radio-group__hiddenInput_1sauk {
78
+ } .radio-group__hiddenInput_bgrte {
79
79
  position: absolute;
80
80
  z-index: -1;
81
81
  top: 0;
82
82
  left: 0;
83
83
  opacity: 0
84
- } .radio-group__hiddenInput_1sauk:focus ~ button {
84
+ } .radio-group__hiddenInput_bgrte:focus ~ button {
85
85
  outline: 2px solid var(--focus-color);
86
86
  outline-offset: 2px;
87
- } .radio-group__tagLabel_1sauk {
87
+ } .radio-group__tagLabel_bgrte {
88
88
  position: relative;
89
89
  max-width: 100%;
90
90
  }
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_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
13
+ var styles = {"radioList":"radio-group__radioList_ptffo","label":"radio-group__label_ptffo","sub":"radio-group__sub_ptffo"};
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: 1pigu */
1
+ /* hash: wazef */
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 */
@@ -25,14 +25,14 @@
25
25
  --radio-group-list-padding-left: 0;
26
26
 
27
27
  /* mobile */
28
- } .radio-group__radioList_1fvpg {
28
+ } .radio-group__radioList_ptffo {
29
29
  padding-left: var(--radio-group-list-padding-left);
30
- } .radio-group__label_1fvpg {
30
+ } .radio-group__label_ptffo {
31
31
  font-size: 16px;
32
32
  line-height: 24px;
33
33
  font-weight: 400;
34
34
  color: var(--radio-group-label-color);
35
35
  padding-left: var(--radio-group-sub-padding-left);
36
- } .radio-group__sub_1fvpg {
36
+ } .radio-group__sub_ptffo {
37
37
  padding-left: var(--radio-group-sub-padding-left);
38
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_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
+ var commonStyles = {"component":"radio-group__component_bgrte","error":"radio-group__error_bgrte","tag":"radio-group__tag_bgrte","radioList":"radio-group__radioList_bgrte","verticalRadioList":"radio-group__verticalRadioList_bgrte","horizontalRadioList":"radio-group__horizontalRadioList_bgrte","verticalRadio":"radio-group__verticalRadio_bgrte","horizontalRadio":"radio-group__horizontalRadio_bgrte","horizontalTagLabel":"radio-group__horizontalTagLabel_bgrte","label":"radio-group__label_bgrte","sub":"radio-group__sub_bgrte","errorMessage":"radio-group__errorMessage_bgrte","hint":"radio-group__hint_bgrte","hiddenInput":"radio-group__hiddenInput_bgrte","tagLabel":"radio-group__tagLabel_bgrte"};
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: 12ma0 */
1
+ /* hash: hoofr */
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;
@@ -36,55 +36,55 @@
36
36
  --radio-group-hint-color: var(--color-light-text-secondary);
37
37
 
38
38
  /* mobile */
39
- } .radio-group__component_1sauk {
39
+ } .radio-group__component_bgrte {
40
40
  display: flex;
41
41
  flex-direction: column;
42
- } .radio-group__error_1sauk {
42
+ } .radio-group__error_bgrte {
43
43
  padding-left: var(--gap-12);
44
44
  border-left: 1px solid var(--color-light-status-negative)
45
- } .radio-group__error_1sauk.radio-group__tag_1sauk {
45
+ } .radio-group__error_bgrte.radio-group__tag_bgrte {
46
46
  padding-left: var(--gap-8);
47
- } .radio-group__radioList_1sauk {
47
+ } .radio-group__radioList_bgrte {
48
48
  display: flex;
49
- } .radio-group__verticalRadioList_1sauk {
49
+ } .radio-group__verticalRadioList_bgrte {
50
50
  flex-direction: column;
51
51
  align-items: flex-start;
52
- } .radio-group__horizontalRadioList_1sauk {
52
+ } .radio-group__horizontalRadioList_bgrte {
53
53
  flex-wrap: wrap;
54
54
  margin-bottom: var(--gap-8-neg);
55
- } .radio-group__verticalRadio_1sauk {
55
+ } .radio-group__verticalRadio_bgrte {
56
56
  margin-bottom: var(--gap-12)
57
- } .radio-group__verticalRadio_1sauk:last-child {
57
+ } .radio-group__verticalRadio_bgrte:last-child {
58
58
  margin-bottom: 0;
59
- } .radio-group__horizontalRadio_1sauk {
59
+ } .radio-group__horizontalRadio_bgrte {
60
60
  margin-right: var(--gap-24);
61
61
  margin-bottom: var(--gap-8);
62
- } .radio-group__horizontalTagLabel_1sauk {
62
+ } .radio-group__horizontalTagLabel_bgrte {
63
63
  margin-right: var(--gap-8);
64
- } .radio-group__horizontalRadio_1sauk:last-child,
65
- .radio-group__horizontalTagLabel_1sauk:last-child {
64
+ } .radio-group__horizontalRadio_bgrte:last-child,
65
+ .radio-group__horizontalTagLabel_bgrte:last-child {
66
66
  margin-right: 0;
67
- } .radio-group__label_1sauk {
67
+ } .radio-group__label_bgrte {
68
68
  margin-bottom: var(--gap-12);
69
- } .radio-group__sub_1sauk {
69
+ } .radio-group__sub_bgrte {
70
70
  font-size: 14px;
71
71
  line-height: 18px;
72
72
  font-weight: 400;
73
73
  margin-top: var(--gap-12);
74
- } .radio-group__errorMessage_1sauk {
74
+ } .radio-group__errorMessage_bgrte {
75
75
  color: var(--radio-group-error-color);
76
- } .radio-group__hint_1sauk {
76
+ } .radio-group__hint_bgrte {
77
77
  color: var(--radio-group-hint-color);
78
- } .radio-group__hiddenInput_1sauk {
78
+ } .radio-group__hiddenInput_bgrte {
79
79
  position: absolute;
80
80
  z-index: -1;
81
81
  top: 0;
82
82
  left: 0;
83
83
  opacity: 0
84
- } .radio-group__hiddenInput_1sauk:focus ~ button {
84
+ } .radio-group__hiddenInput_bgrte:focus ~ button {
85
85
  outline: 2px solid var(--focus-color);
86
86
  outline-offset: 2px;
87
- } .radio-group__tagLabel_1sauk {
87
+ } .radio-group__tagLabel_bgrte {
88
88
  position: relative;
89
89
  max-width: 100%;
90
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_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
5
+ var styles = {"radioList":"radio-group__radioList_ptffo","label":"radio-group__label_ptffo","sub":"radio-group__sub_ptffo"};
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: 1pigu */
1
+ /* hash: wazef */
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 */
@@ -25,14 +25,14 @@
25
25
  --radio-group-list-padding-left: 0;
26
26
 
27
27
  /* mobile */
28
- } .radio-group__radioList_1fvpg {
28
+ } .radio-group__radioList_ptffo {
29
29
  padding-left: var(--radio-group-list-padding-left);
30
- } .radio-group__label_1fvpg {
30
+ } .radio-group__label_ptffo {
31
31
  font-size: 16px;
32
32
  line-height: 24px;
33
33
  font-weight: 400;
34
34
  color: var(--radio-group-label-color);
35
35
  padding-left: var(--radio-group-sub-padding-left);
36
- } .radio-group__sub_1fvpg {
36
+ } .radio-group__sub_ptffo {
37
37
  padding-left: var(--radio-group-sub-padding-left);
38
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_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
5
+ var styles = {"radioList":"radio-group__radioList_ltkyp","label":"radio-group__label_ltkyp","sub":"radio-group__sub_ltkyp"};
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: 1vo78 */
1
+ /* hash: fz4vk */
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 */
@@ -29,14 +29,14 @@
29
29
  --radio-group-mobile-sub-padding-left: var(--gap-4);
30
30
  --radio-group-mobile-list-padding-left: var(--gap-2);
31
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
32
- } .radio-group__radioList_15v12 {
32
+ } .radio-group__radioList_ltkyp {
33
33
  padding-left: var(--radio-group-mobile-list-padding-left);
34
- } .radio-group__label_15v12 {
34
+ } .radio-group__label_ltkyp {
35
35
  font-size: 14px;
36
36
  line-height: 18px;
37
37
  font-weight: 400;
38
38
  color: var(--radio-group-mobile-label-color);
39
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
40
- } .radio-group__sub_15v12 {
40
+ } .radio-group__sub_ltkyp {
41
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
42
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_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
13
+ var styles = {"radioList":"radio-group__radioList_ltkyp","label":"radio-group__label_ltkyp","sub":"radio-group__sub_ltkyp"};
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: 1vo78 */
1
+ /* hash: fz4vk */
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 */
@@ -29,14 +29,14 @@
29
29
  --radio-group-mobile-sub-padding-left: var(--gap-4);
30
30
  --radio-group-mobile-list-padding-left: var(--gap-2);
31
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
32
- } .radio-group__radioList_15v12 {
32
+ } .radio-group__radioList_ltkyp {
33
33
  padding-left: var(--radio-group-mobile-list-padding-left);
34
- } .radio-group__label_15v12 {
34
+ } .radio-group__label_ltkyp {
35
35
  font-size: 14px;
36
36
  line-height: 18px;
37
37
  font-weight: 400;
38
38
  color: var(--radio-group-mobile-label-color);
39
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
40
- } .radio-group__sub_15v12 {
40
+ } .radio-group__sub_ltkyp {
41
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
42
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_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"};
5
+ const commonStyles = {"component":"radio-group__component_bgrte","error":"radio-group__error_bgrte","tag":"radio-group__tag_bgrte","radioList":"radio-group__radioList_bgrte","verticalRadioList":"radio-group__verticalRadioList_bgrte","horizontalRadioList":"radio-group__horizontalRadioList_bgrte","verticalRadio":"radio-group__verticalRadio_bgrte","horizontalRadio":"radio-group__horizontalRadio_bgrte","horizontalTagLabel":"radio-group__horizontalTagLabel_bgrte","label":"radio-group__label_bgrte","sub":"radio-group__sub_bgrte","errorMessage":"radio-group__errorMessage_bgrte","hint":"radio-group__hint_bgrte","hiddenInput":"radio-group__hiddenInput_bgrte","tagLabel":"radio-group__tagLabel_bgrte"};
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: 12ma0 */
1
+ /* hash: hoofr */
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;
@@ -36,55 +36,55 @@
36
36
  --radio-group-hint-color: var(--color-light-text-secondary);
37
37
 
38
38
  /* mobile */
39
- } .radio-group__component_1sauk {
39
+ } .radio-group__component_bgrte {
40
40
  display: flex;
41
41
  flex-direction: column;
42
- } .radio-group__error_1sauk {
42
+ } .radio-group__error_bgrte {
43
43
  padding-left: var(--gap-12);
44
44
  border-left: 1px solid var(--color-light-status-negative)
45
- } .radio-group__error_1sauk.radio-group__tag_1sauk {
45
+ } .radio-group__error_bgrte.radio-group__tag_bgrte {
46
46
  padding-left: var(--gap-8);
47
- } .radio-group__radioList_1sauk {
47
+ } .radio-group__radioList_bgrte {
48
48
  display: flex;
49
- } .radio-group__verticalRadioList_1sauk {
49
+ } .radio-group__verticalRadioList_bgrte {
50
50
  flex-direction: column;
51
51
  align-items: flex-start;
52
- } .radio-group__horizontalRadioList_1sauk {
52
+ } .radio-group__horizontalRadioList_bgrte {
53
53
  flex-wrap: wrap;
54
54
  margin-bottom: var(--gap-8-neg);
55
- } .radio-group__verticalRadio_1sauk {
55
+ } .radio-group__verticalRadio_bgrte {
56
56
  margin-bottom: var(--gap-12)
57
- } .radio-group__verticalRadio_1sauk:last-child {
57
+ } .radio-group__verticalRadio_bgrte:last-child {
58
58
  margin-bottom: 0;
59
- } .radio-group__horizontalRadio_1sauk {
59
+ } .radio-group__horizontalRadio_bgrte {
60
60
  margin-right: var(--gap-24);
61
61
  margin-bottom: var(--gap-8);
62
- } .radio-group__horizontalTagLabel_1sauk {
62
+ } .radio-group__horizontalTagLabel_bgrte {
63
63
  margin-right: var(--gap-8);
64
- } .radio-group__horizontalRadio_1sauk:last-child,
65
- .radio-group__horizontalTagLabel_1sauk:last-child {
64
+ } .radio-group__horizontalRadio_bgrte:last-child,
65
+ .radio-group__horizontalTagLabel_bgrte:last-child {
66
66
  margin-right: 0;
67
- } .radio-group__label_1sauk {
67
+ } .radio-group__label_bgrte {
68
68
  margin-bottom: var(--gap-12);
69
- } .radio-group__sub_1sauk {
69
+ } .radio-group__sub_bgrte {
70
70
  font-size: 14px;
71
71
  line-height: 18px;
72
72
  font-weight: 400;
73
73
  margin-top: var(--gap-12);
74
- } .radio-group__errorMessage_1sauk {
74
+ } .radio-group__errorMessage_bgrte {
75
75
  color: var(--radio-group-error-color);
76
- } .radio-group__hint_1sauk {
76
+ } .radio-group__hint_bgrte {
77
77
  color: var(--radio-group-hint-color);
78
- } .radio-group__hiddenInput_1sauk {
78
+ } .radio-group__hiddenInput_bgrte {
79
79
  position: absolute;
80
80
  z-index: -1;
81
81
  top: 0;
82
82
  left: 0;
83
83
  opacity: 0
84
- } .radio-group__hiddenInput_1sauk:focus ~ button {
84
+ } .radio-group__hiddenInput_bgrte:focus ~ button {
85
85
  outline: 2px solid var(--focus-color);
86
86
  outline-offset: 2px;
87
- } .radio-group__tagLabel_1sauk {
87
+ } .radio-group__tagLabel_bgrte {
88
88
  position: relative;
89
89
  max-width: 100%;
90
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_1fvpg","label":"radio-group__label_1fvpg","sub":"radio-group__sub_1fvpg"};
4
+ const styles = {"radioList":"radio-group__radioList_ptffo","label":"radio-group__label_ptffo","sub":"radio-group__sub_ptffo"};
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: 1pigu */
1
+ /* hash: wazef */
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 */
@@ -25,14 +25,14 @@
25
25
  --radio-group-list-padding-left: 0;
26
26
 
27
27
  /* mobile */
28
- } .radio-group__radioList_1fvpg {
28
+ } .radio-group__radioList_ptffo {
29
29
  padding-left: var(--radio-group-list-padding-left);
30
- } .radio-group__label_1fvpg {
30
+ } .radio-group__label_ptffo {
31
31
  font-size: 16px;
32
32
  line-height: 24px;
33
33
  font-weight: 400;
34
34
  color: var(--radio-group-label-color);
35
35
  padding-left: var(--radio-group-sub-padding-left);
36
- } .radio-group__sub_1fvpg {
36
+ } .radio-group__sub_ptffo {
37
37
  padding-left: var(--radio-group-sub-padding-left);
38
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_15v12","label":"radio-group__label_15v12","sub":"radio-group__sub_15v12"};
4
+ const styles = {"radioList":"radio-group__radioList_ltkyp","label":"radio-group__label_ltkyp","sub":"radio-group__sub_ltkyp"};
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: 1vo78 */
1
+ /* hash: fz4vk */
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 */
@@ -29,14 +29,14 @@
29
29
  --radio-group-mobile-sub-padding-left: var(--gap-4);
30
30
  --radio-group-mobile-list-padding-left: var(--gap-2);
31
31
  --radio-group-mobile-label-color: var(--color-light-text-secondary);
32
- } .radio-group__radioList_15v12 {
32
+ } .radio-group__radioList_ltkyp {
33
33
  padding-left: var(--radio-group-mobile-list-padding-left);
34
- } .radio-group__label_15v12 {
34
+ } .radio-group__label_ltkyp {
35
35
  font-size: 14px;
36
36
  line-height: 18px;
37
37
  font-weight: 400;
38
38
  color: var(--radio-group-mobile-label-color);
39
39
  padding-left: var(--radio-group-mobile-sub-padding-left);
40
- } .radio-group__sub_15v12 {
40
+ } .radio-group__sub_ltkyp {
41
41
  padding-left: var(--radio-group-mobile-sub-padding-left);
42
42
  }
package/moderncssm/Component.responsive.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseRadioGroupProps } from "./components/base-radio-group/index";
4
+ type RadioGroupProps = Omit<BaseRadioGroupProps, 'styles'> & {
5
+ /**
6
+ * Контрольная точка, с нее начинается desktop версия
7
+ * @default 1024
8
+ */
9
+ breakpoint?: number;
10
+ /**
11
+ * Значение по-умолчанию для хука useMatchMedia
12
+ */
13
+ defaultMatchMediaValue?: boolean | (() => boolean);
14
+ };
15
+ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<BaseRadioGroupProps, "styles"> & {
16
+ /**
17
+ * Контрольная точка, с нее начинается desktop версия
18
+ * @default 1024
19
+ */
20
+ breakpoint?: number | undefined;
21
+ /**
22
+ * Значение по-умолчанию для хука useMatchMedia
23
+ */
24
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
25
+ } & React.RefAttributes<HTMLDivElement>>;
26
+ export { RadioGroupProps, RadioGroup };
package/moderncssm/Component.responsive.js ADDED
@@ -0,0 +1,14 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { useMatchMedia } from '@alfalab/core-components-mq/moderncssm';
3
+ import { RadioGroupDesktop } from './desktop/Component.desktop.js';
4
+ import { RadioGroupMobile } from './mobile/Component.mobile.js';
5
+
6
+ const RadioGroup = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
7
+ const query = `(min-width: ${breakpoint}px)`;
8
+ const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
9
+ const Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;
10
+ return React.createElement(Component, { ref: ref, ...restProps });
11
+ });
12
+ RadioGroup.displayName = 'RadioGroup';
13
+
14
+ export { RadioGroup };
package/moderncssm/components/base-radio-group/Component.d.ts ADDED
@@ -0,0 +1,78 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from "react";
4
+ type Direction = 'horizontal' | 'vertical';
5
+ type RadioGroupType = 'radio' | 'tag';
6
+ type BaseRadioGroupProps = {
7
+ /**
8
+ * Заголовок группы
9
+ */
10
+ label?: ReactNode;
11
+ /**
12
+ * Направление
13
+ */
14
+ direction?: Direction;
15
+ /**
16
+ * Тип компонента
17
+ */
18
+ type?: RadioGroupType;
19
+ /**
20
+ * Дополнительный класс
21
+ */
22
+ className?: string;
23
+ /**
24
+ * Дополнительный класс для списка радио элементов
25
+ */
26
+ radioListClassName?: string;
27
+ /**
28
+ * Отображение ошибки
29
+ */
30
+ error?: ReactNode | boolean;
31
+ /**
32
+ * Текст подсказки снизу
33
+ */
34
+ hint?: ReactNode;
35
+ /**
36
+ * Дочерние элементы. Ожидаются компоненты `Radio` или `Tag`
37
+ */
38
+ children: ReactNode;
39
+ /**
40
+ * Обработчик изменения значения 'checked' одного из дочерних компонентов
41
+ */
42
+ onChange?: (event: ChangeEvent | MouseEvent, payload: {
43
+ value: string;
44
+ name?: string;
45
+ }) => void;
46
+ /**
47
+ * Обработчик блюра.
48
+ */
49
+ onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
50
+ /**
51
+ * Обработчик фокуса.
52
+ */
53
+ onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
54
+ /**
55
+ * Управление возможностью изменения состояния 'checked' дочерних компонентов Radio | Tag
56
+ */
57
+ disabled?: boolean;
58
+ /**
59
+ * Идентификатор для систем автоматизированного тестирования
60
+ */
61
+ dataTestId?: string;
62
+ /**
63
+ * Атрибут name для всех дочерних компонентов
64
+ */
65
+ name?: string;
66
+ /**
67
+ * Value выбранного дочернего элемента
68
+ */
69
+ value?: string | null;
70
+ /**
71
+ * Основные стили компонента.
72
+ */
73
+ styles: {
74
+ [key: string]: string;
75
+ };
76
+ };
77
+ declare const BaseRadioGroup: React.ForwardRefExoticComponent<BaseRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
78
+ export { Direction, RadioGroupType, BaseRadioGroupProps, BaseRadioGroup };
package/moderncssm/components/base-radio-group/Component.js ADDED
@@ -0,0 +1,57 @@
1
+ import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
2
+ import cn from 'classnames';
3
+ import { useDidUpdateEffect } from '@alfalab/hooks';
4
+ import commonStyles from './index.module.css';
5
+
6
+ const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {
7
+ const [stateValue, setStateValue] = useState('');
8
+ useDidUpdateEffect(() => {
9
+ setStateValue(value);
10
+ }, [value]);
11
+ const isChecked = (childValue) => value !== null && (value || stateValue) === childValue;
12
+ const handleChange = (event, childValue) => {
13
+ setStateValue(childValue);
14
+ if (onChange) {
15
+ onChange(event, { name, value: childValue });
16
+ }
17
+ };
18
+ const renderRadio = (child) => {
19
+ const { className: childClassName, value: childValue } = child.props;
20
+ return cloneElement(child, {
21
+ onChange: (event) => handleChange(event, childValue),
22
+ disabled,
23
+ ...child.props,
24
+ checked: isChecked(childValue),
25
+ name,
26
+ className: cn(childClassName, commonStyles[`${direction}Radio`]),
27
+ });
28
+ };
29
+ const renderTag = (child) => {
30
+ const childValue = child.props.value;
31
+ const checked = isChecked(childValue);
32
+ const clone = cloneElement(child, {
33
+ onClick: (event) => handleChange(event, childValue),
34
+ disabled,
35
+ ...child.props,
36
+ checked,
37
+ name,
38
+ tabIndex: -1,
39
+ });
40
+ return (React.createElement("label", { className: cn(commonStyles[`${direction}Radio`], commonStyles[`${direction}TagLabel`], commonStyles.tagLabel) },
41
+ React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: (event) => handleChange(event, childValue), disabled: disabled || child.props.disabled, name: name, checked: checked, className: commonStyles.hiddenInput, value: child.props.value }),
42
+ clone));
43
+ };
44
+ const errorMessage = typeof error === 'boolean' ? '' : error;
45
+ return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], { [commonStyles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
46
+ label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
47
+ children ? (React.createElement("div", { className: cn(commonStyles.radioList, commonStyles[`${direction}RadioList`], radioListClassName, { [styles.radioList]: type === 'radio' }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
48
+ if (isValidElement(child)) {
49
+ return type === 'radio' ? renderRadio(child) : renderTag(child);
50
+ }
51
+ return null;
52
+ }))) : null,
53
+ errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
54
+ hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
55
+ });
56
+
57
+ export { BaseRadioGroup };
package/moderncssm/components/base-radio-group/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Component";
package/moderncssm/components/base-radio-group/index.js ADDED
@@ -0,0 +1 @@
1
+ export { BaseRadioGroup } from './Component.js';
package/moderncssm/components/base-radio-group/index.module.css ADDED
@@ -0,0 +1,95 @@
1
+ /* */
2
+
3
+ :root {
4
+ --radio-group-error-color: var(--color-light-text-negative);
5
+ --radio-group-hint-color: var(--color-light-text-secondary);
6
+
7
+ /* mobile */
8
+ }
9
+
10
+ .component {
11
+ display: flex;
12
+ flex-direction: column;
13
+ }
14
+
15
+ .error {
16
+ padding-left: var(--gap-12);
17
+ border-left: 1px solid var(--color-light-status-negative)
18
+ }
19
+
20
+ .error.tag {
21
+ padding-left: var(--gap-8);
22
+ }
23
+
24
+ .radioList {
25
+ display: flex;
26
+ }
27
+
28
+ .verticalRadioList {
29
+ flex-direction: column;
30
+ align-items: flex-start;
31
+ }
32
+
33
+ .horizontalRadioList {
34
+ flex-wrap: wrap;
35
+ margin-bottom: var(--gap-8-neg);
36
+ }
37
+
38
+ .verticalRadio {
39
+ margin-bottom: var(--gap-12)
40
+ }
41
+
42
+ .verticalRadio:last-child {
43
+ margin-bottom: 0;
44
+ }
45
+
46
+ .horizontalRadio {
47
+ margin-right: var(--gap-24);
48
+ margin-bottom: var(--gap-8);
49
+ }
50
+
51
+ .horizontalTagLabel {
52
+ margin-right: var(--gap-8);
53
+ }
54
+
55
+ .horizontalRadio:last-child,
56
+ .horizontalTagLabel:last-child {
57
+ margin-right: 0;
58
+ }
59
+
60
+ .label {
61
+ margin-bottom: var(--gap-12);
62
+ }
63
+
64
+ .sub {
65
+ font-size: 14px;
66
+ line-height: 18px;
67
+ font-weight: 400;
68
+ margin-top: var(--gap-12);
69
+ }
70
+
71
+ .errorMessage {
72
+ color: var(--radio-group-error-color);
73
+ }
74
+
75
+ .hint {
76
+ color: var(--radio-group-hint-color);
77
+ }
78
+
79
+ .hiddenInput {
80
+ position: absolute;
81
+ z-index: -1;
82
+ top: 0;
83
+ left: 0;
84
+ opacity: 0
85
+ }
86
+
87
+ .hiddenInput:focus ~ button {
88
+ outline: 2px solid var(--focus-color);
89
+ outline-offset: 2px;
90
+ }
91
+
92
+ .tagLabel {
93
+ position: relative;
94
+ max-width: 100%;
95
+ }
package/moderncssm/desktop/Component.desktop.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseRadioGroupProps } from "../components/base-radio-group/index";
4
+ type RadioGroupDesktopProps = Omit<BaseRadioGroupProps, 'styles'>;
5
+ declare const RadioGroupDesktop: React.ForwardRefExoticComponent<RadioGroupDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
+ export { RadioGroupDesktopProps, RadioGroupDesktop };
package/moderncssm/desktop/Component.desktop.js ADDED
@@ -0,0 +1,7 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
3
+ import styles from './desktop.module.css';
4
+
5
+ const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));
6
+
7
+ export { RadioGroupDesktop };
package/moderncssm/desktop/desktop.module.css ADDED
@@ -0,0 +1,25 @@
1
+ /* */
2
+
3
+ :root {
4
+ --radio-group-label-color: var(--color-light-text-primary);
5
+ --radio-group-sub-padding-left: 0;
6
+ --radio-group-list-padding-left: 0;
7
+
8
+ /* mobile */
9
+ }
10
+
11
+ .radioList {
12
+ padding-left: var(--radio-group-list-padding-left);
13
+ }
14
+
15
+ .label {
16
+ font-size: 16px;
17
+ line-height: 24px;
18
+ font-weight: 400;
19
+ color: var(--radio-group-label-color);
20
+ padding-left: var(--radio-group-sub-padding-left);
21
+ }
22
+
23
+ .sub {
24
+ padding-left: var(--radio-group-sub-padding-left);
25
+ }
package/moderncssm/desktop/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Component.desktop";
2
+ export {};
package/moderncssm/desktop/index.js ADDED
@@ -0,0 +1 @@
1
+ export { RadioGroupDesktop } from './Component.desktop.js';
package/moderncssm/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Component.responsive";
2
+ export {};
package/moderncssm/index.js ADDED
@@ -0,0 +1 @@
1
+ export { RadioGroup } from './Component.responsive.js';
package/moderncssm/mobile/Component.mobile.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseRadioGroupProps } from "../components/base-radio-group/index";
4
+ type RadioGroupMobileProps = Omit<BaseRadioGroupProps, 'styles'>;
5
+ declare const RadioGroupMobile: React.ForwardRefExoticComponent<RadioGroupMobileProps & React.RefAttributes<HTMLDivElement>>;
6
+ export { RadioGroupMobileProps, RadioGroupMobile };
package/moderncssm/mobile/Component.mobile.js ADDED
@@ -0,0 +1,7 @@
1
+ import React, { forwardRef } from 'react';
2
+ import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
3
+ import styles from './mobile.module.css';
4
+
5
+ const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));
6
+
7
+ export { RadioGroupMobile };
package/moderncssm/mobile/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./Component.mobile";
2
+ export {};
package/moderncssm/mobile/index.js ADDED
@@ -0,0 +1 @@
1
+ export { RadioGroupMobile } from './Component.mobile.js';
package/moderncssm/mobile/mobile.module.css ADDED
@@ -0,0 +1,25 @@
1
+ /* */
2
+
3
+ :root {
4
+
5
+ /* mobile */
6
+ --radio-group-mobile-sub-padding-left: var(--gap-4);
7
+ --radio-group-mobile-list-padding-left: var(--gap-2);
8
+ --radio-group-mobile-label-color: var(--color-light-text-secondary);
9
+ }
10
+
11
+ .radioList {
12
+ padding-left: var(--radio-group-mobile-list-padding-left);
13
+ }
14
+
15
+ .label {
16
+ font-size: 14px;
17
+ line-height: 18px;
18
+ font-weight: 400;
19
+ color: var(--radio-group-mobile-label-color);
20
+ padding-left: var(--radio-group-mobile-sub-padding-left);
21
+ }
22
+
23
+ .sub {
24
+ padding-left: var(--radio-group-mobile-sub-padding-left);
25
+ }
package/moderncssm/vars.css ADDED
@@ -0,0 +1,6 @@
1
+ /* */
2
+
3
+ :root {
4
+
5
+ /* mobile */
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-radio-group",
3
- "version": "4.5.0",
3
+ "version": "4.6.0",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,6 +20,6 @@
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
+ "themesVersion": "13.1.0",
24
+ "varsVersion": "9.12.0"
25
25
  }
package/src/vars.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  :root {
4
4
  --radio-group-error-color: var(--color-light-text-negative);