@rescui/radio-button 0.13.2 → 0.13.3

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 (5) hide show
  1. package/lib/index.css +73 -60
  2. package/lib/parts/radio-button-list.p.module.css.js +1 -1
  3. package/lib/parts/radio-button.p.module.css.js +1 -1
  4. package/llm/components/radio-button.md +9 -9
  5. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -3,41 +3,41 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_1rye2te_8{
6
+ ._themeLight_10ihcbf_8{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_1rye2te_11{
9
+ ._themeDark_10ihcbf_11{
10
10
  --rs-theme-dark:1;
11
11
  }
12
12
 
13
- ._sizeS_1rye2te_15{
13
+ ._sizeS_10ihcbf_15{
14
14
  --_rs-radio-button-size:20px;
15
15
  --_rs-radio-button-box-shadow-size:3px;
16
16
  --_rs-radio-button-active-icon-border-width:5px;
17
17
  }
18
- ._sizeM_1rye2te_18{
18
+ ._sizeM_10ihcbf_18{
19
19
  --_rs-radio-button-size:24px;
20
20
  --_rs-radio-button-box-shadow-size:3px;
21
21
  --_rs-radio-button-active-icon-border-width:6px;
22
22
  }
23
- ._sizeL_1rye2te_21{
23
+ ._sizeL_10ihcbf_21{
24
24
  --_rs-radio-button-size:28px;
25
25
  --_rs-radio-button-box-shadow-size:4px;
26
26
  --_rs-radio-button-active-icon-border-width:6px;
27
27
  }
28
28
 
29
- ._classic_1rye2te_25{
29
+ ._classic_10ihcbf_25{
30
30
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
31
31
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
32
32
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
33
33
  }
34
- ._rock_1rye2te_28{
34
+ ._rock_10ihcbf_28{
35
35
  --_rs-radio-button-active-icon-border-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
36
36
  --_rs-radio-button-active-icon-background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
37
37
  --_rs-radio-button-active-icon-hover-box-shadow-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.1);
38
38
  }
39
39
 
40
- ._main_1rye2te_32{
40
+ ._main_10ihcbf_32{
41
41
  --_rs-theme-dark:var(
42
42
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
43
43
  var(--rs-theme-dark, 0)
@@ -49,7 +49,7 @@
49
49
 
50
50
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
51
51
 
52
- ._main_1rye2te_32{
52
+ ._main_10ihcbf_32{
53
53
  --_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)));
54
54
  --_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)));
55
55
  --_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)));
@@ -60,7 +60,7 @@
60
60
 
61
61
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
62
62
 
63
- ._main_1rye2te_32{
63
+ ._main_10ihcbf_32{
64
64
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
65
65
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
66
66
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -71,7 +71,7 @@
71
71
 
72
72
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
73
73
 
74
- ._main_1rye2te_32{
74
+ ._main_10ihcbf_32{
75
75
  --_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)));
76
76
  --_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)));
77
77
  }
@@ -79,13 +79,13 @@
79
79
 
80
80
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
81
81
 
82
- ._main_1rye2te_32{
82
+ ._main_10ihcbf_32{
83
83
  --_rs-color-danger:rgb(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)));
84
84
  --_rs-color-danger-bg:rgba(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
85
85
  }
86
86
  }
87
87
 
88
- ._main_1rye2te_32 {
88
+ ._main_10ihcbf_32 {
89
89
 
90
90
  display:inline-block;
91
91
 
@@ -95,7 +95,7 @@
95
95
  vertical-align:middle;
96
96
  }
97
97
 
98
- ._input_1rye2te_45{
98
+ ._input_10ihcbf_45{
99
99
  position:absolute;
100
100
  -webkit-appearance:none;
101
101
  appearance:none;
@@ -109,7 +109,7 @@
109
109
  border:0;
110
110
  }
111
111
 
112
- ._icon_1rye2te_58{
112
+ ._icon_10ihcbf_58{
113
113
  position:relative;
114
114
 
115
115
  display:inline-block;
@@ -121,57 +121,70 @@
121
121
 
122
122
  border-width:1px;
123
123
  border-style:solid;
124
- border-color:#A3A3A4;
124
+ border-color:rgba(
125
+ calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
126
+ calc(.6 - .1 * var(--_rs-theme-dark-coefficient, 0))
127
+ );
125
128
  border-radius:50%;
126
129
 
127
- background-color:rgb(calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 207 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 204 * var(--_rs-theme-dark-coefficient, 0)));
130
+ background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
128
131
  }
129
132
 
130
- ._enabled_1rye2te_79 ._icon_1rye2te_58{
133
+ ._enabled_10ihcbf_82 ._icon_10ihcbf_58{
131
134
  cursor:pointer;
132
135
  }
133
136
 
134
- ._enabled_1rye2te_79:hover > ._icon_1rye2te_58,
135
- label:hover ._enabled_1rye2te_79 > ._icon_1rye2te_58{
136
- background-color:rgb(calc(255 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 182 * var(--_rs-theme-dark-coefficient, 0)));
137
+ ._enabled_10ihcbf_82:hover > ._icon_10ihcbf_58,
138
+ label:hover ._enabled_10ihcbf_82 > ._icon_10ihcbf_58{
139
+ border-color:rgba(
140
+ calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
141
+ calc(.7 - .1 * var(--_rs-theme-dark-coefficient, 0))
142
+ );
137
143
  }
138
144
 
139
- ._disabled_1rye2te_88 ._icon_1rye2te_58._icon_1rye2te_58,
140
- ._input_1rye2te_45:disabled + ._icon_1rye2te_58._icon_1rye2te_58,
141
- ._input_1rye2te_45:checked:disabled + ._icon_1rye2te_58{
142
- border-color:rgb(calc(186 - 92 * var(--_rs-theme-dark-coefficient, 0)), calc(186 - 92 * var(--_rs-theme-dark-coefficient, 0)), calc(187 - 91 * var(--_rs-theme-dark-coefficient, 0)));
145
+ ._disabled_10ihcbf_94 ._icon_10ihcbf_58._icon_10ihcbf_58,
146
+ ._input_10ihcbf_45:disabled + ._icon_10ihcbf_58._icon_10ihcbf_58,
147
+ ._input_10ihcbf_45:checked:disabled + ._icon_10ihcbf_58{
148
+ border-color:rgba(
149
+ calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
150
+ calc(.5 - .1 * var(--_rs-theme-dark-coefficient, 0))
151
+ );
143
152
 
144
153
  cursor:not-allowed;
145
154
  pointer-events:none;
146
155
 
156
+ background-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.05);
157
+ }
158
+
159
+ ._input_10ihcbf_45:checked:disabled + ._icon_10ihcbf_58{
147
160
  background-color:rgb(calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 193 * var(--_rs-theme-dark-coefficient, 0)));
148
161
  }
149
162
 
150
- ._enabled_1rye2te_79 ._input_1rye2te_45:active + ._icon_1rye2te_58,
151
- ._enabled_1rye2te_79 ._input_1rye2te_45:checked + ._icon_1rye2te_58{
163
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:active + ._icon_10ihcbf_58,
164
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:checked + ._icon_10ihcbf_58{
152
165
  border-color:var(--_rs-radio-button-active-icon-border-color);
153
166
 
154
167
  background-color:var(--_rs-radio-button-active-icon-background-color);
155
168
  }
156
169
 
157
- ._enabled_1rye2te_79 ._input_1rye2te_45:active + ._icon_1rye2te_58,
158
- ._enabled_1rye2te_79 ._input_1rye2te_45:checked + ._icon_1rye2te_58,
159
- ._main_1rye2te_32 ._input_1rye2te_45:checked:disabled + ._icon_1rye2te_58{
170
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:active + ._icon_10ihcbf_58,
171
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:checked + ._icon_10ihcbf_58,
172
+ ._main_10ihcbf_32 ._input_10ihcbf_45:checked:disabled + ._icon_10ihcbf_58{
160
173
  border-width:var(--_rs-radio-button-active-icon-border-width);
161
174
  }
162
175
 
163
- ._error_1rye2te_112 ._icon_1rye2te_58._icon_1rye2te_58._icon_1rye2te_58{
176
+ ._error_10ihcbf_126 ._icon_10ihcbf_58._icon_10ihcbf_58._icon_10ihcbf_58{
164
177
  border-color:var(--_rs-color-danger);
165
178
  }
166
179
 
167
- ._enabled_1rye2te_79:hover > ._icon_1rye2te_58._icon_1rye2te_58,
168
- label:hover ._enabled_1rye2te_79 > ._icon_1rye2te_58._icon_1rye2te_58,
169
- ._enabled_1rye2te_79 ._input_1rye2te_45:active:not(:checked) + ._icon_1rye2te_58{
180
+ ._enabled_10ihcbf_82:hover > ._icon_10ihcbf_58._icon_10ihcbf_58,
181
+ label:hover ._enabled_10ihcbf_82 > ._icon_10ihcbf_58._icon_10ihcbf_58,
182
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:active:not(:checked) + ._icon_10ihcbf_58{
170
183
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
171
184
  }
172
185
 
173
- ._enabled_1rye2te_79 ._input_1rye2te_45:focus-visible + ._icon_1rye2te_58,
174
- ._enabled_1rye2te_79 ._input_1rye2te_45:focus[data-focus-method='key'] + ._icon_1rye2te_58{
186
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:focus-visible + ._icon_10ihcbf_58,
187
+ ._enabled_10ihcbf_82 ._input_10ihcbf_45:focus[data-focus-method='key'] + ._icon_10ihcbf_58{
175
188
  box-shadow:0 0 0 1px rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0))), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
176
189
  }
177
190
 
@@ -180,14 +193,14 @@
180
193
  inherits:true;
181
194
  initial-value:0;
182
195
  }
183
- ._themeLight_1i8fsqg_6{
196
+ ._themeLight_pcg1hm_6{
184
197
  --rs-theme-dark:0;
185
198
  }
186
- ._themeDark_1i8fsqg_9{
199
+ ._themeDark_pcg1hm_9{
187
200
  --rs-theme-dark:1;
188
201
  }
189
202
 
190
- ._container_1i8fsqg_13{
203
+ ._container_pcg1hm_13{
191
204
  --_rs-theme-dark:var(
192
205
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
193
206
  var(--rs-theme-dark, 0)
@@ -199,7 +212,7 @@
199
212
 
200
213
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
201
214
 
202
- ._container_1i8fsqg_13{
215
+ ._container_pcg1hm_13{
203
216
  --_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)));
204
217
  --_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)));
205
218
  --_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)));
@@ -210,7 +223,7 @@
210
223
 
211
224
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
212
225
 
213
- ._container_1i8fsqg_13{
226
+ ._container_pcg1hm_13{
214
227
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
215
228
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
216
229
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -219,12 +232,12 @@
219
232
  }
220
233
  }
221
234
 
222
- ._sizeS_1i8fsqg_18{
235
+ ._sizeS_pcg1hm_18{
223
236
  --_rs-radio-button-list-label-offset:4px;
224
237
  --_rs-radio-button-list-left-offset:calc(28px);
225
238
  }
226
239
 
227
- ._sizeS_1i8fsqg_18 [data-rs-internal='radio-button-list__label']{
240
+ ._sizeS_pcg1hm_18 [data-rs-internal='radio-button-list__label']{
228
241
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
229
242
  --_rs-typography-text-transform:initial;
230
243
  --_rs-typography-font-variant-numeric:initial;
@@ -260,7 +273,7 @@
260
273
  --_rs-typography-link-border-bottom-width-from-text:1px;
261
274
  }
262
275
 
263
- ._sizeS_1i8fsqg_18 [data-rs-internal='radio-button-list__bold-label']{
276
+ ._sizeS_pcg1hm_18 [data-rs-internal='radio-button-list__bold-label']{
264
277
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
265
278
  --_rs-typography-text-transform:initial;
266
279
  --_rs-typography-font-variant-numeric:initial;
@@ -292,11 +305,11 @@
292
305
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
293
306
  --_rs-typography-link-border-bottom-width-from-text:2px;
294
307
  }
295
- ._sizeM_1i8fsqg_21{
308
+ ._sizeM_pcg1hm_21{
296
309
  --_rs-radio-button-list-label-offset:8px;
297
310
  --_rs-radio-button-list-left-offset:calc(32px);
298
311
  }
299
- ._sizeM_1i8fsqg_21 [data-rs-internal='radio-button-list__label']{
312
+ ._sizeM_pcg1hm_21 [data-rs-internal='radio-button-list__label']{
300
313
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
301
314
  --_rs-typography-text-transform:initial;
302
315
  --_rs-typography-font-variant-numeric:initial;
@@ -335,11 +348,11 @@
335
348
  --_rs-typography-link-border-bottom-width-from-text:1px;
336
349
  }
337
350
  @media screen and (max-width: 640px){
338
- ._sizeM_1i8fsqg_21 [data-rs-internal='radio-button-list__label']{
351
+ ._sizeM_pcg1hm_21 [data-rs-internal='radio-button-list__label']{
339
352
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
340
353
  }
341
354
  }
342
- ._sizeM_1i8fsqg_21 [data-rs-internal='radio-button-list__bold-label']{
355
+ ._sizeM_pcg1hm_21 [data-rs-internal='radio-button-list__bold-label']{
343
356
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
344
357
  --_rs-typography-text-transform:initial;
345
358
  --_rs-typography-font-variant-numeric:initial;
@@ -371,11 +384,11 @@
371
384
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
372
385
  --_rs-typography-link-border-bottom-width-from-text:2px;
373
386
  }
374
- ._sizeL_1i8fsqg_24{
387
+ ._sizeL_pcg1hm_24{
375
388
  --_rs-radio-button-list-label-offset:12px;
376
389
  --_rs-radio-button-list-left-offset:calc(44px);
377
390
  }
378
- ._sizeL_1i8fsqg_24 [data-rs-internal='radio-button-list__label']{
391
+ ._sizeL_pcg1hm_24 [data-rs-internal='radio-button-list__label']{
379
392
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
380
393
  --_rs-typography-text-transform:initial;
381
394
  --_rs-typography-font-variant-numeric:initial;
@@ -414,11 +427,11 @@
414
427
  --_rs-typography-link-border-bottom-width-from-text:1px;
415
428
  }
416
429
  @media screen and (max-width: 640px){
417
- ._sizeL_1i8fsqg_24 [data-rs-internal='radio-button-list__label']{
430
+ ._sizeL_pcg1hm_24 [data-rs-internal='radio-button-list__label']{
418
431
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
419
432
  }
420
433
  }
421
- ._sizeL_1i8fsqg_24 [data-rs-internal='radio-button-list__bold-label']{
434
+ ._sizeL_pcg1hm_24 [data-rs-internal='radio-button-list__bold-label']{
422
435
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
423
436
  --_rs-typography-text-transform:initial;
424
437
  --_rs-typography-font-variant-numeric:initial;
@@ -451,11 +464,11 @@
451
464
  --_rs-typography-link-border-bottom-width-from-text:2px;
452
465
  }
453
466
 
454
- ._inner_1i8fsqg_28{
467
+ ._inner_pcg1hm_28{
455
468
  --rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
456
469
  }
457
470
 
458
- ._label_1i8fsqg_32{
471
+ ._label_pcg1hm_32{
459
472
  letter-spacing:var(
460
473
  --rs-text-base-letter-spacing,
461
474
  var(--_rs-typography-letter-spacing)
@@ -476,27 +489,27 @@
476
489
  padding:0;
477
490
  }
478
491
 
479
- ._disabled_1i8fsqg_39 ._label_1i8fsqg_32{
492
+ ._disabled_pcg1hm_39 ._label_pcg1hm_32{
480
493
  color:var(
481
494
  --rs-color-pale,
482
495
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
483
496
  );
484
497
  }
485
498
 
486
- ._footer_1i8fsqg_44{
499
+ ._footer_pcg1hm_44{
487
500
  display:flex;
488
501
  flex-direction:column;
489
502
  }
490
503
 
491
- ._errorMessage_1i8fsqg_49{
504
+ ._errorMessage_pcg1hm_49{
492
505
  order:99;
493
506
  }
494
507
 
495
- ._error_1i8fsqg_49 ._errorMessage_1i8fsqg_49{
508
+ ._error_pcg1hm_49 ._errorMessage_pcg1hm_49{
496
509
  order:0;
497
510
  }
498
511
 
499
- ._note_1i8fsqg_58{
512
+ ._note_pcg1hm_58{
500
513
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
501
514
  --_rs-typography-text-transform:initial;
502
515
  --_rs-typography-font-variant-numeric:initial;
@@ -557,7 +570,7 @@
557
570
  order:1;
558
571
  }
559
572
 
560
- ._disabled_1i8fsqg_39 ._note_1i8fsqg_58{
573
+ ._disabled_pcg1hm_39 ._note_pcg1hm_58{
561
574
  --_rs-typography-hardness-color:var(
562
575
  --rs-color-pale,
563
576
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
package/lib/parts/radio-button-list.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1i8fsqg_6","themeDark":"_themeDark_1i8fsqg_9","container":"_container_1i8fsqg_13","sizeS":"_sizeS_1i8fsqg_18","sizeM":"_sizeM_1i8fsqg_21","sizeL":"_sizeL_1i8fsqg_24","inner":"_inner_1i8fsqg_28","label":"_label_1i8fsqg_32","disabled":"_disabled_1i8fsqg_39","footer":"_footer_1i8fsqg_44","errorMessage":"_errorMessage_1i8fsqg_49","error":"_error_1i8fsqg_49","note":"_note_1i8fsqg_58"};
1
+ var styles = {"themeLight":"_themeLight_pcg1hm_6","themeDark":"_themeDark_pcg1hm_9","container":"_container_pcg1hm_13","sizeS":"_sizeS_pcg1hm_18","sizeM":"_sizeM_pcg1hm_21","sizeL":"_sizeL_pcg1hm_24","inner":"_inner_pcg1hm_28","label":"_label_pcg1hm_32","disabled":"_disabled_pcg1hm_39","footer":"_footer_pcg1hm_44","errorMessage":"_errorMessage_pcg1hm_49","error":"_error_pcg1hm_49","note":"_note_pcg1hm_58"};
2
2
 
3
3
  export { styles as default };
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1rye2te_8","themeDark":"_themeDark_1rye2te_11","sizeS":"_sizeS_1rye2te_15","sizeM":"_sizeM_1rye2te_18","sizeL":"_sizeL_1rye2te_21","classic":"_classic_1rye2te_25","rock":"_rock_1rye2te_28","main":"_main_1rye2te_32","input":"_input_1rye2te_45","icon":"_icon_1rye2te_58","enabled":"_enabled_1rye2te_79","disabled":"_disabled_1rye2te_88","error":"_error_1rye2te_112"};
1
+ var styles = {"themeLight":"_themeLight_10ihcbf_8","themeDark":"_themeDark_10ihcbf_11","sizeS":"_sizeS_10ihcbf_15","sizeM":"_sizeM_10ihcbf_18","sizeL":"_sizeL_10ihcbf_21","classic":"_classic_10ihcbf_25","rock":"_rock_10ihcbf_28","main":"_main_10ihcbf_32","input":"_input_10ihcbf_45","icon":"_icon_10ihcbf_58","enabled":"_enabled_10ihcbf_82","disabled":"_disabled_10ihcbf_94","error":"_error_10ihcbf_126"};
2
2
 
3
3
  export { styles as default };
package/llm/components/radio-button.md CHANGED
@@ -8,7 +8,7 @@ Radio buttons allow the user to select one option from a set that are all visibl
8
8
 
9
9
  #### Controlled mode
10
10
 
11
- ```tsx
11
+ ```jsx
12
12
  import { useState } from 'react';
13
13
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
14
14
 
@@ -29,7 +29,7 @@ render(<Demo />);
29
29
 
30
30
  #### Default value in uncontrolled mode
31
31
 
32
- ```tsx
32
+ ```jsx
33
33
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
34
34
 
35
35
  <RadioButtonList defaultValue="2">
@@ -41,7 +41,7 @@ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
41
41
 
42
42
  #### Disabled all
43
43
 
44
- ```tsx
44
+ ```jsx
45
45
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
46
46
 
47
47
  <RadioButtonList disabled>
@@ -53,7 +53,7 @@ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
53
53
 
54
54
  #### Disabled only one
55
55
 
56
- ```tsx
56
+ ```jsx
57
57
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
58
58
 
59
59
  <RadioButtonList>
@@ -67,7 +67,7 @@ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
67
67
 
68
68
  #### With `label` on the outside
69
69
 
70
- ```tsx
70
+ ```jsx
71
71
  import { RadioButtonControl, RadioButtonManager } from '@rescui/radio-button';
72
72
 
73
73
  <RadioButtonManager>
@@ -94,7 +94,7 @@ import { RadioButtonControl, RadioButtonManager } from '@rescui/radio-button';
94
94
 
95
95
  CSS variable `--rs-out-radio-button-list-left-offset` is used to indent nested `RadioButtonList`. It is available only inside `RadioButtonList` component.
96
96
 
97
- ```tsx
97
+ ```jsx
98
98
  import { useState } from 'react';
99
99
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
100
100
  import { Input } from '@rescui/input';
@@ -145,7 +145,7 @@ render(<Demo />);
145
145
 
146
146
  Use the controls to see the effect at different viewport widths.
147
147
 
148
- ```tsx
148
+ ```jsx
149
149
  import { RadioButton, RadioButtonList } from '@rescui/radio-button';
150
150
  import { useState } from 'react';
151
151
 
@@ -195,7 +195,7 @@ render(<MyRadioButtonList />);
195
195
 
196
196
  Use the controls to see the effect at different viewport widths.
197
197
 
198
- ```tsx
198
+ ```jsx
199
199
  import { RadioButtonManager, RadioButton } from '@rescui/radio-button';
200
200
 
201
201
  const MyRadioButton = () => {
@@ -240,7 +240,7 @@ render(<MyRadioButton />);
240
240
 
241
241
  Use the controls to see the effect at different viewport widths.
242
242
 
243
- ```tsx
243
+ ```jsx
244
244
  import { RadioButtonManager, RadioButtonControl } from '@rescui/radio-button';
245
245
 
246
246
  const MyRadioButtonControl = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.13.2",
3
+ "version": "0.13.3",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@rescui/form-field": "^0.3.3",
20
- "@rescui/menu": "^0.17.2",
20
+ "@rescui/menu": "^0.18.0",
21
21
  "classnames": "^2.2.6",
22
22
  "react-compiler-runtime": "^1.0.0"
23
23
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
39
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
40
40
  }