@rescui/checkbox 0.4.2 → 0.4.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.
package/lib/checkbox.js
CHANGED
|
@@ -18,7 +18,7 @@ import PropTypes from 'prop-types';
|
|
|
18
18
|
import { MenuItem } from '@rescui/menu';
|
|
19
19
|
import cn from 'classnames';
|
|
20
20
|
import CheckboxControl from './parts/checkbox-control.js';
|
|
21
|
-
import styles from './parts/checkbox.module.
|
|
21
|
+
import styles from './parts/checkbox.p.module.css.js';
|
|
22
22
|
var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
|
|
23
23
|
var children = _ref.children,
|
|
24
24
|
className = _ref.className,
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_1sgaos_10{
|
|
2
2
|
position:relative;
|
|
3
3
|
|
|
4
4
|
display:inline-block;
|
|
@@ -11,22 +11,22 @@
|
|
|
11
11
|
|
|
12
12
|
text-align:left;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
._sizeS_1sgaos_22{
|
|
15
15
|
width:20px;
|
|
16
16
|
height:20px;
|
|
17
17
|
padding:3px;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._sizeM_1sgaos_28{
|
|
20
20
|
width:24px;
|
|
21
21
|
height:24px;
|
|
22
22
|
padding:3px;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._sizeL_1sgaos_34{
|
|
25
25
|
width:28px;
|
|
26
26
|
height:28px;
|
|
27
27
|
padding:4px;
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._errorMessage_1sgaos_40{
|
|
30
30
|
letter-spacing:0.0045em;
|
|
31
31
|
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
32
32
|
font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
line-height:20px;
|
|
36
36
|
line-height:var(--rs-text-3-line-height, 20px);
|
|
37
37
|
}
|
|
38
|
-
._rs-reset-letter-
|
|
38
|
+
._rs-reset-letter-spacing_1sgaos_1 ._errorMessage_1sgaos_40{
|
|
39
39
|
letter-spacing:normal;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._errorMessage_1sgaos_40 {
|
|
42
42
|
color:#F45C4A;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._errorMessage_1sgaos_40._list_1sgaos_44{
|
|
45
45
|
margin-bottom:12px;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._errorMessage_1sgaos_40._single_1sgaos_48{
|
|
48
48
|
margin-top:8px;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
._input_1sgaos_53{
|
|
51
51
|
position:absolute;
|
|
52
52
|
z-index:-1;
|
|
53
53
|
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
|
|
58
58
|
border:0;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
._icon_1sgaos_64{
|
|
61
61
|
display:inline-block;
|
|
62
62
|
float:left;
|
|
63
63
|
|
|
@@ -72,307 +72,307 @@
|
|
|
72
72
|
|
|
73
73
|
transition:border-width ease-out 100ms, border-color ease-out 100ms;
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._enabled_1sgaos_75 ._icon_1sgaos_64{
|
|
76
76
|
cursor:pointer;
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
._sizeS_1sgaos_22 ._icon_1sgaos_64{
|
|
79
79
|
width:14px;
|
|
80
80
|
height:14px;
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
._sizeM_1sgaos_28 ._icon_1sgaos_64{
|
|
83
83
|
width:18px;
|
|
84
84
|
height:18px;
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
._sizeL_1sgaos_34 ._icon_1sgaos_64{
|
|
87
87
|
width:20px;
|
|
88
88
|
height:20px;
|
|
89
89
|
}
|
|
90
|
-
.
|
|
90
|
+
._sizeS_1sgaos_22._indeterminate_1sgaos_95 ._icon_1sgaos_64{
|
|
91
91
|
border-width:6px 3px;
|
|
92
92
|
}
|
|
93
|
-
.
|
|
93
|
+
._sizeM_1sgaos_28._indeterminate_1sgaos_95 ._icon_1sgaos_64{
|
|
94
94
|
border-width:8px 3px;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
96
|
+
._sizeL_1sgaos_34._indeterminate_1sgaos_95 ._icon_1sgaos_64{
|
|
97
97
|
border-width:9px 3px;
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._sizeS_1sgaos_22 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
100
100
|
border-width:7px;
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
._sizeM_1sgaos_28 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
103
103
|
border-width:9px;
|
|
104
104
|
}
|
|
105
|
-
.
|
|
105
|
+
._sizeL_1sgaos_34 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
106
106
|
border-width:10px;
|
|
107
107
|
}
|
|
108
|
-
.
|
|
109
|
-
.
|
|
108
|
+
._disabled_1sgaos_120 ._icon_1sgaos_64,
|
|
109
|
+
._input_1sgaos_53:disabled + ._icon_1sgaos_64{
|
|
110
110
|
cursor:not-allowed;
|
|
111
111
|
pointer-events:none;
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
._icon_1sgaos_64::after{
|
|
114
114
|
position:absolute;
|
|
115
115
|
|
|
116
116
|
border-radius:0.1px;
|
|
117
117
|
|
|
118
118
|
content:'';
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
._sizeS_1sgaos_22 ._icon_1sgaos_64::after{
|
|
121
121
|
top:3px;
|
|
122
122
|
right:3px;
|
|
123
123
|
bottom:3px;
|
|
124
124
|
left:3px;
|
|
125
125
|
}
|
|
126
|
-
.
|
|
126
|
+
._sizeM_1sgaos_28 ._icon_1sgaos_64::after{
|
|
127
127
|
top:3px;
|
|
128
128
|
right:3px;
|
|
129
129
|
bottom:3px;
|
|
130
130
|
left:3px;
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
._sizeL_1sgaos_34 ._icon_1sgaos_64::after{
|
|
133
133
|
top:4px;
|
|
134
134
|
right:4px;
|
|
135
135
|
bottom:4px;
|
|
136
136
|
left:4px;
|
|
137
137
|
}
|
|
138
|
-
.
|
|
138
|
+
._checkmark_1sgaos_156{
|
|
139
139
|
position:absolute;
|
|
140
140
|
|
|
141
141
|
display:none;
|
|
142
142
|
|
|
143
143
|
fill:currentColor;
|
|
144
144
|
}
|
|
145
|
-
.
|
|
145
|
+
._sizeS_1sgaos_22 ._checkmark_1sgaos_156{
|
|
146
146
|
top:3px;
|
|
147
147
|
left:3px;
|
|
148
148
|
|
|
149
149
|
width:14px;
|
|
150
150
|
height:14px;
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
._sizeM_1sgaos_28 ._checkmark_1sgaos_156{
|
|
153
153
|
top:3px;
|
|
154
154
|
left:3px;
|
|
155
155
|
|
|
156
156
|
width:18px;
|
|
157
157
|
height:18px;
|
|
158
158
|
}
|
|
159
|
-
.
|
|
159
|
+
._sizeL_1sgaos_34 ._checkmark_1sgaos_156{
|
|
160
160
|
top:4px;
|
|
161
161
|
left:4px;
|
|
162
162
|
|
|
163
163
|
width:20px;
|
|
164
164
|
height:20px;
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
._input_1sgaos_53:checked + ._icon_1sgaos_64 > ._checkmark_1sgaos_156{
|
|
167
167
|
display:block;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
._themeLight_1sgaos_193 ._icon_1sgaos_64{
|
|
170
170
|
border-color:#A3A3A4;
|
|
171
171
|
|
|
172
172
|
background:#FFFFFF;
|
|
173
173
|
}
|
|
174
|
-
.
|
|
175
|
-
.
|
|
174
|
+
._themeLight_1sgaos_193._disabled_1sgaos_120 ._icon_1sgaos_64,
|
|
175
|
+
._themeLight_1sgaos_193 ._input_1sgaos_53:disabled + ._icon_1sgaos_64{
|
|
176
176
|
border-color:#BABABB;
|
|
177
177
|
|
|
178
178
|
background:#F4F4F4;
|
|
179
179
|
}
|
|
180
|
-
.
|
|
180
|
+
._themeLight_1sgaos_193._disabled_1sgaos_120 ._icon_1sgaos_64 ._checkmark_1sgaos_156, ._themeLight_1sgaos_193 ._input_1sgaos_53:disabled + ._icon_1sgaos_64 ._checkmark_1sgaos_156{
|
|
181
181
|
color:#F4F4F4;
|
|
182
182
|
}
|
|
183
|
-
.
|
|
184
|
-
.
|
|
183
|
+
._themeLight_1sgaos_193._error_1sgaos_40 ._icon_1sgaos_64,
|
|
184
|
+
._themeLight_1sgaos_193 ._input_1sgaos_53:invalid + ._icon_1sgaos_64{
|
|
185
185
|
border-color:#F45C4A !important;
|
|
186
186
|
}
|
|
187
|
-
.
|
|
187
|
+
._themeDark_1sgaos_218 ._icon_1sgaos_64{
|
|
188
188
|
border-color:#A3A3A4;
|
|
189
189
|
|
|
190
190
|
background:#303033;
|
|
191
191
|
}
|
|
192
|
-
.
|
|
193
|
-
.
|
|
192
|
+
._themeDark_1sgaos_218 ._input_1sgaos_53:hover + ._icon_1sgaos_64,
|
|
193
|
+
._themeDark_1sgaos_218:hover ._icon_1sgaos_64{
|
|
194
194
|
background:#474749;
|
|
195
195
|
}
|
|
196
|
-
.
|
|
197
|
-
.
|
|
196
|
+
._themeDark_1sgaos_218._disabled_1sgaos_120 ._icon_1sgaos_64,
|
|
197
|
+
._themeDark_1sgaos_218 ._input_1sgaos_53:disabled + ._icon_1sgaos_64{
|
|
198
198
|
border-color:#5E5E60;
|
|
199
199
|
|
|
200
200
|
background:#303033;
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
._themeDark_1sgaos_218._disabled_1sgaos_120 ._icon_1sgaos_64 ._checkmark_1sgaos_156, ._themeDark_1sgaos_218 ._input_1sgaos_53:disabled + ._icon_1sgaos_64 ._checkmark_1sgaos_156{
|
|
203
203
|
color:#303033;
|
|
204
204
|
}
|
|
205
|
-
.
|
|
206
|
-
.
|
|
205
|
+
._themeDark_1sgaos_218._error_1sgaos_40 ._icon_1sgaos_64,
|
|
206
|
+
._themeDark_1sgaos_218 ._input_1sgaos_53:invalid + ._icon_1sgaos_64{
|
|
207
207
|
border-color:#F45C4A !important;
|
|
208
208
|
}
|
|
209
|
-
.
|
|
209
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._classic_1sgaos_249 ._checkmark_1sgaos_156{
|
|
210
210
|
color:#FFFFFF;
|
|
211
211
|
}
|
|
212
|
-
.
|
|
213
|
-
.
|
|
214
|
-
.
|
|
212
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95 ._icon_1sgaos_64,
|
|
213
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95 ._input_1sgaos_53:hover + ._icon_1sgaos_64,
|
|
214
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95:hover ._icon_1sgaos_64{
|
|
215
215
|
border-color:#6B57FF;
|
|
216
216
|
border-color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._classic_1sgaos_249 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
219
219
|
border-color:#6B57FF;
|
|
220
220
|
border-color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
221
221
|
}
|
|
222
|
-
.
|
|
222
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._classic_1sgaos_249 ._checkmark_1sgaos_156{
|
|
223
223
|
color:#FFFFFF;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
226
|
-
.
|
|
227
|
-
.
|
|
225
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95 ._icon_1sgaos_64,
|
|
226
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95 ._input_1sgaos_53:hover + ._icon_1sgaos_64,
|
|
227
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._classic_1sgaos_249._indeterminate_1sgaos_95:hover ._icon_1sgaos_64{
|
|
228
228
|
border-color:#8473FF;
|
|
229
229
|
border-color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
230
230
|
|
|
231
231
|
background-color:#FFFFFF;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._classic_1sgaos_249 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
234
234
|
border-color:#8473FF;
|
|
235
235
|
border-color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
236
236
|
}
|
|
237
|
-
label:hover .
|
|
238
|
-
.
|
|
239
|
-
.
|
|
237
|
+
label:hover ._sizeS_1sgaos_22._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
238
|
+
._sizeS_1sgaos_22._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
239
|
+
._sizeS_1sgaos_22._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
240
240
|
-webkit-box-shadow:0 0 0 3px rgba(107, 87, 255,0.2);
|
|
241
241
|
-webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
242
242
|
box-shadow:0 0 0 3px rgba(107, 87, 255,0.2);
|
|
243
243
|
box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
244
244
|
}
|
|
245
|
-
label:hover .
|
|
246
|
-
.
|
|
247
|
-
.
|
|
245
|
+
label:hover ._sizeS_1sgaos_22._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
246
|
+
._sizeS_1sgaos_22._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
247
|
+
._sizeS_1sgaos_22._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
248
248
|
-webkit-box-shadow:0 0 0 3px rgba(132, 115, 255,0.3);
|
|
249
249
|
-webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
250
250
|
box-shadow:0 0 0 3px rgba(132, 115, 255,0.3);
|
|
251
251
|
box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3))
|
|
252
252
|
}
|
|
253
|
-
label:hover .
|
|
254
|
-
.
|
|
255
|
-
.
|
|
253
|
+
label:hover ._sizeM_1sgaos_28._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
254
|
+
._sizeM_1sgaos_28._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
255
|
+
._sizeM_1sgaos_28._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
256
256
|
-webkit-box-shadow:0 0 0 3px rgba(107, 87, 255,0.2);
|
|
257
257
|
-webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
258
258
|
box-shadow:0 0 0 3px rgba(107, 87, 255,0.2);
|
|
259
259
|
box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
260
260
|
}
|
|
261
|
-
label:hover .
|
|
262
|
-
.
|
|
263
|
-
.
|
|
261
|
+
label:hover ._sizeM_1sgaos_28._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
262
|
+
._sizeM_1sgaos_28._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
263
|
+
._sizeM_1sgaos_28._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
264
264
|
-webkit-box-shadow:0 0 0 3px rgba(132, 115, 255,0.3);
|
|
265
265
|
-webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
266
266
|
box-shadow:0 0 0 3px rgba(132, 115, 255,0.3);
|
|
267
267
|
box-shadow:0 0 0 3px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3))
|
|
268
268
|
}
|
|
269
|
-
label:hover .
|
|
270
|
-
.
|
|
271
|
-
.
|
|
269
|
+
label:hover ._sizeL_1sgaos_34._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
270
|
+
._sizeL_1sgaos_34._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
271
|
+
._sizeL_1sgaos_34._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
272
272
|
-webkit-box-shadow:0 0 0 4px rgba(107, 87, 255,0.2);
|
|
273
273
|
-webkit-box-shadow:0 0 0 4px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
274
274
|
box-shadow:0 0 0 4px rgba(107, 87, 255,0.2);
|
|
275
275
|
box-shadow:0 0 0 4px var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
276
276
|
}
|
|
277
|
-
label:hover .
|
|
278
|
-
.
|
|
279
|
-
.
|
|
277
|
+
label:hover ._sizeL_1sgaos_34._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
278
|
+
._sizeL_1sgaos_34._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
279
|
+
._sizeL_1sgaos_34._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
280
280
|
-webkit-box-shadow:0 0 0 4px rgba(132, 115, 255,0.3);
|
|
281
281
|
-webkit-box-shadow:0 0 0 4px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
282
282
|
box-shadow:0 0 0 4px rgba(132, 115, 255,0.3);
|
|
283
283
|
box-shadow:0 0 0 4px var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3))
|
|
284
284
|
}
|
|
285
|
-
.
|
|
285
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._rock_1sgaos_336 ._checkmark_1sgaos_156{
|
|
286
286
|
color:#FFFFFF;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
289
|
-
.
|
|
290
|
-
.
|
|
288
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95 ._icon_1sgaos_64,
|
|
289
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95 ._input_1sgaos_53:hover + ._icon_1sgaos_64,
|
|
290
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95:hover ._icon_1sgaos_64{
|
|
291
291
|
border-color:#19191C;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
._themeLight_1sgaos_193._enabled_1sgaos_75._rock_1sgaos_336 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
294
294
|
border-color:#19191C;
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._rock_1sgaos_336 ._checkmark_1sgaos_156{
|
|
297
297
|
color:#19191C;
|
|
298
298
|
}
|
|
299
|
-
.
|
|
300
|
-
.
|
|
301
|
-
.
|
|
299
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95 ._icon_1sgaos_64,
|
|
300
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95 ._input_1sgaos_53:hover + ._icon_1sgaos_64,
|
|
301
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._rock_1sgaos_336._indeterminate_1sgaos_95:hover ._icon_1sgaos_64{
|
|
302
302
|
border-color:#FFFFFF;
|
|
303
303
|
|
|
304
304
|
background-color:#19191C;
|
|
305
305
|
}
|
|
306
|
-
.
|
|
306
|
+
._themeDark_1sgaos_218._enabled_1sgaos_75._rock_1sgaos_336 ._input_1sgaos_53:checked + ._icon_1sgaos_64{
|
|
307
307
|
border-color:#FFFFFF;
|
|
308
308
|
}
|
|
309
|
-
label:hover .
|
|
310
|
-
.
|
|
311
|
-
.
|
|
309
|
+
label:hover ._sizeS_1sgaos_22._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
310
|
+
._sizeS_1sgaos_22._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
311
|
+
._sizeS_1sgaos_22._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
312
312
|
-webkit-box-shadow:0 0 0 3px rgba(25,25,28,0.1);
|
|
313
313
|
box-shadow:0 0 0 3px rgba(25,25,28,0.1);
|
|
314
314
|
}
|
|
315
|
-
label:hover .
|
|
316
|
-
.
|
|
317
|
-
.
|
|
315
|
+
label:hover ._sizeS_1sgaos_22._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
316
|
+
._sizeS_1sgaos_22._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
317
|
+
._sizeS_1sgaos_22._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
318
318
|
-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.1);
|
|
319
319
|
box-shadow:0 0 0 3px rgba(255,255,255,0.1);
|
|
320
320
|
}
|
|
321
|
-
label:hover .
|
|
322
|
-
.
|
|
323
|
-
.
|
|
321
|
+
label:hover ._sizeM_1sgaos_28._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
322
|
+
._sizeM_1sgaos_28._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
323
|
+
._sizeM_1sgaos_28._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
324
324
|
-webkit-box-shadow:0 0 0 3px rgba(25,25,28,0.1);
|
|
325
325
|
box-shadow:0 0 0 3px rgba(25,25,28,0.1);
|
|
326
326
|
}
|
|
327
|
-
label:hover .
|
|
328
|
-
.
|
|
329
|
-
.
|
|
327
|
+
label:hover ._sizeM_1sgaos_28._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
328
|
+
._sizeM_1sgaos_28._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
329
|
+
._sizeM_1sgaos_28._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
330
330
|
-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.1);
|
|
331
331
|
box-shadow:0 0 0 3px rgba(255,255,255,0.1);
|
|
332
332
|
}
|
|
333
|
-
label:hover .
|
|
334
|
-
.
|
|
335
|
-
.
|
|
333
|
+
label:hover ._sizeL_1sgaos_34._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
334
|
+
._sizeL_1sgaos_34._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
335
|
+
._sizeL_1sgaos_34._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
336
336
|
-webkit-box-shadow:0 0 0 4px rgba(25,25,28,0.1);
|
|
337
337
|
box-shadow:0 0 0 4px rgba(25,25,28,0.1);
|
|
338
338
|
}
|
|
339
|
-
label:hover .
|
|
340
|
-
.
|
|
341
|
-
.
|
|
339
|
+
label:hover ._sizeL_1sgaos_34._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 > ._icon_1sgaos_64::after,
|
|
340
|
+
._sizeL_1sgaos_34._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75:hover > ._icon_1sgaos_64::after,
|
|
341
|
+
._sizeL_1sgaos_34._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:active + ._icon_1sgaos_64::after{
|
|
342
342
|
-webkit-box-shadow:0 0 0 4px rgba(255,255,255,0.1);
|
|
343
343
|
box-shadow:0 0 0 4px rgba(255,255,255,0.1);
|
|
344
344
|
}
|
|
345
|
-
.
|
|
345
|
+
._sizeS_1sgaos_22._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeS_1sgaos_22._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
346
346
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px rgba(107, 87, 255, 0.8);
|
|
347
347
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
348
348
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px rgba(107, 87, 255, 0.8);
|
|
349
349
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
350
350
|
}
|
|
351
|
-
.
|
|
351
|
+
._sizeS_1sgaos_22._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeS_1sgaos_22._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
352
352
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 3px rgba(132, 115, 255,0.8);
|
|
353
353
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
|
|
354
354
|
box-shadow:0 0 0 1px #303033, 0 0 0 3px rgba(132, 115, 255,0.8);
|
|
355
355
|
box-shadow:0 0 0 1px #303033, 0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8))
|
|
356
356
|
}
|
|
357
|
-
.
|
|
357
|
+
._sizeM_1sgaos_28._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeM_1sgaos_28._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
358
358
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px rgba(107, 87, 255, 0.8);
|
|
359
359
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
360
360
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px rgba(107, 87, 255, 0.8);
|
|
361
361
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
362
362
|
}
|
|
363
|
-
.
|
|
363
|
+
._sizeM_1sgaos_28._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeM_1sgaos_28._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
364
364
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 3px rgba(132, 115, 255,0.8);
|
|
365
365
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
|
|
366
366
|
box-shadow:0 0 0 1px #303033, 0 0 0 3px rgba(132, 115, 255,0.8);
|
|
367
367
|
box-shadow:0 0 0 1px #303033, 0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8))
|
|
368
368
|
}
|
|
369
|
-
.
|
|
369
|
+
._sizeL_1sgaos_34._themeLight_1sgaos_193._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeL_1sgaos_34._themeLight_1sgaos_193._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
370
370
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 4px rgba(107, 87, 255, 0.8);
|
|
371
371
|
-webkit-box-shadow:0 0 0 1px #E8E8E8, 0 0 0 4px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
372
372
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 4px rgba(107, 87, 255, 0.8);
|
|
373
373
|
box-shadow:0 0 0 1px #E8E8E8, 0 0 0 4px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
|
|
374
374
|
}
|
|
375
|
-
.
|
|
375
|
+
._sizeL_1sgaos_34._themeDark_1sgaos_218._classic_1sgaos_249._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after, ._sizeL_1sgaos_34._themeDark_1sgaos_218._rock_1sgaos_336._enabled_1sgaos_75 ._input_1sgaos_53:focus[data-focus-method='key'] + ._icon_1sgaos_64::after{
|
|
376
376
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 4px rgba(132, 115, 255,0.8);
|
|
377
377
|
-webkit-box-shadow:0 0 0 1px #303033, 0 0 0 4px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
|
|
378
378
|
box-shadow:0 0 0 1px #303033, 0 0 0 4px rgba(132, 115, 255,0.8);
|
|
@@ -17,7 +17,7 @@ import React from 'react';
|
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
18
|
import cn from 'classnames';
|
|
19
19
|
import { useTheme } from '@rescui/ui-contexts';
|
|
20
|
-
import styles from './checkbox.module.
|
|
20
|
+
import styles from './checkbox.p.module.css.js';
|
|
21
21
|
import { MarkS, MarkM, MarkL } from './marks.js';
|
|
22
22
|
var THEME_STYLES = {
|
|
23
23
|
light: styles.themeLight,
|
|
@@ -17,7 +17,7 @@ import React from 'react';
|
|
|
17
17
|
import PropTypes from 'prop-types';
|
|
18
18
|
import { Menu } from '@rescui/menu';
|
|
19
19
|
import cn from 'classnames';
|
|
20
|
-
import styles from './checkbox.module.
|
|
20
|
+
import styles from './checkbox.p.module.css.js';
|
|
21
21
|
import CheckboxManager from './checkbox-manager.js';
|
|
22
22
|
|
|
23
23
|
var CheckboxList = function CheckboxList(_ref) {
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var styles = {
|
|
2
|
+
"checkbox": "_checkbox_1sgaos_10",
|
|
3
|
+
"sizeS": "_sizeS_1sgaos_22",
|
|
4
|
+
"sizeM": "_sizeM_1sgaos_28",
|
|
5
|
+
"sizeL": "_sizeL_1sgaos_34",
|
|
6
|
+
"errorMessage": "_errorMessage_1sgaos_40",
|
|
7
|
+
"rs-reset-letter-spacing": "_rs-reset-letter-spacing_1sgaos_1",
|
|
8
|
+
"list": "_list_1sgaos_44",
|
|
9
|
+
"single": "_single_1sgaos_48",
|
|
10
|
+
"input": "_input_1sgaos_53",
|
|
11
|
+
"icon": "_icon_1sgaos_64",
|
|
12
|
+
"enabled": "_enabled_1sgaos_75",
|
|
13
|
+
"indeterminate": "_indeterminate_1sgaos_95",
|
|
14
|
+
"disabled": "_disabled_1sgaos_120",
|
|
15
|
+
"checkmark": "_checkmark_1sgaos_156",
|
|
16
|
+
"themeLight": "_themeLight_1sgaos_193",
|
|
17
|
+
"error": "_error_1sgaos_40",
|
|
18
|
+
"themeDark": "_themeDark_1sgaos_218",
|
|
19
|
+
"classic": "_classic_1sgaos_249",
|
|
20
|
+
"rock": "_rock_1sgaos_336"
|
|
21
|
+
};
|
|
22
|
+
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/checkbox",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,24 +16,24 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.14.0",
|
|
19
|
-
"@rescui/menu": "^0.6.
|
|
19
|
+
"@rescui/menu": "^0.6.2",
|
|
20
20
|
"classnames": "^2.2.6",
|
|
21
21
|
"core-js": "^3.9.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@rescui/ui-contexts": "<0.
|
|
24
|
+
"@rescui/ui-contexts": "<0.4.0",
|
|
25
25
|
"prop-types": "^15.7.2",
|
|
26
26
|
"react": ">=16.8.0 <18"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@rescui/colors": "^0.1.
|
|
30
|
-
"@rescui/postcss-preset-library": "^0.0.
|
|
31
|
-
"@rescui/scripts": "^0.1.
|
|
32
|
-
"@rescui/typography": "^0.7.
|
|
33
|
-
"@rescui/visual-regression": "^0.0.
|
|
29
|
+
"@rescui/colors": "^0.1.2",
|
|
30
|
+
"@rescui/postcss-preset-library": "^0.0.6",
|
|
31
|
+
"@rescui/scripts": "^0.1.6",
|
|
32
|
+
"@rescui/typography": "^0.7.4",
|
|
33
|
+
"@rescui/visual-regression": "^0.0.2"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "rescui-scripts build"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "c5b48e321608ae1755e691238aa5db5977318c75"
|
|
39
39
|
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
var styles = {
|
|
2
|
-
"checkbox": "_checkbox_1vvcbea_10",
|
|
3
|
-
"sizeS": "_sizeS_1vvcbea_22",
|
|
4
|
-
"sizeM": "_sizeM_1vvcbea_28",
|
|
5
|
-
"sizeL": "_sizeL_1vvcbea_34",
|
|
6
|
-
"errorMessage": "_errorMessage_1vvcbea_40",
|
|
7
|
-
"rs-reset-letter-spacing": "_rs-reset-letter-spacing_1vvcbea_1",
|
|
8
|
-
"list": "_list_1vvcbea_44",
|
|
9
|
-
"single": "_single_1vvcbea_48",
|
|
10
|
-
"input": "_input_1vvcbea_53",
|
|
11
|
-
"icon": "_icon_1vvcbea_64",
|
|
12
|
-
"enabled": "_enabled_1vvcbea_75",
|
|
13
|
-
"indeterminate": "_indeterminate_1vvcbea_95",
|
|
14
|
-
"disabled": "_disabled_1vvcbea_120",
|
|
15
|
-
"checkmark": "_checkmark_1vvcbea_156",
|
|
16
|
-
"themeLight": "_themeLight_1vvcbea_193",
|
|
17
|
-
"error": "_error_1vvcbea_40",
|
|
18
|
-
"themeDark": "_themeDark_1vvcbea_218",
|
|
19
|
-
"classic": "_classic_1vvcbea_249",
|
|
20
|
-
"rock": "_rock_1vvcbea_336"
|
|
21
|
-
};
|
|
22
|
-
export { styles as default };
|