@rescui/radio-button 0.8.14-RUI-247-Make-packets-react-19-ready-c06b3c96.4 → 0.8.14-RUI-247-Make-packets-react-19-ready-be9cd02d.17

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 (9) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +61 -61
  3. package/lib/parts/radio-button-control.js +2 -0
  4. package/lib/parts/radio-button-manager.d.ts +1 -5
  5. package/lib/parts/radio-button-manager.js +16 -11
  6. package/lib/parts/radio-button.p.module.css.js +19 -19
  7. package/lib/public-api.p.css +6 -0
  8. package/lib/public-api.pcss +6 -0
  9. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_ef3vq_4",
3
- "sizeXS": "_sizeXS_ef3vq_14",
4
- "sizeS": "_sizeS_ef3vq_18",
5
- "sizeM": "_sizeM_ef3vq_22",
6
- "sizeL": "_sizeL_ef3vq_26",
7
- "light": "_light_ef3vq_30",
8
- "dark": "_dark_ef3vq_34",
9
- "allVariants": "_allVariants_ef3vq_48",
10
- "variant16": "_variant16_ef3vq_53",
11
- "variant20": "_variant20_ef3vq_54",
12
- "variant24": "_variant24_ef3vq_55",
13
- "variant28": "_variant28_ef3vq_58"
2
+ "icon": "_icon_10q9qur_4",
3
+ "sizeXS": "_sizeXS_10q9qur_14",
4
+ "sizeS": "_sizeS_10q9qur_18",
5
+ "sizeM": "_sizeM_10q9qur_22",
6
+ "sizeL": "_sizeL_10q9qur_26",
7
+ "light": "_light_10q9qur_30",
8
+ "dark": "_dark_10q9qur_34",
9
+ "allVariants": "_allVariants_10q9qur_48",
10
+ "variant16": "_variant16_10q9qur_53",
11
+ "variant20": "_variant20_10q9qur_54",
12
+ "variant24": "_variant24_10q9qur_55",
13
+ "variant28": "_variant28_10q9qur_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_ef3vq_4{
1
+ ._icon_10q9qur_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_ef3vq_4{
11
+ ._icon_10q9qur_4{
12
12
  --_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)));
13
13
  --_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)));
14
14
  --_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)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_ef3vq_4{
20
+ ._icon_10q9qur_4{
21
21
  --_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);
22
22
  --_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));
23
23
  --_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));
@@ -25,30 +25,30 @@
25
25
  --_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));
26
26
  }
27
27
  }
28
- ._icon_ef3vq_4{
28
+ ._icon_10q9qur_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_ef3vq_14{
35
+ ._sizeXS_10q9qur_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_ef3vq_18{
38
+ ._sizeS_10q9qur_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_ef3vq_22{
41
+ ._sizeM_10q9qur_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_ef3vq_26{
44
+ ._sizeL_10q9qur_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_ef3vq_30{
47
+ ._light_10q9qur_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial: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));
50
50
  }
51
- ._dark_ef3vq_34{
51
+ ._dark_10q9qur_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial: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));
54
54
  }
@@ -60,49 +60,49 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_ef3vq_48{
63
+ ._allVariants_10q9qur_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_ef3vq_53,
68
- ._variant20_ef3vq_54,
69
- ._variant24_ef3vq_55{
67
+ ._variant16_10q9qur_53,
68
+ ._variant20_10q9qur_54,
69
+ ._variant24_10q9qur_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_ef3vq_58{
72
+ ._variant28_10q9qur_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_ef3vq_55{
76
+ ._variant24_10q9qur_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_ef3vq_58{
79
+ ._variant28_10q9qur_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_ef3vq_54{
84
+ ._variant20_10q9qur_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_ef3vq_55{
87
+ ._variant24_10q9qur_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_ef3vq_53{
92
+ ._variant16_10q9qur_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_ef3vq_54{
95
+ ._variant20_10q9qur_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_1hmxrq9_8{
99
+ ._themeLight_3ltpec_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_1hmxrq9_11{
102
+ ._themeDark_3ltpec_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._container_1hmxrq9_15{
105
+ ._container_3ltpec_15{
106
106
  --_rs-theme-dark:var(
107
107
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
108
108
  var(--rs-theme-dark, 0)
@@ -112,7 +112,7 @@
112
112
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
113
113
  }
114
114
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
115
- ._container_1hmxrq9_15{
115
+ ._container_3ltpec_15{
116
116
  --_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)));
117
117
  --_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)));
118
118
  --_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)));
@@ -121,7 +121,7 @@
121
121
  }
122
122
  }
123
123
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
124
- ._container_1hmxrq9_15{
124
+ ._container_3ltpec_15{
125
125
  --_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);
126
126
  --_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));
127
127
  --_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));
@@ -129,7 +129,7 @@
129
129
  --_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));
130
130
  }
131
131
  }
132
- ._listSizeS_1hmxrq9_20 [data-rs-internal='radio-button-list__error-message']{
132
+ ._listSizeS_3ltpec_20 [data-rs-internal='radio-button-list__error-message']{
133
133
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
134
134
  --_rs-typography-text-transform:initial;
135
135
  --_rs-typography-font-variant-numeric:initial;
@@ -160,10 +160,10 @@
160
160
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
161
161
  --_rs-typography-link-border-bottom-width-from-text:2px;
162
162
  }
163
- ._listSizeS_1hmxrq9_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
163
+ ._listSizeS_3ltpec_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
164
164
  --_rs-icons-height:20px;
165
165
  }
166
- ._listSizeM_1hmxrq9_23 [data-rs-internal='radio-button-list__error-message']{
166
+ ._listSizeM_3ltpec_23 [data-rs-internal='radio-button-list__error-message']{
167
167
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
168
168
  --_rs-typography-text-transform:initial;
169
169
  --_rs-typography-font-variant-numeric:initial;
@@ -194,10 +194,10 @@
194
194
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
195
195
  --_rs-typography-link-border-bottom-width-from-text:2px;
196
196
  }
197
- ._listSizeM_1hmxrq9_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
197
+ ._listSizeM_3ltpec_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
198
198
  --_rs-icons-height:20px;
199
199
  }
200
- ._listSizeL_1hmxrq9_26 [data-rs-internal='radio-button-list__error-message']{
200
+ ._listSizeL_3ltpec_26 [data-rs-internal='radio-button-list__error-message']{
201
201
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
202
202
  --_rs-typography-text-transform:initial;
203
203
  --_rs-typography-font-variant-numeric:initial;
@@ -228,35 +228,35 @@
228
228
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
229
229
  --_rs-typography-link-border-bottom-width-from-text:2px;
230
230
  }
231
- ._listSizeL_1hmxrq9_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
231
+ ._listSizeL_3ltpec_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
232
232
  --_rs-icons-height:24px;
233
233
  }
234
- ._sizeS_1hmxrq9_30{
234
+ ._sizeS_3ltpec_30{
235
235
  --_rs-radio-button-size:20px;
236
236
  --_rs-radio-button-box-shadow-size:3px;
237
237
  --_rs-radio-button-active-icon-border-width:5px;
238
238
  }
239
- ._sizeM_1hmxrq9_33{
239
+ ._sizeM_3ltpec_33{
240
240
  --_rs-radio-button-size:24px;
241
241
  --_rs-radio-button-box-shadow-size:3px;
242
242
  --_rs-radio-button-active-icon-border-width:6px;
243
243
  }
244
- ._sizeL_1hmxrq9_36{
244
+ ._sizeL_3ltpec_36{
245
245
  --_rs-radio-button-size:28px;
246
246
  --_rs-radio-button-box-shadow-size:4px;
247
247
  --_rs-radio-button-active-icon-border-width:6px;
248
248
  }
249
- ._classic_1hmxrq9_40{
249
+ ._classic_3ltpec_40{
250
250
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
251
251
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
252
252
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
253
253
  }
254
- ._rock_1hmxrq9_43{
254
+ ._rock_3ltpec_43{
255
255
  --_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));
256
256
  --_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));
257
257
  --_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);
258
258
  }
259
- ._main_1hmxrq9_47{
259
+ ._main_3ltpec_47{
260
260
  --_rs-theme-dark:var(
261
261
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
262
262
  var(--rs-theme-dark, 0)
@@ -266,7 +266,7 @@
266
266
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
267
267
  }
268
268
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
269
- ._main_1hmxrq9_47{
269
+ ._main_3ltpec_47{
270
270
  --_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)));
271
271
  --_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)));
272
272
  --_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)));
@@ -275,7 +275,7 @@
275
275
  }
276
276
  }
277
277
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
278
- ._main_1hmxrq9_47{
278
+ ._main_3ltpec_47{
279
279
  --_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);
280
280
  --_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));
281
281
  --_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));
@@ -283,7 +283,7 @@
283
283
  --_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));
284
284
  }
285
285
  }
286
- ._main_1hmxrq9_47 {
286
+ ._main_3ltpec_47 {
287
287
 
288
288
  display:inline-block;
289
289
 
@@ -292,7 +292,7 @@
292
292
 
293
293
  vertical-align:middle;
294
294
  }
295
- ._errorMessage_1hmxrq9_59{
295
+ ._errorMessage_3ltpec_59{
296
296
  letter-spacing:var(
297
297
  --rs-text-base-letter-spacing,
298
298
  var(--_rs-typography-letter-spacing)
@@ -314,12 +314,12 @@
314
314
  -moz-column-gap:8px;
315
315
  column-gap:8px;
316
316
  }
317
- ._errorIcon_1hmxrq9_71{
317
+ ._errorIcon_3ltpec_71{
318
318
  flex:0 0 auto;
319
319
 
320
320
  color:#F45C4A;
321
321
  }
322
- ._input_1hmxrq9_77{
322
+ ._input_3ltpec_77{
323
323
  position:absolute;
324
324
  -webkit-appearance:none;
325
325
  -moz-appearance:none;
@@ -333,7 +333,7 @@
333
333
 
334
334
  border:0;
335
335
  }
336
- ._icon_1hmxrq9_90{
336
+ ._icon_3ltpec_90{
337
337
  position:relative;
338
338
 
339
339
  display:inline-block;
@@ -350,16 +350,16 @@
350
350
 
351
351
  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));
352
352
  }
353
- ._enabled_1hmxrq9_111 ._icon_1hmxrq9_90{
353
+ ._enabled_3ltpec_111 ._icon_3ltpec_90{
354
354
  cursor:pointer;
355
355
  }
356
- ._enabled_1hmxrq9_111:hover > ._icon_1hmxrq9_90,
357
- label:hover ._enabled_1hmxrq9_111 > ._icon_1hmxrq9_90{
356
+ ._enabled_3ltpec_111:hover > ._icon_3ltpec_90,
357
+ label:hover ._enabled_3ltpec_111 > ._icon_3ltpec_90{
358
358
  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));
359
359
  }
360
- ._disabled_1hmxrq9_120 ._icon_1hmxrq9_90._icon_1hmxrq9_90,
361
- ._input_1hmxrq9_77:disabled + ._icon_1hmxrq9_90._icon_1hmxrq9_90,
362
- ._input_1hmxrq9_77:checked:disabled + ._icon_1hmxrq9_90{
360
+ ._disabled_3ltpec_120 ._icon_3ltpec_90._icon_3ltpec_90,
361
+ ._input_3ltpec_77:disabled + ._icon_3ltpec_90._icon_3ltpec_90,
362
+ ._input_3ltpec_77:checked:disabled + ._icon_3ltpec_90{
363
363
  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));
364
364
 
365
365
  cursor:not-allowed;
@@ -367,25 +367,25 @@
367
367
 
368
368
  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));
369
369
  }
370
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:active + ._icon_1hmxrq9_90,
371
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:checked + ._icon_1hmxrq9_90{
370
+ ._enabled_3ltpec_111 ._input_3ltpec_77:active + ._icon_3ltpec_90,
371
+ ._enabled_3ltpec_111 ._input_3ltpec_77:checked + ._icon_3ltpec_90{
372
372
  border-color:var(--_rs-radio-button-active-icon-border-color);
373
373
 
374
374
  background-color:var(--_rs-radio-button-active-icon-background-color);
375
375
  }
376
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:active + ._icon_1hmxrq9_90,
377
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:checked + ._icon_1hmxrq9_90,
378
- ._main_1hmxrq9_47 ._input_1hmxrq9_77:checked:disabled + ._icon_1hmxrq9_90{
376
+ ._enabled_3ltpec_111 ._input_3ltpec_77:active + ._icon_3ltpec_90,
377
+ ._enabled_3ltpec_111 ._input_3ltpec_77:checked + ._icon_3ltpec_90,
378
+ ._main_3ltpec_47 ._input_3ltpec_77:checked:disabled + ._icon_3ltpec_90{
379
379
  border-width:var(--_rs-radio-button-active-icon-border-width);
380
380
  }
381
- ._error_1hmxrq9_59 ._icon_1hmxrq9_90._icon_1hmxrq9_90._icon_1hmxrq9_90{
381
+ ._error_3ltpec_59 ._icon_3ltpec_90._icon_3ltpec_90._icon_3ltpec_90{
382
382
  border-color:#F45C4A;
383
383
  }
384
- ._enabled_1hmxrq9_111:hover > ._icon_1hmxrq9_90._icon_1hmxrq9_90,
385
- label:hover ._enabled_1hmxrq9_111 > ._icon_1hmxrq9_90._icon_1hmxrq9_90,
386
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:active:not(:checked) + ._icon_1hmxrq9_90{
384
+ ._enabled_3ltpec_111:hover > ._icon_3ltpec_90._icon_3ltpec_90,
385
+ label:hover ._enabled_3ltpec_111 > ._icon_3ltpec_90._icon_3ltpec_90,
386
+ ._enabled_3ltpec_111 ._input_3ltpec_77:active:not(:checked) + ._icon_3ltpec_90{
387
387
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
388
388
  }
389
- ._enabled_1hmxrq9_111 ._input_1hmxrq9_77:focus[data-focus-method='key'] + ._icon_1hmxrq9_90{
389
+ ._enabled_3ltpec_111 ._input_3ltpec_77:focus[data-focus-method='key'] + ._icon_3ltpec_90{
390
390
  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);
391
391
  }
package/lib/parts/radio-button-control.js CHANGED
@@ -19,6 +19,8 @@ const MODE_STYLES = {
19
19
  };
20
20
  const RadioButtonControl = /*#__PURE__*/React.forwardRef(function RadioButtonControl(props, ref) {
21
21
  const {
22
+ // eslint-disable-next-line @typescript-eslint/ban-ts-ignore, react/prop-types
23
+ // @ts-ignore
22
24
  children,
23
25
  disabled: disabledFromProps,
24
26
  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore, react/prop-types
package/lib/parts/radio-button-manager.d.ts CHANGED
@@ -23,8 +23,4 @@ export interface RadioButtonManagerProps {
23
23
  /** Name of the each radio button in the list */
24
24
  name?: string;
25
25
  }
26
- declare type TRadioButtonManager = React.FC<RadioButtonManagerProps> & {
27
- idCounter: number;
28
- };
29
- export declare const RadioButtonManager: TRadioButtonManager;
30
- export {};
26
+ export declare const RadioButtonManager: React.FC<RadioButtonManagerProps>;
package/lib/parts/radio-button-manager.js CHANGED
@@ -1,9 +1,21 @@
1
1
  "use client";
2
- import React, { useState, useRef, useCallback } from 'react';
2
+ import React, { useState, useCallback, useRef } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
5
  import RadioContext from './radio-group-context.js';
6
6
 
7
+ const useBackwardCompatibleId = () => {
8
+ const id = useRef(null);
9
+
10
+ if (id.current === null) {
11
+ id.current = useBackwardCompatibleId.counter++;
12
+ }
13
+
14
+ return (React.useId ? React.useId : () => id.current)();
15
+ };
16
+
17
+ useBackwardCompatibleId.counter = 0;
18
+
7
19
  const RadioButtonManager = _ref => {
8
20
  let {
9
21
  defaultValue,
@@ -19,15 +31,9 @@ const RadioButtonManager = _ref => {
19
31
  } = _ref;
20
32
  const theme = useThemeWithUndefined(themeFromProps);
21
33
  const isControlled = typeof valueFromProps !== 'undefined';
22
- const [value, setValue] = useState(isControlled ? valueFromProps : defaultValue); // set unique id to the component on mount without rerender
23
-
24
- const nameId = useRef(null);
25
-
26
- if (nameId.current === null) {
27
- nameId.current = RadioButtonManager.idCounter++;
28
- }
29
-
30
- const name = nameFromProps ?? `_placeholder-radio-name-${nameId.current}`;
34
+ const [value, setValue] = useState(isControlled ? valueFromProps : defaultValue);
35
+ const currentId = useBackwardCompatibleId();
36
+ const name = nameFromProps ?? `_placeholder-radio-name-${currentId}`;
31
37
  const handleSetValue = useCallback(val => {
32
38
  setValue(val);
33
39
 
@@ -49,7 +55,6 @@ const RadioButtonManager = _ref => {
49
55
  }, children);
50
56
  };
51
57
 
52
- RadioButtonManager.idCounter = 0;
53
58
  RadioButtonManager.propTypes = {
54
59
  children: PropTypes.node,
55
60
  defaultValue: PropTypes.string,
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1hmxrq9_8",
3
- "themeDark": "_themeDark_1hmxrq9_11",
4
- "container": "_container_1hmxrq9_15",
5
- "listSizeS": "_listSizeS_1hmxrq9_20",
6
- "listSizeM": "_listSizeM_1hmxrq9_23",
7
- "listSizeL": "_listSizeL_1hmxrq9_26",
8
- "sizeS": "_sizeS_1hmxrq9_30",
9
- "sizeM": "_sizeM_1hmxrq9_33",
10
- "sizeL": "_sizeL_1hmxrq9_36",
11
- "classic": "_classic_1hmxrq9_40",
12
- "rock": "_rock_1hmxrq9_43",
13
- "main": "_main_1hmxrq9_47",
14
- "errorMessage": "_errorMessage_1hmxrq9_59",
15
- "errorIcon": "_errorIcon_1hmxrq9_71",
16
- "input": "_input_1hmxrq9_77",
17
- "icon": "_icon_1hmxrq9_90",
18
- "enabled": "_enabled_1hmxrq9_111",
19
- "disabled": "_disabled_1hmxrq9_120",
20
- "error": "_error_1hmxrq9_59"
2
+ "themeLight": "_themeLight_3ltpec_8",
3
+ "themeDark": "_themeDark_3ltpec_11",
4
+ "container": "_container_3ltpec_15",
5
+ "listSizeS": "_listSizeS_3ltpec_20",
6
+ "listSizeM": "_listSizeM_3ltpec_23",
7
+ "listSizeL": "_listSizeL_3ltpec_26",
8
+ "sizeS": "_sizeS_3ltpec_30",
9
+ "sizeM": "_sizeM_3ltpec_33",
10
+ "sizeL": "_sizeL_3ltpec_36",
11
+ "classic": "_classic_3ltpec_40",
12
+ "rock": "_rock_3ltpec_43",
13
+ "main": "_main_3ltpec_47",
14
+ "errorMessage": "_errorMessage_3ltpec_59",
15
+ "errorIcon": "_errorIcon_3ltpec_71",
16
+ "input": "_input_3ltpec_77",
17
+ "icon": "_icon_3ltpec_90",
18
+ "enabled": "_enabled_3ltpec_111",
19
+ "disabled": "_disabled_3ltpec_120",
20
+ "error": "_error_3ltpec_59"
21
21
  };
22
22
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -35,6 +35,7 @@
35
35
  }
36
36
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
37
37
  --_rs-menu-mi-icon-offset:8px;
38
+ --_rs-menu-mi-icon-size:20px;
38
39
  --_rs-menu-mi-vertical-padding:6px;
39
40
  --_rs-menu-mi-horizontal-padding:8px;
40
41
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -146,6 +147,7 @@
146
147
  }
147
148
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
148
149
  --_rs-menu-mi-icon-offset:8px;
150
+ --_rs-menu-mi-icon-size:24px;
149
151
  --_rs-menu-mi-vertical-padding:8px;
150
152
  --_rs-menu-mi-horizontal-padding:16px;
151
153
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -265,6 +267,7 @@
265
267
  }
266
268
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
267
269
  --_rs-menu-mi-icon-offset:16px;
270
+ --_rs-menu-mi-icon-size:28px;
268
271
  --_rs-menu-mi-vertical-padding:12px;
269
272
  --_rs-menu-mi-horizontal-padding:16px;
270
273
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
@@ -364,6 +367,7 @@
364
367
  @define-mixin rs-radio-button-size-s{
365
368
  &[class][class]{
366
369
  --_rs-menu-mi-icon-offset:8px;
370
+ --_rs-menu-mi-icon-size:20px;
367
371
  --_rs-menu-mi-vertical-padding:6px;
368
372
  --_rs-menu-mi-horizontal-padding:8px;
369
373
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -408,6 +412,7 @@
408
412
  @define-mixin rs-radio-button-size-m{
409
413
  &[class][class]{
410
414
  --_rs-menu-mi-icon-offset:8px;
415
+ --_rs-menu-mi-icon-size:24px;
411
416
  --_rs-menu-mi-vertical-padding:8px;
412
417
  --_rs-menu-mi-horizontal-padding:16px;
413
418
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -460,6 +465,7 @@
460
465
  @define-mixin rs-radio-button-size-l{
461
466
  &[class][class]{
462
467
  --_rs-menu-mi-icon-offset:16px;
468
+ --_rs-menu-mi-icon-size:28px;
463
469
  --_rs-menu-mi-vertical-padding:12px;
464
470
  --_rs-menu-mi-horizontal-padding:16px;
465
471
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
package/lib/public-api.pcss CHANGED
@@ -35,6 +35,7 @@
35
35
  }
36
36
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
37
37
  --_rs-menu-mi-icon-offset:8px;
38
+ --_rs-menu-mi-icon-size:20px;
38
39
  --_rs-menu-mi-vertical-padding:6px;
39
40
  --_rs-menu-mi-horizontal-padding:8px;
40
41
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -146,6 +147,7 @@
146
147
  }
147
148
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
148
149
  --_rs-menu-mi-icon-offset:8px;
150
+ --_rs-menu-mi-icon-size:24px;
149
151
  --_rs-menu-mi-vertical-padding:8px;
150
152
  --_rs-menu-mi-horizontal-padding:16px;
151
153
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -265,6 +267,7 @@
265
267
  }
266
268
  & [data-rs-internal="radio-button-list__menu"] [data-rs-internal="menu__menu-item"]{
267
269
  --_rs-menu-mi-icon-offset:16px;
270
+ --_rs-menu-mi-icon-size:28px;
268
271
  --_rs-menu-mi-vertical-padding:12px;
269
272
  --_rs-menu-mi-horizontal-padding:16px;
270
273
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
@@ -364,6 +367,7 @@
364
367
  @define-mixin rs-radio-button-size-s{
365
368
  &[class][class]{
366
369
  --_rs-menu-mi-icon-offset:8px;
370
+ --_rs-menu-mi-icon-size:20px;
367
371
  --_rs-menu-mi-vertical-padding:6px;
368
372
  --_rs-menu-mi-horizontal-padding:8px;
369
373
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
@@ -408,6 +412,7 @@
408
412
  @define-mixin rs-radio-button-size-m{
409
413
  &[class][class]{
410
414
  --_rs-menu-mi-icon-offset:8px;
415
+ --_rs-menu-mi-icon-size:24px;
411
416
  --_rs-menu-mi-vertical-padding:8px;
412
417
  --_rs-menu-mi-horizontal-padding:16px;
413
418
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -460,6 +465,7 @@
460
465
  @define-mixin rs-radio-button-size-l{
461
466
  &[class][class]{
462
467
  --_rs-menu-mi-icon-offset:16px;
468
+ --_rs-menu-mi-icon-size:28px;
463
469
  --_rs-menu-mi-vertical-padding:12px;
464
470
  --_rs-menu-mi-horizontal-padding:16px;
465
471
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.8.14-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
3
+ "version": "0.8.14-RUI-247-Make-packets-react-19-ready-be9cd02d.17+be9cd02d",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/menu": "0.10.18-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
19
+ "@rescui/menu": "0.10.18-RUI-247-Make-packets-react-19-ready-be9cd02d.17+be9cd02d",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,14 +25,14 @@
25
25
  "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.10-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
28
+ "@rescui/colors": "0.2.10-RUI-247-Make-packets-react-19-ready-be9cd02d.17+be9cd02d",
29
29
  "@rescui/scripts": "0.5.0",
30
- "@rescui/typography": "0.23.3-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96"
30
+ "@rescui/typography": "0.23.3-RUI-247-Make-packets-react-19-ready-be9cd02d.17+be9cd02d"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
36
  "nx": {},
37
- "gitHead": "c06b3c969a1e66ca4bb7a6b7f3f2e77746682f13"
37
+ "gitHead": "be9cd02df82f7f3f1e6a36a92716e8875f10a829"
38
38
  }