@rescui/radio-button 0.10.2 → 0.10.4

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 (12) hide show
  1. package/lib/index.css +55 -55
  2. package/lib/index.d.ts +8 -8
  3. package/lib/parts/radio-button-control.d.ts +15 -15
  4. package/lib/parts/radio-button-control.js +3 -6
  5. package/lib/parts/radio-button-list.d.ts +18 -18
  6. package/lib/parts/radio-button-list.p.module.css.js +13 -13
  7. package/lib/parts/radio-button-manager.d.ts +26 -26
  8. package/lib/parts/radio-button.p.module.css.js +13 -13
  9. package/lib/parts/radio-group-context.d.ts +14 -15
  10. package/lib/parts/use-backward-compatible-id.d.ts +4 -4
  11. package/lib/radio-button.d.ts +11 -11
  12. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,35 +1,35 @@
1
- ._themeLight_1el3zsz_8{
1
+ ._themeLight_1h2cgpw_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1el3zsz_11{
4
+ ._themeDark_1h2cgpw_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1el3zsz_15{
7
+ ._sizeS_1h2cgpw_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_1el3zsz_18{
12
+ ._sizeM_1h2cgpw_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_1el3zsz_21{
17
+ ._sizeL_1h2cgpw_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_1el3zsz_25{
22
+ ._classic_1h2cgpw_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_1el3zsz_28{
27
+ ._rock_1h2cgpw_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_1el3zsz_32{
32
+ ._main_1h2cgpw_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_1el3zsz_32{
42
+ ._main_1h2cgpw_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_1el3zsz_32{
51
+ ._main_1h2cgpw_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_1el3zsz_32{
60
+ ._main_1h2cgpw_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_1el3zsz_32{
66
+ ._main_1h2cgpw_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_1el3zsz_32 {
71
+ ._main_1h2cgpw_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_1el3zsz_45{
80
+ ._input_1h2cgpw_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_1el3zsz_58{
94
+ ._icon_1h2cgpw_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_1el3zsz_79 ._icon_1el3zsz_58{
111
+ ._enabled_1h2cgpw_79 ._icon_1h2cgpw_58{
112
112
  cursor:pointer;
113
113
  }
114
- ._enabled_1el3zsz_79:hover > ._icon_1el3zsz_58,
115
- label:hover ._enabled_1el3zsz_79 > ._icon_1el3zsz_58{
114
+ ._enabled_1h2cgpw_79:hover > ._icon_1h2cgpw_58,
115
+ label:hover ._enabled_1h2cgpw_79 > ._icon_1h2cgpw_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_1el3zsz_88 ._icon_1el3zsz_58._icon_1el3zsz_58,
119
- ._input_1el3zsz_45:disabled + ._icon_1el3zsz_58._icon_1el3zsz_58,
120
- ._input_1el3zsz_45:checked:disabled + ._icon_1el3zsz_58{
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{
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_1el3zsz_79 ._input_1el3zsz_45:active + ._icon_1el3zsz_58,
129
- ._enabled_1el3zsz_79 ._input_1el3zsz_45:checked + ._icon_1el3zsz_58{
128
+ ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:active + ._icon_1h2cgpw_58,
129
+ ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:checked + ._icon_1h2cgpw_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_1el3zsz_79 ._input_1el3zsz_45:active + ._icon_1el3zsz_58,
135
- ._enabled_1el3zsz_79 ._input_1el3zsz_45:checked + ._icon_1el3zsz_58,
136
- ._main_1el3zsz_32 ._input_1el3zsz_45:checked:disabled + ._icon_1el3zsz_58{
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{
137
137
  border-width:var(--_rs-radio-button-active-icon-border-width);
138
138
  }
139
- ._error_1el3zsz_112 ._icon_1el3zsz_58._icon_1el3zsz_58._icon_1el3zsz_58{
139
+ ._error_1h2cgpw_112 ._icon_1h2cgpw_58._icon_1h2cgpw_58._icon_1h2cgpw_58{
140
140
  border-color:var(--_rs-color-danger);
141
141
  }
142
- ._enabled_1el3zsz_79:hover > ._icon_1el3zsz_58._icon_1el3zsz_58,
143
- label:hover ._enabled_1el3zsz_79 > ._icon_1el3zsz_58._icon_1el3zsz_58,
144
- ._enabled_1el3zsz_79 ._input_1el3zsz_45:active:not(:checked) + ._icon_1el3zsz_58{
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{
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_1el3zsz_79 ._input_1el3zsz_45:focus[data-focus-method='key'] + ._icon_1el3zsz_58{
147
+ ._enabled_1h2cgpw_79 ._input_1h2cgpw_45:focus[data-focus-method='key'] + ._icon_1h2cgpw_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_1fv7r2s_6{
151
+ ._themeLight_psrf7_6{
152
152
  --rs-theme-dark:0;
153
153
  }
154
- ._themeDark_1fv7r2s_9{
154
+ ._themeDark_psrf7_9{
155
155
  --rs-theme-dark:1;
156
156
  }
157
- ._container_1fv7r2s_13{
157
+ ._container_psrf7_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_1fv7r2s_13{
167
+ ._container_psrf7_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_1fv7r2s_13{
176
+ ._container_psrf7_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_1fv7r2s_18{
184
+ ._sizeS_psrf7_18{
185
185
  --_rs-radio-button-list-label-offset:4px;
186
186
  --_rs-radio-button-list-left-offset:28px;
187
187
  }
188
- ._sizeS_1fv7r2s_18 [data-rs-internal='radio-button-list__label']{
188
+ ._sizeS_psrf7_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_1fv7r2s_18 [data-rs-internal='radio-button-list__bold-label']{
223
+ ._sizeS_psrf7_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_1fv7r2s_21{
255
+ ._sizeM_psrf7_21{
256
256
  --_rs-radio-button-list-label-offset:8px;
257
257
  --_rs-radio-button-list-left-offset:32px;
258
258
  }
259
- ._sizeM_1fv7r2s_21 [data-rs-internal='radio-button-list__label']{
259
+ ._sizeM_psrf7_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_1fv7r2s_21 [data-rs-internal='radio-button-list__label']{
298
+ ._sizeM_psrf7_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_1fv7r2s_21 [data-rs-internal='radio-button-list__bold-label']{
302
+ ._sizeM_psrf7_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_1fv7r2s_24{
334
+ ._sizeL_psrf7_24{
335
335
  --_rs-radio-button-list-label-offset:12px;
336
336
  --_rs-radio-button-list-left-offset:44px;
337
337
  }
338
- ._sizeL_1fv7r2s_24 [data-rs-internal='radio-button-list__label']{
338
+ ._sizeL_psrf7_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_1fv7r2s_24 [data-rs-internal='radio-button-list__label']{
377
+ ._sizeL_psrf7_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_1fv7r2s_24 [data-rs-internal='radio-button-list__bold-label']{
381
+ ._sizeL_psrf7_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_1fv7r2s_28{
413
+ ._inner_psrf7_28{
414
414
  --rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
415
415
  }
416
- ._label_1fv7r2s_32{
416
+ ._label_psrf7_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_1fv7r2s_39 ._label_1fv7r2s_32{
436
+ ._disabled_psrf7_39 ._label_psrf7_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_1fv7r2s_44{
442
+ ._footer_psrf7_44{
443
443
  display:flex;
444
444
  flex-direction:column;
445
445
  }
446
- ._errorMessage_1fv7r2s_49{
446
+ ._errorMessage_psrf7_49{
447
447
  order:99;
448
448
  }
449
- ._error_1fv7r2s_49 ._errorMessage_1fv7r2s_49{
449
+ ._error_psrf7_49 ._errorMessage_psrf7_49{
450
450
  order:0;
451
451
  }
452
- ._note_1fv7r2s_58{
452
+ ._note_psrf7_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_1fv7r2s_39 ._note_1fv7r2s_58{
512
+ ._disabled_psrf7_39 ._note_psrf7_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/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export { RadioButton } from './radio-button';
2
- export type { RadioButtonProps } from './radio-button';
3
- export { RadioButtonControl } from './parts/radio-button-control';
4
- export type { RadioButtonControlProps } from './parts/radio-button-control';
5
- export { RadioButtonList } from './parts/radio-button-list';
6
- export type { RadioButtonListProps } from './parts/radio-button-list';
7
- export { RadioButtonManager } from './parts/radio-button-manager';
8
- export type { RadioButtonManagerProps } from './parts/radio-button-manager';
1
+ export { RadioButton } from './radio-button';
2
+ export type { RadioButtonProps } from './radio-button';
3
+ export { RadioButtonControl } from './parts/radio-button-control';
4
+ export type { RadioButtonControlProps } from './parts/radio-button-control';
5
+ export { RadioButtonList } from './parts/radio-button-list';
6
+ export type { RadioButtonListProps } from './parts/radio-button-list';
7
+ export { RadioButtonManager } from './parts/radio-button-manager';
8
+ export type { RadioButtonManagerProps } from './parts/radio-button-manager';
package/lib/parts/radio-button-control.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- import React from 'react';
2
- export declare type RadioSize = 's' | 'm' | 'l';
3
- export declare type RadioMode = 'classic' | 'rock';
4
- export interface RadioButtonControlProps {
5
- className?: string;
6
- /** Disabled state */
7
- disabled?: boolean;
8
- /** Error state */
9
- error?: boolean;
10
- /** Value used to identify which radio button in a group is selected. The value is never shown to the user by their user agent. */
11
- value: string;
12
- /** Cancel the use of the `label` tag inside. Set it to `true` only if the component is wrapped in a `label` on the outside. */
13
- notUseLabelTag?: boolean;
14
- }
15
- export declare const RadioButtonControl: React.ForwardRefExoticComponent<RadioButtonControlProps & React.RefAttributes<HTMLInputElement>>;
1
+ import React from 'react';
2
+ export type RadioSize = 's' | 'm' | 'l';
3
+ export type RadioMode = 'classic' | 'rock';
4
+ export interface RadioButtonControlProps {
5
+ className?: string;
6
+ /** Disabled state */
7
+ disabled?: boolean;
8
+ /** Error state */
9
+ error?: boolean;
10
+ /** Value used to identify which radio button in a group is selected. The value is never shown to the user by their user agent. */
11
+ value: string;
12
+ /** Cancel the use of the `label` tag inside. Set it to `true` only if the component is wrapped in a `label` on the outside. */
13
+ notUseLabelTag?: boolean;
14
+ }
15
+ export declare const RadioButtonControl: React.ForwardRefExoticComponent<RadioButtonControlProps & React.RefAttributes<HTMLInputElement>>;
package/lib/parts/radio-button-control.js CHANGED
@@ -19,15 +19,12 @@ 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
+ // @ts-expect-error manually extracting this possible prop from the props object
24
23
  children,
25
24
  disabled: disabledFromProps,
26
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore, react/prop-types
27
- // @ts-ignore
25
+ // @ts-expect-error manually extracting this possible prop from the props object
28
26
  onChange,
29
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore, react/prop-types
30
- // @ts-ignore
27
+ // @ts-expect-error manually extracting this possible prop from the props object
31
28
  checked,
32
29
  value: ownValue,
33
30
  className,
package/lib/parts/radio-button-list.d.ts CHANGED
@@ -1,18 +1,18 @@
1
- import React from 'react';
2
- import { RadioButtonManagerProps } from './radio-button-manager';
3
- export declare type RadioButtonListProps = Omit<RadioButtonManagerProps, 'error'> & {
4
- className?: string;
5
- id?: string;
6
- style?: object;
7
- label?: React.ReactNode;
8
- note?: React.ReactNode;
9
- /** Error flag or message */
10
- error?: React.ReactNode;
11
- /**
12
- * If `true`, there will be reserved a space for a 1-line error message. Subsequent lines will be placed below normally.
13
- * If `false`, there will be no reservation.
14
- */
15
- reserveErrorLine?: boolean;
16
- boldLabel?: boolean;
17
- };
18
- export declare const RadioButtonList: React.FC<RadioButtonListProps>;
1
+ import React from 'react';
2
+ import { RadioButtonManagerProps } from './radio-button-manager';
3
+ export type RadioButtonListProps = Omit<RadioButtonManagerProps, 'error'> & {
4
+ className?: string;
5
+ id?: string;
6
+ style?: object;
7
+ label?: React.ReactNode;
8
+ note?: React.ReactNode;
9
+ /** Error flag or message */
10
+ error?: React.ReactNode;
11
+ /**
12
+ * If `true`, there will be reserved a space for a 1-line error message. Subsequent lines will be placed below normally.
13
+ * If `false`, there will be no reservation.
14
+ */
15
+ reserveErrorLine?: boolean;
16
+ boldLabel?: boolean;
17
+ };
18
+ export declare const RadioButtonList: React.FC<RadioButtonListProps>;
package/lib/parts/radio-button-list.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1fv7r2s_6",
3
- "themeDark": "_themeDark_1fv7r2s_9",
4
- "container": "_container_1fv7r2s_13",
5
- "sizeS": "_sizeS_1fv7r2s_18",
6
- "sizeM": "_sizeM_1fv7r2s_21",
7
- "sizeL": "_sizeL_1fv7r2s_24",
8
- "inner": "_inner_1fv7r2s_28",
9
- "label": "_label_1fv7r2s_32",
10
- "disabled": "_disabled_1fv7r2s_39",
11
- "footer": "_footer_1fv7r2s_44",
12
- "errorMessage": "_errorMessage_1fv7r2s_49",
13
- "error": "_error_1fv7r2s_49",
14
- "note": "_note_1fv7r2s_58"
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"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/radio-button-manager.d.ts CHANGED
@@ -1,26 +1,26 @@
1
- import React from 'react';
2
- import { Theme } from '@rescui/ui-contexts';
3
- import { RadioSize, RadioMode } from './radio-button-control';
4
- export interface RadioButtonManagerProps {
5
- /** Any type of content */
6
- children?: React.ReactNode;
7
- /** Initial value for uncontrolled mode */
8
- defaultValue?: string;
9
- /** Disabled state */
10
- disabled?: boolean;
11
- /** Error state */
12
- error?: boolean;
13
- /** Appearance theme */
14
- theme?: Theme;
15
- /** Change value callback. `value => ...` */
16
- onChange?: (value: string) => void;
17
- /** Set value to control state of the component. `onChange` callback is required. */
18
- value?: string;
19
- /** Size of the list */
20
- size?: RadioSize;
21
- /** Mode of the radio buttons in list */
22
- mode?: RadioMode;
23
- /** Name of the each radio button in the list */
24
- name?: string;
25
- }
26
- export declare const RadioButtonManager: React.FC<RadioButtonManagerProps>;
1
+ import React from 'react';
2
+ import { Theme } from '@rescui/ui-contexts';
3
+ import { RadioSize, RadioMode } from './radio-button-control';
4
+ export interface RadioButtonManagerProps {
5
+ /** Any type of content */
6
+ children?: React.ReactNode;
7
+ /** Initial value for uncontrolled mode */
8
+ defaultValue?: string;
9
+ /** Disabled state */
10
+ disabled?: boolean;
11
+ /** Error state */
12
+ error?: boolean;
13
+ /** Appearance theme */
14
+ theme?: Theme;
15
+ /** Change value callback. `value => ...` */
16
+ onChange?: (value: string) => void;
17
+ /** Set value to control state of the component. `onChange` callback is required. */
18
+ value?: string;
19
+ /** Size of the list */
20
+ size?: RadioSize;
21
+ /** Mode of the radio buttons in list */
22
+ mode?: RadioMode;
23
+ /** Name of the each radio button in the list */
24
+ name?: string;
25
+ }
26
+ export declare const RadioButtonManager: React.FC<RadioButtonManagerProps>;
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1el3zsz_8",
3
- "themeDark": "_themeDark_1el3zsz_11",
4
- "sizeS": "_sizeS_1el3zsz_15",
5
- "sizeM": "_sizeM_1el3zsz_18",
6
- "sizeL": "_sizeL_1el3zsz_21",
7
- "classic": "_classic_1el3zsz_25",
8
- "rock": "_rock_1el3zsz_28",
9
- "main": "_main_1el3zsz_32",
10
- "input": "_input_1el3zsz_45",
11
- "icon": "_icon_1el3zsz_58",
12
- "enabled": "_enabled_1el3zsz_79",
13
- "disabled": "_disabled_1el3zsz_88",
14
- "error": "_error_1el3zsz_112"
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"
15
15
  };
16
16
  export { styles as default };
package/lib/parts/radio-group-context.d.ts CHANGED
@@ -1,15 +1,14 @@
1
- /// <reference types="react" />
2
- import { Theme } from '@rescui/ui-contexts';
3
- import { RadioMode, RadioSize } from './radio-button-control';
4
- export declare type RadioGroupContextType = {
5
- error?: boolean;
6
- theme?: Theme;
7
- size?: RadioSize;
8
- mode?: RadioMode;
9
- disabled?: boolean;
10
- name?: string;
11
- setValue: (val: string) => void;
12
- value: string;
13
- };
14
- declare const _default: import("react").Context<RadioGroupContextType>;
15
- export default _default;
1
+ import { Theme } from '@rescui/ui-contexts';
2
+ import { RadioMode, RadioSize } from './radio-button-control';
3
+ export type RadioGroupContextType = {
4
+ error?: boolean;
5
+ theme?: Theme;
6
+ size?: RadioSize;
7
+ mode?: RadioMode;
8
+ disabled?: boolean;
9
+ name?: string;
10
+ setValue: (val: string) => void;
11
+ value: string;
12
+ };
13
+ declare const _default: import("react").Context<RadioGroupContextType>;
14
+ export default _default;
package/lib/parts/use-backward-compatible-id.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const useBackwardCompatibleId: {
2
- (): string | number;
3
- counter: number;
4
- };
1
+ export declare const useBackwardCompatibleId: {
2
+ (): string | number;
3
+ counter: number;
4
+ };
package/lib/radio-button.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import React from 'react';
2
- import { RadioButtonControlProps } from './parts/radio-button-control';
3
- export declare type RadioButtonProps = RadioButtonControlProps & {
4
- /** Node or text to show near the input */
5
- children?: React.ReactNode;
6
- };
7
- export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonControlProps & {
8
- /** Node or text to show near the input */
9
- children?: React.ReactNode;
10
- } & React.RefAttributes<HTMLInputElement>>;
11
- export default RadioButton;
1
+ import React from 'react';
2
+ import { RadioButtonControlProps } from './parts/radio-button-control';
3
+ export type RadioButtonProps = RadioButtonControlProps & {
4
+ /** Node or text to show near the input */
5
+ children?: React.ReactNode;
6
+ };
7
+ export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonControlProps & {
8
+ /** Node or text to show near the input */
9
+ children?: React.ReactNode;
10
+ } & React.RefAttributes<HTMLInputElement>>;
11
+ export default RadioButton;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.10.2",
3
+ "version": "0.10.4",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/form-field": "^0.1.2",
20
- "@rescui/menu": "^0.13.4",
19
+ "@rescui/form-field": "^0.1.4",
20
+ "@rescui/menu": "^0.13.6",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,14 +26,14 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.3.0",
30
- "@rescui/scripts": "^0.5.1",
31
- "@rescui/typography": "^0.26.0"
29
+ "@rescui/colors": "^0.3.1",
30
+ "@rescui/scripts": "^0.5.2",
31
+ "@rescui/typography": "^0.27.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build && yarn run build-pcss-api",
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "faa7a838502974c16bdf773ab001002d1b8dcca8"
38
+ "gitHead": "a04f6790abce8e72834eedce3512ee83513c5e78"
39
39
  }