@rescui/radio-button 0.10.4 → 0.10.6-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14

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 (7) hide show
  1. package/README.md +3 -1
  2. package/lib/index.css +55 -55
  3. package/lib/parts/radio-button-list.p.module.css.js +13 -13
  4. package/lib/parts/radio-button.p.module.css.js +13 -13
  5. package/llm/components/radio-button.md +270 -0
  6. package/llm/index.md +2 -0
  7. package/package.json +9 -8
package/README.md CHANGED
@@ -1,3 +1,5 @@
1
1
  # RadioButton
2
2
 
3
- * [Usage examples](./docs/demo.md)
3
+ ## LLM
4
+
5
+ To get the docs for the LLM, check out [this index](./llm/index.md).
package/lib/index.css CHANGED
@@ -1,35 +1,35 @@
1
- ._themeLight_1h2cgpw_8{
1
+ ._themeLight_96fa2h_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1h2cgpw_11{
4
+ ._themeDark_96fa2h_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1h2cgpw_15{
7
+ ._sizeS_96fa2h_15{
8
8
  --_rs-radio-button-size:20px;
9
9
  --_rs-radio-button-box-shadow-size:3px;
10
10
  --_rs-radio-button-active-icon-border-width:5px;
11
11
  }
12
- ._sizeM_1h2cgpw_18{
12
+ ._sizeM_96fa2h_18{
13
13
  --_rs-radio-button-size:24px;
14
14
  --_rs-radio-button-box-shadow-size:3px;
15
15
  --_rs-radio-button-active-icon-border-width:6px;
16
16
  }
17
- ._sizeL_1h2cgpw_21{
17
+ ._sizeL_96fa2h_21{
18
18
  --_rs-radio-button-size:28px;
19
19
  --_rs-radio-button-box-shadow-size:4px;
20
20
  --_rs-radio-button-active-icon-border-width:6px;
21
21
  }
22
- ._classic_1h2cgpw_25{
22
+ ._classic_96fa2h_25{
23
23
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
24
24
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
25
25
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
26
26
  }
27
- ._rock_1h2cgpw_28{
27
+ ._rock_96fa2h_28{
28
28
  --_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));
29
29
  --_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));
30
30
  --_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);
31
31
  }
32
- ._main_1h2cgpw_32{
32
+ ._main_96fa2h_32{
33
33
  --_rs-theme-dark:var(
34
34
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
35
35
  var(--rs-theme-dark, 0)
@@ -39,7 +39,7 @@
39
39
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
40
40
  }
41
41
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
42
- ._main_1h2cgpw_32{
42
+ ._main_96fa2h_32{
43
43
  --_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)));
44
44
  --_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)));
45
45
  --_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)));
@@ -48,7 +48,7 @@
48
48
  }
49
49
  }
50
50
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
51
- ._main_1h2cgpw_32{
51
+ ._main_96fa2h_32{
52
52
  --_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);
53
53
  --_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));
54
54
  --_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));
@@ -57,18 +57,18 @@
57
57
  }
58
58
  }
59
59
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
60
- ._main_1h2cgpw_32{
60
+ ._main_96fa2h_32{
61
61
  --_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)));
62
62
  --_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)));
63
63
  }
64
64
  }
65
65
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
66
- ._main_1h2cgpw_32{
66
+ ._main_96fa2h_32{
67
67
  --_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));
68
68
  --_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);
69
69
  }
70
70
  }
71
- ._main_1h2cgpw_32 {
71
+ ._main_96fa2h_32 {
72
72
 
73
73
  display:inline-block;
74
74
 
@@ -77,7 +77,7 @@
77
77
 
78
78
  vertical-align:middle;
79
79
  }
80
- ._input_1h2cgpw_45{
80
+ ._input_96fa2h_45{
81
81
  position:absolute;
82
82
  -webkit-appearance:none;
83
83
  -moz-appearance:none;
@@ -91,7 +91,7 @@
91
91
 
92
92
  border:0;
93
93
  }
94
- ._icon_1h2cgpw_58{
94
+ ._icon_96fa2h_58{
95
95
  position:relative;
96
96
 
97
97
  display:inline-block;
@@ -108,16 +108,16 @@
108
108
 
109
109
  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));
110
110
  }
111
- ._enabled_1h2cgpw_79 ._icon_1h2cgpw_58{
111
+ ._enabled_96fa2h_79 ._icon_96fa2h_58{
112
112
  cursor:pointer;
113
113
  }
114
- ._enabled_1h2cgpw_79:hover > ._icon_1h2cgpw_58,
115
- label:hover ._enabled_1h2cgpw_79 > ._icon_1h2cgpw_58{
114
+ ._enabled_96fa2h_79:hover > ._icon_96fa2h_58,
115
+ label:hover ._enabled_96fa2h_79 > ._icon_96fa2h_58{
116
116
  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));
117
117
  }
118
- ._disabled_1h2cgpw_88 ._icon_1h2cgpw_58._icon_1h2cgpw_58,
119
- ._input_1h2cgpw_45:disabled + ._icon_1h2cgpw_58._icon_1h2cgpw_58,
120
- ._input_1h2cgpw_45:checked:disabled + ._icon_1h2cgpw_58{
118
+ ._disabled_96fa2h_88 ._icon_96fa2h_58._icon_96fa2h_58,
119
+ ._input_96fa2h_45:disabled + ._icon_96fa2h_58._icon_96fa2h_58,
120
+ ._input_96fa2h_45:checked:disabled + ._icon_96fa2h_58{
121
121
  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));
122
122
 
123
123
  cursor:not-allowed;
@@ -125,36 +125,36 @@
125
125
 
126
126
  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));
127
127
  }
128
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:active + ._icon_1h2cgpw_58,
129
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:checked + ._icon_1h2cgpw_58{
128
+ ._enabled_96fa2h_79 ._input_96fa2h_45:active + ._icon_96fa2h_58,
129
+ ._enabled_96fa2h_79 ._input_96fa2h_45:checked + ._icon_96fa2h_58{
130
130
  border-color:var(--_rs-radio-button-active-icon-border-color);
131
131
 
132
132
  background-color:var(--_rs-radio-button-active-icon-background-color);
133
133
  }
134
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:active + ._icon_1h2cgpw_58,
135
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:checked + ._icon_1h2cgpw_58,
136
- ._main_1h2cgpw_32 ._input_1h2cgpw_45:checked:disabled + ._icon_1h2cgpw_58{
134
+ ._enabled_96fa2h_79 ._input_96fa2h_45:active + ._icon_96fa2h_58,
135
+ ._enabled_96fa2h_79 ._input_96fa2h_45:checked + ._icon_96fa2h_58,
136
+ ._main_96fa2h_32 ._input_96fa2h_45:checked:disabled + ._icon_96fa2h_58{
137
137
  border-width:var(--_rs-radio-button-active-icon-border-width);
138
138
  }
139
- ._error_1h2cgpw_112 ._icon_1h2cgpw_58._icon_1h2cgpw_58._icon_1h2cgpw_58{
139
+ ._error_96fa2h_112 ._icon_96fa2h_58._icon_96fa2h_58._icon_96fa2h_58{
140
140
  border-color:var(--_rs-color-danger);
141
141
  }
142
- ._enabled_1h2cgpw_79:hover > ._icon_1h2cgpw_58._icon_1h2cgpw_58,
143
- label:hover ._enabled_1h2cgpw_79 > ._icon_1h2cgpw_58._icon_1h2cgpw_58,
144
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:active:not(:checked) + ._icon_1h2cgpw_58{
142
+ ._enabled_96fa2h_79:hover > ._icon_96fa2h_58._icon_96fa2h_58,
143
+ label:hover ._enabled_96fa2h_79 > ._icon_96fa2h_58._icon_96fa2h_58,
144
+ ._enabled_96fa2h_79 ._input_96fa2h_45:active:not(:checked) + ._icon_96fa2h_58{
145
145
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
146
146
  }
147
- ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:focus[data-focus-method='key'] + ._icon_1h2cgpw_58{
147
+ ._enabled_96fa2h_79 ._input_96fa2h_45:focus[data-focus-method='key'] + ._icon_96fa2h_58{
148
148
  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);
149
149
  }
150
150
 
151
- ._themeLight_psrf7_6{
151
+ ._themeLight_2rg7qm_6{
152
152
  --rs-theme-dark:0;
153
153
  }
154
- ._themeDark_psrf7_9{
154
+ ._themeDark_2rg7qm_9{
155
155
  --rs-theme-dark:1;
156
156
  }
157
- ._container_psrf7_13{
157
+ ._container_2rg7qm_13{
158
158
  --_rs-theme-dark:var(
159
159
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
160
160
  var(--rs-theme-dark, 0)
@@ -164,7 +164,7 @@
164
164
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
165
165
  }
166
166
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
167
- ._container_psrf7_13{
167
+ ._container_2rg7qm_13{
168
168
  --_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)));
169
169
  --_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)));
170
170
  --_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)));
@@ -173,7 +173,7 @@
173
173
  }
174
174
  }
175
175
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
176
- ._container_psrf7_13{
176
+ ._container_2rg7qm_13{
177
177
  --_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);
178
178
  --_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));
179
179
  --_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));
@@ -181,11 +181,11 @@
181
181
  --_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));
182
182
  }
183
183
  }
184
- ._sizeS_psrf7_18{
184
+ ._sizeS_2rg7qm_18{
185
185
  --_rs-radio-button-list-label-offset:4px;
186
186
  --_rs-radio-button-list-left-offset:28px;
187
187
  }
188
- ._sizeS_psrf7_18 [data-rs-internal='radio-button-list__label']{
188
+ ._sizeS_2rg7qm_18 [data-rs-internal='radio-button-list__label']{
189
189
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
190
190
  --_rs-typography-text-transform:initial;
191
191
  --_rs-typography-font-variant-numeric:initial;
@@ -220,7 +220,7 @@
220
220
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
221
221
  --_rs-typography-link-border-bottom-width-from-text:1px;
222
222
  }
223
- ._sizeS_psrf7_18 [data-rs-internal='radio-button-list__bold-label']{
223
+ ._sizeS_2rg7qm_18 [data-rs-internal='radio-button-list__bold-label']{
224
224
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
225
225
  --_rs-typography-text-transform:initial;
226
226
  --_rs-typography-font-variant-numeric:initial;
@@ -252,11 +252,11 @@
252
252
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
253
253
  --_rs-typography-link-border-bottom-width-from-text:2px;
254
254
  }
255
- ._sizeM_psrf7_21{
255
+ ._sizeM_2rg7qm_21{
256
256
  --_rs-radio-button-list-label-offset:8px;
257
257
  --_rs-radio-button-list-left-offset:32px;
258
258
  }
259
- ._sizeM_psrf7_21 [data-rs-internal='radio-button-list__label']{
259
+ ._sizeM_2rg7qm_21 [data-rs-internal='radio-button-list__label']{
260
260
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
261
261
  --_rs-typography-text-transform:initial;
262
262
  --_rs-typography-font-variant-numeric:initial;
@@ -295,11 +295,11 @@
295
295
  --_rs-typography-link-border-bottom-width-from-text:1px;
296
296
  }
297
297
  @media screen and (max-width: 640px){
298
- ._sizeM_psrf7_21 [data-rs-internal='radio-button-list__label']{
298
+ ._sizeM_2rg7qm_21 [data-rs-internal='radio-button-list__label']{
299
299
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
300
300
  }
301
301
  }
302
- ._sizeM_psrf7_21 [data-rs-internal='radio-button-list__bold-label']{
302
+ ._sizeM_2rg7qm_21 [data-rs-internal='radio-button-list__bold-label']{
303
303
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
304
304
  --_rs-typography-text-transform:initial;
305
305
  --_rs-typography-font-variant-numeric:initial;
@@ -331,11 +331,11 @@
331
331
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
332
332
  --_rs-typography-link-border-bottom-width-from-text:2px;
333
333
  }
334
- ._sizeL_psrf7_24{
334
+ ._sizeL_2rg7qm_24{
335
335
  --_rs-radio-button-list-label-offset:12px;
336
336
  --_rs-radio-button-list-left-offset:44px;
337
337
  }
338
- ._sizeL_psrf7_24 [data-rs-internal='radio-button-list__label']{
338
+ ._sizeL_2rg7qm_24 [data-rs-internal='radio-button-list__label']{
339
339
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
340
340
  --_rs-typography-text-transform:initial;
341
341
  --_rs-typography-font-variant-numeric:initial;
@@ -374,11 +374,11 @@
374
374
  --_rs-typography-link-border-bottom-width-from-text:1px;
375
375
  }
376
376
  @media screen and (max-width: 640px){
377
- ._sizeL_psrf7_24 [data-rs-internal='radio-button-list__label']{
377
+ ._sizeL_2rg7qm_24 [data-rs-internal='radio-button-list__label']{
378
378
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
379
379
  }
380
380
  }
381
- ._sizeL_psrf7_24 [data-rs-internal='radio-button-list__bold-label']{
381
+ ._sizeL_2rg7qm_24 [data-rs-internal='radio-button-list__bold-label']{
382
382
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
383
383
  --_rs-typography-text-transform:initial;
384
384
  --_rs-typography-font-variant-numeric:initial;
@@ -410,10 +410,10 @@
410
410
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
411
411
  --_rs-typography-link-border-bottom-width-from-text:2px;
412
412
  }
413
- ._inner_psrf7_28{
413
+ ._inner_2rg7qm_28{
414
414
  --rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
415
415
  }
416
- ._label_psrf7_32{
416
+ ._label_2rg7qm_32{
417
417
  letter-spacing:var(
418
418
  --rs-text-base-letter-spacing,
419
419
  var(--_rs-typography-letter-spacing)
@@ -433,23 +433,23 @@
433
433
  margin:0 0 var(--_rs-radio-button-list-label-offset) 0;
434
434
  padding:0;
435
435
  }
436
- ._disabled_psrf7_39 ._label_psrf7_32{
436
+ ._disabled_2rg7qm_39 ._label_2rg7qm_32{
437
437
  color:var(
438
438
  --rs-color-pale,
439
439
  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)
440
440
  );
441
441
  }
442
- ._footer_psrf7_44{
442
+ ._footer_2rg7qm_44{
443
443
  display:flex;
444
444
  flex-direction:column;
445
445
  }
446
- ._errorMessage_psrf7_49{
446
+ ._errorMessage_2rg7qm_49{
447
447
  order:99;
448
448
  }
449
- ._error_psrf7_49 ._errorMessage_psrf7_49{
449
+ ._error_2rg7qm_49 ._errorMessage_2rg7qm_49{
450
450
  order:0;
451
451
  }
452
- ._note_psrf7_58{
452
+ ._note_2rg7qm_58{
453
453
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
454
454
  --_rs-typography-text-transform:initial;
455
455
  --_rs-typography-font-variant-numeric:initial;
@@ -509,7 +509,7 @@
509
509
 
510
510
  order:1;
511
511
  }
512
- ._disabled_psrf7_39 ._note_psrf7_58{
512
+ ._disabled_2rg7qm_39 ._note_2rg7qm_58{
513
513
  --_rs-typography-hardness-color:var(
514
514
  --rs-color-pale,
515
515
  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-list.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_psrf7_6",
3
- "themeDark": "_themeDark_psrf7_9",
4
- "container": "_container_psrf7_13",
5
- "sizeS": "_sizeS_psrf7_18",
6
- "sizeM": "_sizeM_psrf7_21",
7
- "sizeL": "_sizeL_psrf7_24",
8
- "inner": "_inner_psrf7_28",
9
- "label": "_label_psrf7_32",
10
- "disabled": "_disabled_psrf7_39",
11
- "footer": "_footer_psrf7_44",
12
- "errorMessage": "_errorMessage_psrf7_49",
13
- "error": "_error_psrf7_49",
14
- "note": "_note_psrf7_58"
2
+ "themeLight": "_themeLight_2rg7qm_6",
3
+ "themeDark": "_themeDark_2rg7qm_9",
4
+ "container": "_container_2rg7qm_13",
5
+ "sizeS": "_sizeS_2rg7qm_18",
6
+ "sizeM": "_sizeM_2rg7qm_21",
7
+ "sizeL": "_sizeL_2rg7qm_24",
8
+ "inner": "_inner_2rg7qm_28",
9
+ "label": "_label_2rg7qm_32",
10
+ "disabled": "_disabled_2rg7qm_39",
11
+ "footer": "_footer_2rg7qm_44",
12
+ "errorMessage": "_errorMessage_2rg7qm_49",
13
+ "error": "_error_2rg7qm_49",
14
+ "note": "_note_2rg7qm_58"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1h2cgpw_8",
3
- "themeDark": "_themeDark_1h2cgpw_11",
4
- "sizeS": "_sizeS_1h2cgpw_15",
5
- "sizeM": "_sizeM_1h2cgpw_18",
6
- "sizeL": "_sizeL_1h2cgpw_21",
7
- "classic": "_classic_1h2cgpw_25",
8
- "rock": "_rock_1h2cgpw_28",
9
- "main": "_main_1h2cgpw_32",
10
- "input": "_input_1h2cgpw_45",
11
- "icon": "_icon_1h2cgpw_58",
12
- "enabled": "_enabled_1h2cgpw_79",
13
- "disabled": "_disabled_1h2cgpw_88",
14
- "error": "_error_1h2cgpw_112"
2
+ "themeLight": "_themeLight_96fa2h_8",
3
+ "themeDark": "_themeDark_96fa2h_11",
4
+ "sizeS": "_sizeS_96fa2h_15",
5
+ "sizeM": "_sizeM_96fa2h_18",
6
+ "sizeL": "_sizeL_96fa2h_21",
7
+ "classic": "_classic_96fa2h_25",
8
+ "rock": "_rock_96fa2h_28",
9
+ "main": "_main_96fa2h_32",
10
+ "input": "_input_96fa2h_45",
11
+ "icon": "_icon_96fa2h_58",
12
+ "enabled": "_enabled_96fa2h_79",
13
+ "disabled": "_disabled_96fa2h_88",
14
+ "error": "_error_96fa2h_112"
15
15
  };
16
16
  export { styles as default };
package/llm/components/radio-button.md ADDED
@@ -0,0 +1,270 @@
1
+ # RadioButton
2
+
3
+ Radio buttons allow the user to select one option from a set that are all visible at once.
4
+
5
+ ## Usage
6
+
7
+ ### Features showcase
8
+
9
+ #### Controlled mode
10
+
11
+ ```tsx
12
+ import { useState } from 'react';
13
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
14
+
15
+ const Demo = () => {
16
+ const [value, setValue] = useState('2');
17
+
18
+ return (
19
+ <RadioButtonList value={value} onChange={setValue}>
20
+ <RadioButton value="1">Option 1</RadioButton>
21
+ <RadioButton value="2">Option 2</RadioButton>
22
+ <RadioButton value="3">Option 3</RadioButton>
23
+ </RadioButtonList>
24
+ );
25
+ };
26
+
27
+ render(<Demo />);
28
+ ```
29
+
30
+ #### Default value in uncontrolled mode
31
+
32
+ ```tsx
33
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
34
+
35
+ <RadioButtonList defaultValue="2">
36
+ <RadioButton value="1">Option 1</RadioButton>
37
+ <RadioButton value="2">Option 2</RadioButton>
38
+ <RadioButton value="3">Option 3</RadioButton>
39
+ </RadioButtonList>;
40
+ ```
41
+
42
+ #### Disabled all
43
+
44
+ ```tsx
45
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
46
+
47
+ <RadioButtonList disabled>
48
+ <RadioButton value="1">Option 1</RadioButton>
49
+ <RadioButton value="2">Option 2</RadioButton>
50
+ <RadioButton value="3">Option 3</RadioButton>
51
+ </RadioButtonList>;
52
+ ```
53
+
54
+ #### Disabled only one
55
+
56
+ ```tsx
57
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
58
+
59
+ <RadioButtonList>
60
+ <RadioButton value="1">Option 1</RadioButton>
61
+ <RadioButton disabled value="2">
62
+ Option 2
63
+ </RadioButton>
64
+ <RadioButton value="3">Option 3</RadioButton>
65
+ </RadioButtonList>;
66
+ ```
67
+
68
+ #### With `label` on the outside
69
+
70
+ ```tsx
71
+ import { RadioButtonControl, RadioButtonManager } from '@rescui/radio-button';
72
+
73
+ <RadioButtonManager>
74
+ <p>
75
+ <label>
76
+ <span className="rs-text-2" style={{ marginRight: 8 }}>
77
+ custom description 1:
78
+ </span>
79
+ <RadioButtonControl notUseLabelTag value="1" />
80
+ </label>
81
+ </p>
82
+ <p>
83
+ <label>
84
+ <span className="rs-text-2" style={{ marginRight: 8 }}>
85
+ custom description 2:
86
+ </span>
87
+ <RadioButtonControl notUseLabelTag value="2" />
88
+ </label>
89
+ </p>
90
+ </RadioButtonManager>;
91
+ ```
92
+
93
+ #### Conditional Input
94
+
95
+ CSS variable `--rs-out-radio-button-list-left-offset` is used to indent nested `RadioButtonList`. It is available only inside `RadioButtonList` component.
96
+
97
+ ```tsx
98
+ import { useState } from 'react';
99
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
100
+ import { Input } from '@rescui/input';
101
+
102
+ const Demo = () => {
103
+ const [groupValue, setGroupValue] = useState('other');
104
+ const [otherValue, setOtherValue] = useState('');
105
+
106
+ return (
107
+ <RadioButtonList
108
+ value={groupValue}
109
+ onChange={setGroupValue}
110
+ style={{ maxWidth: 400 }}
111
+ label="Are you using Rider under license?"
112
+ >
113
+ <RadioButton value="yes">Yes, I have a Rider license</RadioButton>
114
+ <RadioButton value="other">Other</RadioButton>
115
+ {groupValue === 'other' && (
116
+ <Input
117
+ style={{
118
+ marginLeft: 'var(--rs-out-radio-button-list-left-offset)'
119
+ }}
120
+ placeholder="Please enter your reason"
121
+ value={otherValue}
122
+ onChange={e => setOtherValue(e.target.value)}
123
+ />
124
+ )}
125
+ </RadioButtonList>
126
+ );
127
+ };
128
+
129
+ render(<Demo />);
130
+ ```
131
+
132
+ ## CSS Mixins API
133
+
134
+ #### `RadioButtonList` mixins
135
+
136
+ | Mixin name | Details |
137
+ | --- | --- |
138
+ | `rs-radio-button-list-size-s` | prop: `size`<br><br>value: `"s"` |
139
+ | `rs-radio-button-list-size-m` | prop: `size`<br><br>value: `"m"` |
140
+ | `rs-radio-button-list-size-l` | prop: `size`<br><br>value: `"l"` |
141
+ | `rs-radio-button-list-mode-classic` | prop: `mode`<br><br>value: `"classic"` |
142
+ | `rs-radio-button-list-mode-rock` | prop: `mode`<br><br>value: `"rock"` |
143
+
144
+ ##### Demo
145
+
146
+ Use the controls to see the effect at different viewport widths.
147
+
148
+ ```tsx
149
+ import { RadioButton, RadioButtonList } from '@rescui/radio-button';
150
+ import { useState } from 'react';
151
+
152
+ const MyRadioButtonList = () => {
153
+ const [groupValue, setGroupValue] = useState('item2');
154
+ return (
155
+ <RadioButtonList
156
+ value={groupValue}
157
+ onChange={setGroupValue}
158
+ className="my-radio-button-list"
159
+ >
160
+ <RadioButton value="item1">Option 1</RadioButton>
161
+ <RadioButton value="item2">Option 2</RadioButton>
162
+ </RadioButtonList>
163
+ );
164
+ };
165
+
166
+ render(<MyRadioButtonList />);
167
+ ```
168
+
169
+ ```postcss
170
+ @import '@rescui/radio-button/lib/public-api.p.css';
171
+
172
+ .my-radio-button-list {
173
+ @media (max-width: 640px) {
174
+ @mixin rs-radio-button-list-size-l;
175
+ @mixin rs-radio-button-list-mode-rock;
176
+ }
177
+ @media (max-width: 500px) {
178
+ @mixin rs-radio-button-list-size-s;
179
+ @mixin rs-radio-button-list-mode-classic;
180
+ }
181
+ }
182
+ ```
183
+
184
+ #### `RadioButton` mixins
185
+
186
+ | Mixin name | Details |
187
+ | --- | --- |
188
+ | `rs-radio-button-size-s` | prop: `size`<br><br>value: `"s"` |
189
+ | `rs-radio-button-size-m` | prop: `size`<br><br>value: `"m"` |
190
+ | `rs-radio-button-size-l` | prop: `size`<br><br>value: `"l"` |
191
+ | `rs-radio-button-mode-classic` | prop: `mode`<br><br>value: `"classic"` |
192
+ | `rs-radio-button-mode-rock` | prop: `mode`<br><br>value: `"rock"` |
193
+
194
+ ##### Demo
195
+
196
+ Use the controls to see the effect at different viewport widths.
197
+
198
+ ```tsx
199
+ import { RadioButtonManager, RadioButton } from '@rescui/radio-button';
200
+
201
+ const MyRadioButton = () => {
202
+ return (
203
+ <RadioButtonManager value="1">
204
+ <RadioButton className="my-radio-button" value="1">
205
+ Option
206
+ </RadioButton>
207
+ </RadioButtonManager>
208
+ );
209
+ };
210
+
211
+ render(<MyRadioButton />);
212
+ ```
213
+
214
+ ```postcss attached
215
+ @import '@rescui/radio-button/lib/public-api.p.css';
216
+
217
+ .my-radio-button {
218
+ @media (max-width: 640px) {
219
+ @mixin rs-radio-button-size-l;
220
+ @mixin rs-radio-button-mode-rock;
221
+ }
222
+ @media (max-width: 500px) {
223
+ @mixin rs-radio-button-size-s;
224
+ @mixin rs-radio-button-mode-classic;
225
+ }
226
+ }
227
+ ```
228
+
229
+ #### `RadioButtonControl` mixins
230
+
231
+ | Mixin name | Details |
232
+ | --- | --- |
233
+ | `rs-radio-button-control-size-s` | prop: `size`<br><br>value: `"s"` |
234
+ | `rs-radio-button-control-size-m` | prop: `size`<br><br>value: `"m"` |
235
+ | `rs-radio-button-control-size-l` | prop: `size`<br><br>value: `"l"` |
236
+ | `rs-radio-button-control-mode-classic` | prop: `mode`<br><br>value: `"classic"` |
237
+ | `rs-radio-button-control-mode-rock` | prop: `mode`<br><br>value: `"rock"` |
238
+
239
+ ##### Demo
240
+
241
+ Use the controls to see the effect at different viewport widths.
242
+
243
+ ```tsx
244
+ import { RadioButtonManager, RadioButtonControl } from '@rescui/radio-button';
245
+
246
+ const MyRadioButtonControl = () => {
247
+ return (
248
+ <RadioButtonManager value="1">
249
+ <RadioButtonControl className="my-radio-button-control" value="1" />
250
+ </RadioButtonManager>
251
+ );
252
+ };
253
+
254
+ render(<MyRadioButtonControl />);
255
+ ```
256
+
257
+ ```postcss
258
+ @import '@rescui/radio-button/lib/public-api.p.css';
259
+
260
+ .my-radio-button-control {
261
+ @media (max-width: 640px) {
262
+ @mixin rs-radio-button-control-size-l;
263
+ @mixin rs-radio-button-control-mode-rock;
264
+ }
265
+ @media (max-width: 500px) {
266
+ @mixin rs-radio-button-control-size-s;
267
+ @mixin rs-radio-button-control-mode-classic;
268
+ }
269
+ }
270
+ ```
package/llm/index.md ADDED
@@ -0,0 +1,2 @@
1
+ - Components and Hooks
2
+ - [RadioButton](./components/radio-button.md)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.10.4",
3
+ "version": "0.10.6-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -9,6 +9,7 @@
9
9
  "src:main": "src/index.ts",
10
10
  "files": [
11
11
  "lib",
12
+ "llm",
12
13
  "LICENSE.txt"
13
14
  ],
14
15
  "publishConfig": {
@@ -16,24 +17,24 @@
16
17
  },
17
18
  "dependencies": {
18
19
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/form-field": "^0.1.4",
20
- "@rescui/menu": "^0.13.6",
20
+ "@rescui/form-field": "0.1.6-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
21
+ "@rescui/menu": "0.13.8-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
21
22
  "classnames": "^2.2.6"
22
23
  },
23
24
  "peerDependencies": {
24
25
  "@rescui/ui-contexts": "^0.6.0",
25
26
  "prop-types": "^15",
26
- "react": ">=16.8.0 <20"
27
+ "react": ">=17.0.0 <20"
27
28
  },
28
29
  "devDependencies": {
29
- "@rescui/colors": "^0.3.1",
30
- "@rescui/scripts": "^0.5.2",
31
- "@rescui/typography": "^0.27.1"
30
+ "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
31
+ "@rescui/scripts": "0.5.2",
32
+ "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8"
32
33
  },
33
34
  "scripts": {
34
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
35
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
37
  },
37
38
  "nx": {},
38
- "gitHead": "a04f6790abce8e72834eedce3512ee83513c5e78"
39
+ "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
39
40
  }