@rescui/radio-button 0.10.5 → 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.
package/lib/index.css
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
.
|
|
1
|
+
._themeLight_96fa2h_8{
|
|
2
2
|
--rs-theme-dark:0;
|
|
3
3
|
}
|
|
4
|
-
.
|
|
4
|
+
._themeDark_96fa2h_11{
|
|
5
5
|
--rs-theme-dark:1;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
111
|
+
._enabled_96fa2h_79 ._icon_96fa2h_58{
|
|
112
112
|
cursor:pointer;
|
|
113
113
|
}
|
|
114
|
-
.
|
|
115
|
-
label:hover .
|
|
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
|
-
.
|
|
119
|
-
.
|
|
120
|
-
.
|
|
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
|
-
.
|
|
129
|
-
.
|
|
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
|
-
.
|
|
135
|
-
.
|
|
136
|
-
.
|
|
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
|
-
.
|
|
139
|
+
._error_96fa2h_112 ._icon_96fa2h_58._icon_96fa2h_58._icon_96fa2h_58{
|
|
140
140
|
border-color:var(--_rs-color-danger);
|
|
141
141
|
}
|
|
142
|
-
.
|
|
143
|
-
label:hover .
|
|
144
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
151
|
+
._themeLight_2rg7qm_6{
|
|
152
152
|
--rs-theme-dark:0;
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
._themeDark_2rg7qm_9{
|
|
155
155
|
--rs-theme-dark:1;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
413
|
+
._inner_2rg7qm_28{
|
|
414
414
|
--rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
|
|
415
415
|
}
|
|
416
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
442
|
+
._footer_2rg7qm_44{
|
|
443
443
|
display:flex;
|
|
444
444
|
flex-direction:column;
|
|
445
445
|
}
|
|
446
|
-
.
|
|
446
|
+
._errorMessage_2rg7qm_49{
|
|
447
447
|
order:99;
|
|
448
448
|
}
|
|
449
|
-
.
|
|
449
|
+
._error_2rg7qm_49 ._errorMessage_2rg7qm_49{
|
|
450
450
|
order:0;
|
|
451
451
|
}
|
|
452
|
-
.
|
|
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
|
-
.
|
|
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)
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"container": "
|
|
5
|
-
"sizeS": "
|
|
6
|
-
"sizeM": "
|
|
7
|
-
"sizeL": "
|
|
8
|
-
"inner": "
|
|
9
|
-
"label": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"footer": "
|
|
12
|
-
"errorMessage": "
|
|
13
|
-
"error": "
|
|
14
|
-
"note": "
|
|
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 };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"main": "
|
|
10
|
-
"input": "
|
|
11
|
-
"icon": "
|
|
12
|
-
"enabled": "
|
|
13
|
-
"disabled": "
|
|
14
|
-
"error": "
|
|
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 };
|
|
@@ -143,58 +143,41 @@ render(<Demo />);
|
|
|
143
143
|
|
|
144
144
|
##### Demo
|
|
145
145
|
|
|
146
|
-
|
|
146
|
+
Use the controls to see the effect at different viewport widths.
|
|
147
147
|
|
|
148
148
|
```tsx
|
|
149
149
|
import { RadioButton, RadioButtonList } from '@rescui/radio-button';
|
|
150
150
|
import { useState } from 'react';
|
|
151
151
|
|
|
152
|
-
const MyRadioButtonList = (
|
|
152
|
+
const MyRadioButtonList = () => {
|
|
153
153
|
const [groupValue, setGroupValue] = useState('item2');
|
|
154
154
|
return (
|
|
155
|
-
<
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
>
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
</RadioButtonList>
|
|
164
|
-
</div>
|
|
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>
|
|
165
163
|
);
|
|
166
164
|
};
|
|
167
165
|
|
|
168
|
-
render(
|
|
169
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
|
|
170
|
-
<div>
|
|
171
|
-
<p>Default:</p>
|
|
172
|
-
<MyRadioButtonList />
|
|
173
|
-
</div>
|
|
174
|
-
<div>
|
|
175
|
-
<p>Var1:</p>
|
|
176
|
-
<MyRadioButtonList className={`my-radio-button-list-var-1`} />
|
|
177
|
-
</div>
|
|
178
|
-
<div>
|
|
179
|
-
<p>Var1 & Var2 combined:</p>
|
|
180
|
-
<MyRadioButtonList
|
|
181
|
-
className={`my-radio-button-list-var-1 my-radio-button-list-var-2`}
|
|
182
|
-
/>
|
|
183
|
-
</div>
|
|
184
|
-
</div>
|
|
185
|
-
);
|
|
166
|
+
render(<MyRadioButtonList />);
|
|
186
167
|
```
|
|
187
168
|
|
|
188
169
|
```postcss
|
|
189
170
|
@import '@rescui/radio-button/lib/public-api.p.css';
|
|
190
171
|
|
|
191
|
-
.my-radio-button-list
|
|
192
|
-
@
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
@
|
|
197
|
-
|
|
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
|
+
}
|
|
198
181
|
}
|
|
199
182
|
```
|
|
200
183
|
|
|
@@ -210,53 +193,36 @@ render(
|
|
|
210
193
|
|
|
211
194
|
##### Demo
|
|
212
195
|
|
|
213
|
-
|
|
196
|
+
Use the controls to see the effect at different viewport widths.
|
|
214
197
|
|
|
215
198
|
```tsx
|
|
216
199
|
import { RadioButtonManager, RadioButton } from '@rescui/radio-button';
|
|
217
200
|
|
|
218
|
-
const MyRadioButton = (
|
|
201
|
+
const MyRadioButton = () => {
|
|
219
202
|
return (
|
|
220
|
-
<
|
|
221
|
-
<
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
</RadioButtonManager>
|
|
226
|
-
</div>
|
|
203
|
+
<RadioButtonManager value="1">
|
|
204
|
+
<RadioButton className="my-radio-button" value="1">
|
|
205
|
+
Option
|
|
206
|
+
</RadioButton>
|
|
207
|
+
</RadioButtonManager>
|
|
227
208
|
);
|
|
228
209
|
};
|
|
229
210
|
|
|
230
|
-
render(
|
|
231
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
|
|
232
|
-
<div>
|
|
233
|
-
<p>Default:</p>
|
|
234
|
-
<MyRadioButton />
|
|
235
|
-
</div>
|
|
236
|
-
<div>
|
|
237
|
-
<p>Var1:</p>
|
|
238
|
-
<MyRadioButton className={`my-radio-button-var-1`} />
|
|
239
|
-
</div>
|
|
240
|
-
<div>
|
|
241
|
-
<p>Var1 & Var2 combined:</p>
|
|
242
|
-
<MyRadioButton
|
|
243
|
-
className={`my-radio-button-var-1 my-radio-button-var-2`}
|
|
244
|
-
/>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
);
|
|
211
|
+
render(<MyRadioButton />);
|
|
248
212
|
```
|
|
249
213
|
|
|
250
214
|
```postcss attached
|
|
251
215
|
@import '@rescui/radio-button/lib/public-api.p.css';
|
|
252
216
|
|
|
253
|
-
.my-radio-button
|
|
254
|
-
@
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
@
|
|
259
|
-
|
|
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
|
+
}
|
|
260
226
|
}
|
|
261
227
|
```
|
|
262
228
|
|
|
@@ -272,50 +238,33 @@ render(
|
|
|
272
238
|
|
|
273
239
|
##### Demo
|
|
274
240
|
|
|
275
|
-
|
|
241
|
+
Use the controls to see the effect at different viewport widths.
|
|
276
242
|
|
|
277
243
|
```tsx
|
|
278
244
|
import { RadioButtonManager, RadioButtonControl } from '@rescui/radio-button';
|
|
279
245
|
|
|
280
|
-
const MyRadioButtonControl = (
|
|
246
|
+
const MyRadioButtonControl = () => {
|
|
281
247
|
return (
|
|
282
|
-
<
|
|
283
|
-
<
|
|
284
|
-
|
|
285
|
-
</RadioButtonManager>
|
|
286
|
-
</div>
|
|
248
|
+
<RadioButtonManager value="1">
|
|
249
|
+
<RadioButtonControl className="my-radio-button-control" value="1" />
|
|
250
|
+
</RadioButtonManager>
|
|
287
251
|
);
|
|
288
252
|
};
|
|
289
253
|
|
|
290
|
-
render(
|
|
291
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
|
|
292
|
-
<div>
|
|
293
|
-
<p>Default:</p>
|
|
294
|
-
<MyRadioButtonControl />
|
|
295
|
-
</div>
|
|
296
|
-
<div>
|
|
297
|
-
<p>Var1:</p>
|
|
298
|
-
<MyRadioButtonControl className={`my-radio-button-control-var-1`} />
|
|
299
|
-
</div>
|
|
300
|
-
<div>
|
|
301
|
-
<p>Var1 & Var2 combined:</p>
|
|
302
|
-
<MyRadioButtonControl
|
|
303
|
-
className={`my-radio-button-control-var-1 my-radio-button-control-var-2`}
|
|
304
|
-
/>
|
|
305
|
-
</div>
|
|
306
|
-
</div>
|
|
307
|
-
);
|
|
254
|
+
render(<MyRadioButtonControl />);
|
|
308
255
|
```
|
|
309
256
|
|
|
310
257
|
```postcss
|
|
311
258
|
@import '@rescui/radio-button/lib/public-api.p.css';
|
|
312
259
|
|
|
313
|
-
.my-radio-button-control
|
|
314
|
-
@
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
@
|
|
319
|
-
|
|
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
|
+
}
|
|
320
269
|
}
|
|
321
270
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/radio-button",
|
|
3
|
-
"version": "0.10.
|
|
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",
|
|
@@ -17,24 +17,24 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
20
|
-
"@rescui/form-field": "
|
|
21
|
-
"@rescui/menu": "
|
|
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",
|
|
22
22
|
"classnames": "^2.2.6"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@rescui/ui-contexts": "^0.6.0",
|
|
26
26
|
"prop-types": "^15",
|
|
27
|
-
"react": ">=
|
|
27
|
+
"react": ">=17.0.0 <20"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@rescui/colors": "
|
|
31
|
-
"@rescui/scripts": "
|
|
32
|
-
"@rescui/typography": "
|
|
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"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "rescui-scripts build && yarn run build-pcss-api",
|
|
36
36
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
37
37
|
},
|
|
38
38
|
"nx": {},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
|
|
40
40
|
}
|