@rescui/radio-button 0.10.8-RUI-308-Fix-select-issues-405b9fa40.12 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/index.css +55 -55
  2. package/lib/parts/radio-button-control.js +91 -45
  3. package/lib/parts/radio-button-list.js +212 -56
  4. package/lib/parts/radio-button-list.p.module.css.js +13 -13
  5. package/lib/parts/radio-button-manager.js +67 -21
  6. package/lib/parts/radio-button.p.module.css.js +13 -13
  7. package/lib/radio-button.js +62 -17
  8. package/package.json +11 -10
package/lib/index.css CHANGED
@@ -3,38 +3,38 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_144qg00_8{
6
+ ._themeLight_1werym4_8{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_144qg00_11{
9
+ ._themeDark_1werym4_11{
10
10
  --rs-theme-dark:1;
11
11
  }
12
- ._sizeS_144qg00_15{
12
+ ._sizeS_1werym4_15{
13
13
  --_rs-radio-button-size:20px;
14
14
  --_rs-radio-button-box-shadow-size:3px;
15
15
  --_rs-radio-button-active-icon-border-width:5px;
16
16
  }
17
- ._sizeM_144qg00_18{
17
+ ._sizeM_1werym4_18{
18
18
  --_rs-radio-button-size:24px;
19
19
  --_rs-radio-button-box-shadow-size:3px;
20
20
  --_rs-radio-button-active-icon-border-width:6px;
21
21
  }
22
- ._sizeL_144qg00_21{
22
+ ._sizeL_1werym4_21{
23
23
  --_rs-radio-button-size:28px;
24
24
  --_rs-radio-button-box-shadow-size:4px;
25
25
  --_rs-radio-button-active-icon-border-width:6px;
26
26
  }
27
- ._classic_144qg00_25{
27
+ ._classic_1werym4_25{
28
28
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
29
29
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
30
30
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
31
31
  }
32
- ._rock_144qg00_28{
32
+ ._rock_1werym4_28{
33
33
  --_rs-radio-button-active-icon-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
34
34
  --_rs-radio-button-active-icon-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
35
35
  --_rs-radio-button-active-icon-hover-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
36
36
  }
37
- ._main_144qg00_32{
37
+ ._main_1werym4_32{
38
38
  --_rs-theme-dark:var(
39
39
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
40
40
  var(--rs-theme-dark, 0)
@@ -44,7 +44,7 @@
44
44
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
45
45
  }
46
46
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
47
- ._main_144qg00_32{
47
+ ._main_1werym4_32{
48
48
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
49
49
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
50
50
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -53,7 +53,7 @@
53
53
  }
54
54
  }
55
55
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
56
- ._main_144qg00_32{
56
+ ._main_1werym4_32{
57
57
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
58
58
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
59
59
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -62,18 +62,18 @@
62
62
  }
63
63
  }
64
64
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
65
- ._main_144qg00_32{
65
+ ._main_1werym4_32{
66
66
  --_rs-color-danger:color-mix(in srgb, #CC1400 calc(100%*var(--_rs-theme-light-coefficient, 1)), #FF6553 calc(100%*var(--_rs-theme-dark-coefficient, 0)));
67
67
  --_rs-color-danger-bg:color-mix(in srgb, rgba(204,20,0, 0.2) calc(100%*var(--_rs-theme-light-coefficient, 1)), rgba(255,101,83, 0.2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
68
68
  }
69
69
  }
70
70
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
71
- ._main_144qg00_32{
71
+ ._main_1werym4_32{
72
72
  --_rs-color-danger:rgb(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83));
73
73
  --_rs-color-danger-bg:rgba(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83), 0.2);
74
74
  }
75
75
  }
76
- ._main_144qg00_32 {
76
+ ._main_1werym4_32 {
77
77
 
78
78
  display:inline-block;
79
79
 
@@ -82,7 +82,7 @@
82
82
 
83
83
  vertical-align:middle;
84
84
  }
85
- ._input_144qg00_45{
85
+ ._input_1werym4_45{
86
86
  position:absolute;
87
87
  -webkit-appearance:none;
88
88
  -moz-appearance:none;
@@ -96,7 +96,7 @@
96
96
 
97
97
  border:0;
98
98
  }
99
- ._icon_144qg00_58{
99
+ ._icon_1werym4_58{
100
100
  position:relative;
101
101
 
102
102
  display:inline-block;
@@ -113,16 +113,16 @@
113
113
 
114
114
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
115
115
  }
116
- ._enabled_144qg00_79 ._icon_144qg00_58{
116
+ ._enabled_1werym4_79 ._icon_1werym4_58{
117
117
  cursor:pointer;
118
118
  }
119
- ._enabled_144qg00_79:hover > ._icon_144qg00_58,
120
- label:hover ._enabled_144qg00_79 > ._icon_144qg00_58{
119
+ ._enabled_1werym4_79:hover > ._icon_1werym4_58,
120
+ label:hover ._enabled_1werym4_79 > ._icon_1werym4_58{
121
121
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
122
122
  }
123
- ._disabled_144qg00_88 ._icon_144qg00_58._icon_144qg00_58,
124
- ._input_144qg00_45:disabled + ._icon_144qg00_58._icon_144qg00_58,
125
- ._input_144qg00_45:checked:disabled + ._icon_144qg00_58{
123
+ ._disabled_1werym4_88 ._icon_1werym4_58._icon_1werym4_58,
124
+ ._input_1werym4_45:disabled + ._icon_1werym4_58._icon_1werym4_58,
125
+ ._input_1werym4_45:checked:disabled + ._icon_1werym4_58{
126
126
  border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
127
127
 
128
128
  cursor:not-allowed;
@@ -130,26 +130,26 @@
130
130
 
131
131
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
132
132
  }
133
- ._enabled_144qg00_79 ._input_144qg00_45:active + ._icon_144qg00_58,
134
- ._enabled_144qg00_79 ._input_144qg00_45:checked + ._icon_144qg00_58{
133
+ ._enabled_1werym4_79 ._input_1werym4_45:active + ._icon_1werym4_58,
134
+ ._enabled_1werym4_79 ._input_1werym4_45:checked + ._icon_1werym4_58{
135
135
  border-color:var(--_rs-radio-button-active-icon-border-color);
136
136
 
137
137
  background-color:var(--_rs-radio-button-active-icon-background-color);
138
138
  }
139
- ._enabled_144qg00_79 ._input_144qg00_45:active + ._icon_144qg00_58,
140
- ._enabled_144qg00_79 ._input_144qg00_45:checked + ._icon_144qg00_58,
141
- ._main_144qg00_32 ._input_144qg00_45:checked:disabled + ._icon_144qg00_58{
139
+ ._enabled_1werym4_79 ._input_1werym4_45:active + ._icon_1werym4_58,
140
+ ._enabled_1werym4_79 ._input_1werym4_45:checked + ._icon_1werym4_58,
141
+ ._main_1werym4_32 ._input_1werym4_45:checked:disabled + ._icon_1werym4_58{
142
142
  border-width:var(--_rs-radio-button-active-icon-border-width);
143
143
  }
144
- ._error_144qg00_112 ._icon_144qg00_58._icon_144qg00_58._icon_144qg00_58{
144
+ ._error_1werym4_112 ._icon_1werym4_58._icon_1werym4_58._icon_1werym4_58{
145
145
  border-color:var(--_rs-color-danger);
146
146
  }
147
- ._enabled_144qg00_79:hover > ._icon_144qg00_58._icon_144qg00_58,
148
- label:hover ._enabled_144qg00_79 > ._icon_144qg00_58._icon_144qg00_58,
149
- ._enabled_144qg00_79 ._input_144qg00_45:active:not(:checked) + ._icon_144qg00_58{
147
+ ._enabled_1werym4_79:hover > ._icon_1werym4_58._icon_1werym4_58,
148
+ label:hover ._enabled_1werym4_79 > ._icon_1werym4_58._icon_1werym4_58,
149
+ ._enabled_1werym4_79 ._input_1werym4_45:active:not(:checked) + ._icon_1werym4_58{
150
150
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
151
151
  }
152
- ._enabled_144qg00_79 ._input_144qg00_45:focus[data-focus-method='key'] + ._icon_144qg00_58{
152
+ ._enabled_1werym4_79 ._input_1werym4_45:focus[data-focus-method='key'] + ._icon_1werym4_58{
153
153
  box-shadow:0 0 0 1px rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
154
154
  }
155
155
 
@@ -158,13 +158,13 @@
158
158
  inherits:true;
159
159
  initial-value:0;
160
160
  }
161
- ._themeLight_85o81j_6{
161
+ ._themeLight_1w7kl57_6{
162
162
  --rs-theme-dark:0;
163
163
  }
164
- ._themeDark_85o81j_9{
164
+ ._themeDark_1w7kl57_9{
165
165
  --rs-theme-dark:1;
166
166
  }
167
- ._container_85o81j_13{
167
+ ._container_1w7kl57_13{
168
168
  --_rs-theme-dark:var(
169
169
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
170
170
  var(--rs-theme-dark, 0)
@@ -174,7 +174,7 @@
174
174
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
175
175
  }
176
176
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
177
- ._container_85o81j_13{
177
+ ._container_1w7kl57_13{
178
178
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
179
179
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
180
180
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -183,7 +183,7 @@
183
183
  }
184
184
  }
185
185
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
186
- ._container_85o81j_13{
186
+ ._container_1w7kl57_13{
187
187
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
188
188
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
189
189
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -191,11 +191,11 @@
191
191
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
192
192
  }
193
193
  }
194
- ._sizeS_85o81j_18{
194
+ ._sizeS_1w7kl57_18{
195
195
  --_rs-radio-button-list-label-offset:4px;
196
196
  --_rs-radio-button-list-left-offset:28px;
197
197
  }
198
- ._sizeS_85o81j_18 [data-rs-internal='radio-button-list__label']{
198
+ ._sizeS_1w7kl57_18 [data-rs-internal='radio-button-list__label']{
199
199
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
200
200
  --_rs-typography-text-transform:initial;
201
201
  --_rs-typography-font-variant-numeric:initial;
@@ -230,7 +230,7 @@
230
230
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
231
231
  --_rs-typography-link-border-bottom-width-from-text:1px;
232
232
  }
233
- ._sizeS_85o81j_18 [data-rs-internal='radio-button-list__bold-label']{
233
+ ._sizeS_1w7kl57_18 [data-rs-internal='radio-button-list__bold-label']{
234
234
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
235
235
  --_rs-typography-text-transform:initial;
236
236
  --_rs-typography-font-variant-numeric:initial;
@@ -262,11 +262,11 @@
262
262
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
263
263
  --_rs-typography-link-border-bottom-width-from-text:2px;
264
264
  }
265
- ._sizeM_85o81j_21{
265
+ ._sizeM_1w7kl57_21{
266
266
  --_rs-radio-button-list-label-offset:8px;
267
267
  --_rs-radio-button-list-left-offset:32px;
268
268
  }
269
- ._sizeM_85o81j_21 [data-rs-internal='radio-button-list__label']{
269
+ ._sizeM_1w7kl57_21 [data-rs-internal='radio-button-list__label']{
270
270
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
271
271
  --_rs-typography-text-transform:initial;
272
272
  --_rs-typography-font-variant-numeric:initial;
@@ -305,11 +305,11 @@
305
305
  --_rs-typography-link-border-bottom-width-from-text:1px;
306
306
  }
307
307
  @media screen and (max-width: 640px){
308
- ._sizeM_85o81j_21 [data-rs-internal='radio-button-list__label']{
308
+ ._sizeM_1w7kl57_21 [data-rs-internal='radio-button-list__label']{
309
309
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
310
310
  }
311
311
  }
312
- ._sizeM_85o81j_21 [data-rs-internal='radio-button-list__bold-label']{
312
+ ._sizeM_1w7kl57_21 [data-rs-internal='radio-button-list__bold-label']{
313
313
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
314
314
  --_rs-typography-text-transform:initial;
315
315
  --_rs-typography-font-variant-numeric:initial;
@@ -341,11 +341,11 @@
341
341
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
342
342
  --_rs-typography-link-border-bottom-width-from-text:2px;
343
343
  }
344
- ._sizeL_85o81j_24{
344
+ ._sizeL_1w7kl57_24{
345
345
  --_rs-radio-button-list-label-offset:12px;
346
346
  --_rs-radio-button-list-left-offset:44px;
347
347
  }
348
- ._sizeL_85o81j_24 [data-rs-internal='radio-button-list__label']{
348
+ ._sizeL_1w7kl57_24 [data-rs-internal='radio-button-list__label']{
349
349
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
350
350
  --_rs-typography-text-transform:initial;
351
351
  --_rs-typography-font-variant-numeric:initial;
@@ -384,11 +384,11 @@
384
384
  --_rs-typography-link-border-bottom-width-from-text:1px;
385
385
  }
386
386
  @media screen and (max-width: 640px){
387
- ._sizeL_85o81j_24 [data-rs-internal='radio-button-list__label']{
387
+ ._sizeL_1w7kl57_24 [data-rs-internal='radio-button-list__label']{
388
388
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
389
389
  }
390
390
  }
391
- ._sizeL_85o81j_24 [data-rs-internal='radio-button-list__bold-label']{
391
+ ._sizeL_1w7kl57_24 [data-rs-internal='radio-button-list__bold-label']{
392
392
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
393
393
  --_rs-typography-text-transform:initial;
394
394
  --_rs-typography-font-variant-numeric:initial;
@@ -420,10 +420,10 @@
420
420
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
421
421
  --_rs-typography-link-border-bottom-width-from-text:2px;
422
422
  }
423
- ._inner_85o81j_28{
423
+ ._inner_1w7kl57_28{
424
424
  --rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
425
425
  }
426
- ._label_85o81j_32{
426
+ ._label_1w7kl57_32{
427
427
  letter-spacing:var(
428
428
  --rs-text-base-letter-spacing,
429
429
  var(--_rs-typography-letter-spacing)
@@ -443,23 +443,23 @@
443
443
  margin:0 0 var(--_rs-radio-button-list-label-offset) 0;
444
444
  padding:0;
445
445
  }
446
- ._disabled_85o81j_39 ._label_85o81j_32{
446
+ ._disabled_1w7kl57_39 ._label_1w7kl57_32{
447
447
  color:var(
448
448
  --rs-color-pale,
449
449
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
450
450
  );
451
451
  }
452
- ._footer_85o81j_44{
452
+ ._footer_1w7kl57_44{
453
453
  display:flex;
454
454
  flex-direction:column;
455
455
  }
456
- ._errorMessage_85o81j_49{
456
+ ._errorMessage_1w7kl57_49{
457
457
  order:99;
458
458
  }
459
- ._error_85o81j_49 ._errorMessage_85o81j_49{
459
+ ._error_1w7kl57_49 ._errorMessage_1w7kl57_49{
460
460
  order:0;
461
461
  }
462
- ._note_85o81j_58{
462
+ ._note_1w7kl57_58{
463
463
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
464
464
  --_rs-typography-text-transform:initial;
465
465
  --_rs-typography-font-variant-numeric:initial;
@@ -519,7 +519,7 @@
519
519
 
520
520
  order:1;
521
521
  }
522
- ._disabled_85o81j_39 ._note_85o81j_58{
522
+ ._disabled_1w7kl57_39 ._note_1w7kl57_58{
523
523
  --_rs-typography-hardness-color:var(
524
524
  --rs-color-pale,
525
525
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
package/lib/parts/radio-button-control.js CHANGED
@@ -1,4 +1,6 @@
1
1
  "use client";
2
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
3
+ import { c } from 'react-compiler-runtime';
2
4
  import React from 'react';
3
5
  import PropTypes from 'prop-types';
4
6
  import cn from 'classnames';
@@ -18,51 +20,95 @@ const MODE_STYLES = {
18
20
  rock: styles.rock
19
21
  };
20
22
  const RadioButtonControl = /*#__PURE__*/React.forwardRef(function RadioButtonControl(props, ref) {
21
- const {
22
- // @ts-expect-error manually extracting this possible prop from the props object
23
- children,
24
- disabled: disabledFromProps,
25
- // @ts-expect-error manually extracting this possible prop from the props object
26
- onChange,
27
- // @ts-expect-error manually extracting this possible prop from the props object
28
- checked,
29
- value: ownValue,
30
- className,
31
- error,
32
- notUseLabelTag = false,
33
- ...restProps
34
- } = props;
35
- const RootTag = notUseLabelTag ? 'span' : 'label';
36
- return /*#__PURE__*/React.createElement(RadioContext.Consumer, null, _ref => {
37
- let {
38
- value: groupValue,
39
- theme,
40
- setValue,
41
- name,
42
- error: errorFromContext,
43
- size,
44
- mode,
45
- disabled
46
- } = _ref;
47
- return /*#__PURE__*/React.createElement(RootTag, {
48
- className: cn(styles.main, THEME_STYLES[theme], SIZE_STYLES[size], MODE_STYLES[mode], (error || errorFromContext) && styles.error, disabled || disabledFromProps ? styles.disabled : styles.enabled, className),
49
- "data-test": 'radio-button-control-root',
50
- "data-rs-internal": "radio-button__control"
51
- }, /*#__PURE__*/React.createElement("input", {
52
- className: styles.input,
53
- type: "radio",
54
- onChange: () => setValue(ownValue),
55
- disabled: disabled || disabledFromProps,
56
- value: ownValue,
57
- name: name,
58
- checked: groupValue === ownValue,
59
- ref: ref,
60
- "data-test": 'radio-button-control',
61
- ...restProps
62
- }), /*#__PURE__*/React.createElement("span", {
63
- className: cn(styles.icon, (error || errorFromContext) && styles.iconError)
64
- }));
65
- });
23
+ const $ = c(15);
24
+ let className;
25
+ let disabledFromProps;
26
+ let error;
27
+ let ownValue;
28
+ let restProps;
29
+ let t0;
30
+
31
+ if ($[0] !== props) {
32
+ const {
33
+ children,
34
+ disabled: t1,
35
+ onChange,
36
+ checked,
37
+ value: t2,
38
+ className: t3,
39
+ error: t4,
40
+ notUseLabelTag: t5,
41
+ ...t6
42
+ } = props;
43
+ disabledFromProps = t1;
44
+ ownValue = t2;
45
+ className = t3;
46
+ error = t4;
47
+ t0 = t5;
48
+ restProps = t6;
49
+ $[0] = props;
50
+ $[1] = className;
51
+ $[2] = disabledFromProps;
52
+ $[3] = error;
53
+ $[4] = ownValue;
54
+ $[5] = restProps;
55
+ $[6] = t0;
56
+ } else {
57
+ className = $[1];
58
+ disabledFromProps = $[2];
59
+ error = $[3];
60
+ ownValue = $[4];
61
+ restProps = $[5];
62
+ t0 = $[6];
63
+ }
64
+
65
+ const notUseLabelTag = t0 === undefined ? false : t0;
66
+ const RootTag = notUseLabelTag ? "span" : "label";
67
+ let t1;
68
+
69
+ if ($[7] !== RootTag || $[8] !== className || $[9] !== disabledFromProps || $[10] !== error || $[11] !== ownValue || $[12] !== ref || $[13] !== restProps) {
70
+ t1 = /*#__PURE__*/React.createElement(RadioContext.Consumer, null, t2 => {
71
+ const {
72
+ value: groupValue,
73
+ theme,
74
+ setValue,
75
+ name,
76
+ error: errorFromContext,
77
+ size,
78
+ mode,
79
+ disabled
80
+ } = t2;
81
+ return /*#__PURE__*/React.createElement(RootTag, {
82
+ className: cn(styles.main, THEME_STYLES[theme], SIZE_STYLES[size], MODE_STYLES[mode], (error || errorFromContext) && styles.error, disabled || disabledFromProps ? styles.disabled : styles.enabled, className),
83
+ "data-test": "radio-button-control-root",
84
+ "data-rs-internal": "radio-button__control"
85
+ }, /*#__PURE__*/React.createElement("input", _extends({
86
+ className: styles.input,
87
+ type: "radio",
88
+ onChange: () => setValue(ownValue),
89
+ disabled: disabled || disabledFromProps,
90
+ value: ownValue,
91
+ name: name,
92
+ checked: groupValue === ownValue,
93
+ ref: ref,
94
+ "data-test": "radio-button-control"
95
+ }, restProps)), /*#__PURE__*/React.createElement("span", {
96
+ className: cn(styles.icon, (error || errorFromContext) && styles.iconError)
97
+ }));
98
+ });
99
+ $[7] = RootTag;
100
+ $[8] = className;
101
+ $[9] = disabledFromProps;
102
+ $[10] = error;
103
+ $[11] = ownValue;
104
+ $[12] = ref;
105
+ $[13] = restProps;
106
+ $[14] = t1;
107
+ } else {
108
+ t1 = $[14];
109
+ }
110
+
111
+ return t1;
66
112
  });
67
113
  RadioButtonControl.propTypes = {
68
114
  disabled: PropTypes.bool,
package/lib/parts/radio-button-list.js CHANGED
@@ -1,4 +1,6 @@
1
1
  "use client";
2
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
3
+ import { c } from 'react-compiler-runtime';
2
4
  import React from 'react';
3
5
  import cn from 'classnames';
4
6
  import PropTypes from 'prop-types';
@@ -18,65 +20,219 @@ const SIZE_STYLES = {
18
20
  l: styles.sizeL
19
21
  }; // eslint-disable-next-line complexity
20
22
 
21
- const RadioButtonList = _ref => {
22
- let {
23
- children,
24
- mode = 'classic',
25
- disabled,
26
- size = 'm',
27
- theme: themeFromProps,
28
- label,
29
- note,
30
- error,
31
- reserveErrorLine = false,
32
- className,
33
- id,
34
- style,
35
- boldLabel = true,
36
- ...restProps
37
- } = _ref;
23
+ const RadioButtonList = t0 => {
24
+ const $ = c(55);
25
+ let children;
26
+ let className;
27
+ let disabled;
28
+ let error;
29
+ let id;
30
+ let label;
31
+ let note;
32
+ let restProps;
33
+ let style;
34
+ let t1;
35
+ let t2;
36
+ let t3;
37
+ let t4;
38
+ let themeFromProps;
39
+
40
+ if ($[0] !== t0) {
41
+ ({
42
+ children,
43
+ mode: t1,
44
+ disabled,
45
+ size: t2,
46
+ theme: themeFromProps,
47
+ label,
48
+ note,
49
+ error,
50
+ reserveErrorLine: t3,
51
+ className,
52
+ id,
53
+ style,
54
+ boldLabel: t4,
55
+ ...restProps
56
+ } = t0);
57
+ $[0] = t0;
58
+ $[1] = children;
59
+ $[2] = className;
60
+ $[3] = disabled;
61
+ $[4] = error;
62
+ $[5] = id;
63
+ $[6] = label;
64
+ $[7] = note;
65
+ $[8] = restProps;
66
+ $[9] = style;
67
+ $[10] = t1;
68
+ $[11] = t2;
69
+ $[12] = t3;
70
+ $[13] = t4;
71
+ $[14] = themeFromProps;
72
+ } else {
73
+ children = $[1];
74
+ className = $[2];
75
+ disabled = $[3];
76
+ error = $[4];
77
+ id = $[5];
78
+ label = $[6];
79
+ note = $[7];
80
+ restProps = $[8];
81
+ style = $[9];
82
+ t1 = $[10];
83
+ t2 = $[11];
84
+ t3 = $[12];
85
+ t4 = $[13];
86
+ themeFromProps = $[14];
87
+ }
88
+
89
+ const mode = t1 === undefined ? "classic" : t1;
90
+ const size = t2 === undefined ? "m" : t2;
91
+ const reserveErrorLine = t3 === undefined ? false : t3;
92
+ const boldLabel = t4 === undefined ? true : t4;
38
93
  const theme = useThemeWithUndefined(themeFromProps);
39
94
  const uniqueId = `radio-button-list-${useSafeId()}`;
40
95
  const errorId = `${id ? id : uniqueId}-error`;
41
- const hasFooter = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
42
- return /*#__PURE__*/React.createElement(RadioButtonManager, {
43
- disabled: disabled,
44
- size: size,
45
- mode: mode,
46
- theme: theme,
47
- ...restProps
48
- }, /*#__PURE__*/React.createElement("fieldset", {
49
- className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size], disabled && styles.disabled, Boolean(error) && styles.error),
50
- id: id,
51
- style: style,
52
- "aria-errormessage": error ? errorId : undefined,
53
- "aria-invalid": Boolean(error),
54
- "data-test": 'radio-button-list'
55
- }, label && /*#__PURE__*/React.createElement("legend", {
56
- className: styles.label,
57
- "data-test": 'radio-button-list__label',
58
- "data-rs-internal": boldLabel ? 'radio-button-list__bold-label' : 'radio-button-list__label'
59
- }, label), /*#__PURE__*/React.createElement(Menu, {
60
- disabled: disabled,
61
- theme: theme,
62
- size: size,
63
- tag: 'div',
64
- itemTag: null,
65
- mode: 'clear',
66
- className: styles.inner,
67
- "data-rs-internal": 'radio-button-list__menu'
68
- }, children), hasFooter && /*#__PURE__*/React.createElement("div", {
69
- className: styles.footer
70
- }, /*#__PURE__*/React.createElement(ErrorMessage, {
71
- id: errorId,
72
- className: styles.errorMessage,
73
- "data-test": 'radio-button-list__error',
74
- reserveLine: reserveErrorLine
75
- }, error), note && /*#__PURE__*/React.createElement("div", {
76
- className: styles.note,
77
- "data-test": 'radio-button-list__note',
78
- "data-rs-internal": "radio-button-list__note"
79
- }, note))));
96
+ let t5;
97
+
98
+ if ($[15] !== error || $[16] !== note || $[17] !== reserveErrorLine) {
99
+ t5 = Boolean(note) || shouldRenderErrorMessage(error, reserveErrorLine);
100
+ $[15] = error;
101
+ $[16] = note;
102
+ $[17] = reserveErrorLine;
103
+ $[18] = t5;
104
+ } else {
105
+ t5 = $[18];
106
+ }
107
+
108
+ const hasFooter = t5;
109
+ const t6 = THEME_STYLES[theme];
110
+ const t7 = SIZE_STYLES[size];
111
+ const t8 = disabled && styles.disabled;
112
+ const t9 = Boolean(error) && styles.error;
113
+ let t10;
114
+
115
+ if ($[19] !== className || $[20] !== t6 || $[21] !== t7 || $[22] !== t8 || $[23] !== t9) {
116
+ t10 = cn(className, styles.container, t6, t7, t8, t9);
117
+ $[19] = className;
118
+ $[20] = t6;
119
+ $[21] = t7;
120
+ $[22] = t8;
121
+ $[23] = t9;
122
+ $[24] = t10;
123
+ } else {
124
+ t10 = $[24];
125
+ }
126
+
127
+ const t11 = error ? errorId : undefined;
128
+ const t12 = Boolean(error);
129
+ let t13;
130
+
131
+ if ($[25] !== boldLabel || $[26] !== label) {
132
+ t13 = label && /*#__PURE__*/React.createElement("legend", {
133
+ className: styles.label,
134
+ "data-test": "radio-button-list__label",
135
+ "data-rs-internal": boldLabel ? "radio-button-list__bold-label" : "radio-button-list__label"
136
+ }, label);
137
+ $[25] = boldLabel;
138
+ $[26] = label;
139
+ $[27] = t13;
140
+ } else {
141
+ t13 = $[27];
142
+ }
143
+
144
+ let t14;
145
+
146
+ if ($[28] !== children || $[29] !== disabled || $[30] !== size || $[31] !== theme) {
147
+ t14 = /*#__PURE__*/React.createElement(Menu, {
148
+ disabled: disabled,
149
+ theme: theme,
150
+ size: size,
151
+ tag: "div",
152
+ itemTag: null,
153
+ mode: "clear",
154
+ className: styles.inner,
155
+ "data-rs-internal": "radio-button-list__menu"
156
+ }, children);
157
+ $[28] = children;
158
+ $[29] = disabled;
159
+ $[30] = size;
160
+ $[31] = theme;
161
+ $[32] = t14;
162
+ } else {
163
+ t14 = $[32];
164
+ }
165
+
166
+ let t15;
167
+
168
+ if ($[33] !== error || $[34] !== errorId || $[35] !== hasFooter || $[36] !== note || $[37] !== reserveErrorLine) {
169
+ t15 = hasFooter && /*#__PURE__*/React.createElement("div", {
170
+ className: styles.footer
171
+ }, /*#__PURE__*/React.createElement(ErrorMessage, {
172
+ id: errorId,
173
+ className: styles.errorMessage,
174
+ "data-test": "radio-button-list__error",
175
+ reserveLine: reserveErrorLine
176
+ }, error), note && /*#__PURE__*/React.createElement("div", {
177
+ className: styles.note,
178
+ "data-test": "radio-button-list__note",
179
+ "data-rs-internal": "radio-button-list__note"
180
+ }, note));
181
+ $[33] = error;
182
+ $[34] = errorId;
183
+ $[35] = hasFooter;
184
+ $[36] = note;
185
+ $[37] = reserveErrorLine;
186
+ $[38] = t15;
187
+ } else {
188
+ t15 = $[38];
189
+ }
190
+
191
+ let t16;
192
+
193
+ if ($[39] !== id || $[40] !== style || $[41] !== t10 || $[42] !== t11 || $[43] !== t12 || $[44] !== t13 || $[45] !== t14 || $[46] !== t15) {
194
+ t16 = /*#__PURE__*/React.createElement("fieldset", {
195
+ className: t10,
196
+ id: id,
197
+ style: style,
198
+ "aria-errormessage": t11,
199
+ "aria-invalid": t12,
200
+ "data-test": "radio-button-list"
201
+ }, t13, t14, t15);
202
+ $[39] = id;
203
+ $[40] = style;
204
+ $[41] = t10;
205
+ $[42] = t11;
206
+ $[43] = t12;
207
+ $[44] = t13;
208
+ $[45] = t14;
209
+ $[46] = t15;
210
+ $[47] = t16;
211
+ } else {
212
+ t16 = $[47];
213
+ }
214
+
215
+ let t17;
216
+
217
+ if ($[48] !== disabled || $[49] !== mode || $[50] !== restProps || $[51] !== size || $[52] !== t16 || $[53] !== theme) {
218
+ t17 = /*#__PURE__*/React.createElement(RadioButtonManager, _extends({
219
+ disabled: disabled,
220
+ size: size,
221
+ mode: mode,
222
+ theme: theme
223
+ }, restProps), t16);
224
+ $[48] = disabled;
225
+ $[49] = mode;
226
+ $[50] = restProps;
227
+ $[51] = size;
228
+ $[52] = t16;
229
+ $[53] = theme;
230
+ $[54] = t17;
231
+ } else {
232
+ t17 = $[54];
233
+ }
234
+
235
+ return t17;
80
236
  };
81
237
 
82
238
  RadioButtonList.propTypes = { ...RadioButtonManager.propTypes,
package/lib/parts/radio-button-list.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_85o81j_6",
3
- "themeDark": "_themeDark_85o81j_9",
4
- "container": "_container_85o81j_13",
5
- "sizeS": "_sizeS_85o81j_18",
6
- "sizeM": "_sizeM_85o81j_21",
7
- "sizeL": "_sizeL_85o81j_24",
8
- "inner": "_inner_85o81j_28",
9
- "label": "_label_85o81j_32",
10
- "disabled": "_disabled_85o81j_39",
11
- "footer": "_footer_85o81j_44",
12
- "errorMessage": "_errorMessage_85o81j_49",
13
- "error": "_error_85o81j_49",
14
- "note": "_note_85o81j_58"
2
+ "themeLight": "_themeLight_1w7kl57_6",
3
+ "themeDark": "_themeDark_1w7kl57_9",
4
+ "container": "_container_1w7kl57_13",
5
+ "sizeS": "_sizeS_1w7kl57_18",
6
+ "sizeM": "_sizeM_1w7kl57_21",
7
+ "sizeL": "_sizeL_1w7kl57_24",
8
+ "inner": "_inner_1w7kl57_28",
9
+ "label": "_label_1w7kl57_32",
10
+ "disabled": "_disabled_1w7kl57_39",
11
+ "footer": "_footer_1w7kl57_44",
12
+ "errorMessage": "_errorMessage_1w7kl57_49",
13
+ "error": "_error_1w7kl57_49",
14
+ "note": "_note_1w7kl57_58"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/radio-button-manager.js CHANGED
@@ -1,37 +1,57 @@
1
1
  "use client";
2
- import React, { useState, useCallback } from 'react';
2
+ import { c } from 'react-compiler-runtime';
3
+ import React, { useState } from 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
6
  import RadioContext from './radio-group-context.js';
6
7
  import { useSafeId } from './use-safe-id.js';
7
8
 
8
- const RadioButtonManager = _ref => {
9
- let {
9
+ const RadioButtonManager = t0 => {
10
+ const $ = c(14);
11
+ const {
10
12
  defaultValue,
11
13
  children,
12
14
  value: valueFromProps,
13
- disabled = false,
14
- error = false,
15
+ disabled: t1,
16
+ error: t2,
15
17
  name: nameFromProps,
16
18
  onChange,
17
- size = 'm',
18
- mode = 'classic',
19
+ size: t3,
20
+ mode: t4,
19
21
  theme: themeFromProps
20
- } = _ref;
22
+ } = t0;
23
+ const disabled = t1 === undefined ? false : t1;
24
+ const error = t2 === undefined ? false : t2;
25
+ const size = t3 === undefined ? "m" : t3;
26
+ const mode = t4 === undefined ? "classic" : t4;
21
27
  const theme = useThemeWithUndefined(themeFromProps);
22
- const isControlled = typeof valueFromProps !== 'undefined';
28
+ const isControlled = typeof valueFromProps !== "undefined";
23
29
  const [value, setValue] = useState(isControlled ? valueFromProps : defaultValue);
24
30
  const currentId = useSafeId();
25
31
  const name = nameFromProps ?? `_placeholder-radio-name-${currentId}`;
26
- const handleSetValue = useCallback(val => {
27
- setValue(val);
28
-
29
- if (onChange) {
30
- onChange(val);
31
- }
32
- }, [onChange]);
33
- return /*#__PURE__*/React.createElement(RadioContext.Provider, {
34
- value: {
32
+ let t5;
33
+
34
+ if ($[0] !== onChange) {
35
+ t5 = val => {
36
+ setValue(val);
37
+
38
+ if (onChange) {
39
+ onChange(val);
40
+ }
41
+ };
42
+
43
+ $[0] = onChange;
44
+ $[1] = t5;
45
+ } else {
46
+ t5 = $[1];
47
+ }
48
+
49
+ const handleSetValue = t5;
50
+ const t6 = isControlled ? valueFromProps : value;
51
+ let t7;
52
+
53
+ if ($[2] !== disabled || $[3] !== error || $[4] !== handleSetValue || $[5] !== mode || $[6] !== name || $[7] !== size || $[8] !== t6 || $[9] !== theme) {
54
+ t7 = {
35
55
  error,
36
56
  theme,
37
57
  size,
@@ -39,9 +59,35 @@ const RadioButtonManager = _ref => {
39
59
  disabled,
40
60
  name,
41
61
  setValue: handleSetValue,
42
- value: isControlled ? valueFromProps : value
43
- }
44
- }, children);
62
+ value: t6
63
+ };
64
+ $[2] = disabled;
65
+ $[3] = error;
66
+ $[4] = handleSetValue;
67
+ $[5] = mode;
68
+ $[6] = name;
69
+ $[7] = size;
70
+ $[8] = t6;
71
+ $[9] = theme;
72
+ $[10] = t7;
73
+ } else {
74
+ t7 = $[10];
75
+ }
76
+
77
+ let t8;
78
+
79
+ if ($[11] !== children || $[12] !== t7) {
80
+ t8 = /*#__PURE__*/React.createElement(RadioContext.Provider, {
81
+ value: t7
82
+ }, children);
83
+ $[11] = children;
84
+ $[12] = t7;
85
+ $[13] = t8;
86
+ } else {
87
+ t8 = $[13];
88
+ }
89
+
90
+ return t8;
45
91
  };
46
92
 
47
93
  RadioButtonManager.propTypes = {
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_144qg00_8",
3
- "themeDark": "_themeDark_144qg00_11",
4
- "sizeS": "_sizeS_144qg00_15",
5
- "sizeM": "_sizeM_144qg00_18",
6
- "sizeL": "_sizeL_144qg00_21",
7
- "classic": "_classic_144qg00_25",
8
- "rock": "_rock_144qg00_28",
9
- "main": "_main_144qg00_32",
10
- "input": "_input_144qg00_45",
11
- "icon": "_icon_144qg00_58",
12
- "enabled": "_enabled_144qg00_79",
13
- "disabled": "_disabled_144qg00_88",
14
- "error": "_error_144qg00_112"
2
+ "themeLight": "_themeLight_1werym4_8",
3
+ "themeDark": "_themeDark_1werym4_11",
4
+ "sizeS": "_sizeS_1werym4_15",
5
+ "sizeM": "_sizeM_1werym4_18",
6
+ "sizeL": "_sizeL_1werym4_21",
7
+ "classic": "_classic_1werym4_25",
8
+ "rock": "_rock_1werym4_28",
9
+ "main": "_main_1werym4_32",
10
+ "input": "_input_1werym4_45",
11
+ "icon": "_icon_1werym4_58",
12
+ "enabled": "_enabled_1werym4_79",
13
+ "disabled": "_disabled_1werym4_88",
14
+ "error": "_error_1werym4_112"
15
15
  };
16
16
  export { styles as default };
package/lib/radio-button.js CHANGED
@@ -1,26 +1,71 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import { c } from 'react-compiler-runtime';
1
3
  import React from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
  import { MenuItem } from '@rescui/menu';
4
6
  import { RadioButtonControl } from './parts/radio-button-control.js';
5
- const RadioButton = /*#__PURE__*/React.forwardRef(function RadioButton(_ref, ref) {
6
- let {
7
- children,
8
- className,
9
- disabled,
10
- ...restProps
11
- } = _ref;
12
- return /*#__PURE__*/React.createElement(MenuItem, {
13
- tag: 'label',
14
- disabled: disabled,
15
- className: className,
16
- tabIndex: null,
17
- icon: /*#__PURE__*/React.createElement(RadioButtonControl, {
7
+ const RadioButton = /*#__PURE__*/React.forwardRef(function RadioButton(t0, ref) {
8
+ const $ = c(14);
9
+ let children;
10
+ let className;
11
+ let disabled;
12
+ let restProps;
13
+
14
+ if ($[0] !== t0) {
15
+ ({
16
+ children,
17
+ className,
18
+ disabled,
19
+ ...restProps
20
+ } = t0);
21
+ $[0] = t0;
22
+ $[1] = children;
23
+ $[2] = className;
24
+ $[3] = disabled;
25
+ $[4] = restProps;
26
+ } else {
27
+ children = $[1];
28
+ className = $[2];
29
+ disabled = $[3];
30
+ restProps = $[4];
31
+ }
32
+
33
+ let t1;
34
+
35
+ if ($[5] !== disabled || $[6] !== ref || $[7] !== restProps) {
36
+ t1 = /*#__PURE__*/React.createElement(RadioButtonControl, _extends({
18
37
  ref: ref,
19
38
  disabled: disabled,
20
- notUseLabelTag: true,
21
- ...restProps
22
- })
23
- }, children);
39
+ notUseLabelTag: true
40
+ }, restProps));
41
+ $[5] = disabled;
42
+ $[6] = ref;
43
+ $[7] = restProps;
44
+ $[8] = t1;
45
+ } else {
46
+ t1 = $[8];
47
+ }
48
+
49
+ let t2;
50
+
51
+ if ($[9] !== children || $[10] !== className || $[11] !== disabled || $[12] !== t1) {
52
+ t2 = /*#__PURE__*/React.createElement(MenuItem, {
53
+ tag: "label",
54
+ disabled: disabled,
55
+ className: className,
56
+ tabIndex: null,
57
+ icon: t1
58
+ }, children);
59
+ $[9] = children;
60
+ $[10] = className;
61
+ $[11] = disabled;
62
+ $[12] = t1;
63
+ $[13] = t2;
64
+ } else {
65
+ t2 = $[13];
66
+ }
67
+
68
+ return t2;
24
69
  });
25
70
  RadioButton.propTypes = { ...RadioButtonControl.propTypes,
26
71
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.10.8-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
3
+ "version": "0.11.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,24 +17,25 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/form-field": "0.1.8-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
21
- "@rescui/menu": "0.14.2-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
22
- "classnames": "^2.2.6"
20
+ "@rescui/form-field": "^0.2.1",
21
+ "@rescui/menu": "^0.15.1",
22
+ "classnames": "^2.2.6",
23
+ "react-compiler-runtime": "^1.0.0"
23
24
  },
24
25
  "peerDependencies": {
25
- "@rescui/ui-contexts": "^0.6.0",
26
+ "@rescui/ui-contexts": "^0.7.0",
26
27
  "prop-types": "^15",
27
- "react": ">=16.8.0 <20"
28
+ "react": ">=17.0.0 <20"
28
29
  },
29
30
  "devDependencies": {
30
- "@rescui/colors": "0.3.4-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
31
- "@rescui/scripts": "0.5.2",
32
- "@rescui/typography": "0.27.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40"
31
+ "@rescui/colors": "^0.3.4",
32
+ "@rescui/scripts": "^0.5.3",
33
+ "@rescui/typography": "^0.28.1"
33
34
  },
34
35
  "scripts": {
35
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
36
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
38
  },
38
39
  "nx": {},
39
- "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
40
+ "gitHead": "ce4c6c5e3fd5aede0006f6ef8e655fc0ab394c0f"
40
41
  }