@rescui/checkbox 0.14.2 → 0.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.css +96 -94
- package/lib/parts/checkbox-control-inner.js +26 -19
- package/lib/parts/checkbox-list.p.module.css.js +1 -1
- package/lib/parts/checkbox.p.module.css.js +1 -1
- package/lib/parts/marks.d.ts +4 -0
- package/lib/parts/marks.js +124 -4
- package/lib/public-api.p.css +0 -33
- package/lib/public-api.pcss +0 -33
- package/llm/components/checkbox.md +10 -10
- package/package.json +3 -3
package/lib/index.css
CHANGED
|
@@ -3,63 +3,52 @@
|
|
|
3
3
|
inherits:true;
|
|
4
4
|
initial-value:0;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._themeLight_1fr597a_8{
|
|
7
7
|
--rs-theme-dark:0;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._themeDark_1fr597a_11{
|
|
10
10
|
--rs-theme-dark:1;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.
|
|
13
|
+
._checkboxSizeS_1fr597a_15{
|
|
14
14
|
--_rs-checkbox-parts-offset:4px;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._checkboxSizeM_1fr597a_18{
|
|
17
17
|
--_rs-checkbox-parts-offset:8px;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._checkboxSizeL_1fr597a_21{
|
|
20
20
|
--_rs-checkbox-parts-offset:8px;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
._sizeS_1fr597a_25{
|
|
24
24
|
--_rs-checkbox-ci-mark-s-display:initial;
|
|
25
25
|
--_rs-checkbox-ci-mark-m-display:none;
|
|
26
26
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
27
27
|
--_rs-checkbox-ci-size:14px;
|
|
28
28
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
29
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
30
29
|
}
|
|
31
|
-
.
|
|
30
|
+
._sizeM_1fr597a_28{
|
|
32
31
|
--_rs-checkbox-ci-mark-s-display:none;
|
|
33
32
|
--_rs-checkbox-ci-mark-m-display:initial;
|
|
34
33
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
35
34
|
--_rs-checkbox-ci-size:18px;
|
|
36
35
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
37
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
38
36
|
}
|
|
39
|
-
.
|
|
37
|
+
._sizeL_1fr597a_31{
|
|
40
38
|
--_rs-checkbox-ci-mark-s-display:none;
|
|
41
39
|
--_rs-checkbox-ci-mark-m-display:none;
|
|
42
40
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
43
41
|
--_rs-checkbox-ci-size:20px;
|
|
44
42
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
45
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
46
43
|
}
|
|
47
44
|
|
|
48
|
-
.
|
|
45
|
+
._classic_1fr597a_35{
|
|
49
46
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
50
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
51
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
52
47
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
53
48
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
54
49
|
}
|
|
55
|
-
.
|
|
50
|
+
._rock_1fr597a_38{
|
|
56
51
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
57
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
58
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
59
|
-
);
|
|
60
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
61
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
62
|
-
);
|
|
63
52
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
64
53
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
65
54
|
);
|
|
@@ -69,7 +58,7 @@
|
|
|
69
58
|
);
|
|
70
59
|
}
|
|
71
60
|
|
|
72
|
-
.
|
|
61
|
+
._checkbox_1fr597a_15{
|
|
73
62
|
--_rs-theme-dark:var(
|
|
74
63
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
75
64
|
var(--rs-theme-dark, 0)
|
|
@@ -81,7 +70,7 @@
|
|
|
81
70
|
|
|
82
71
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
83
72
|
|
|
84
|
-
.
|
|
73
|
+
._checkbox_1fr597a_15{
|
|
85
74
|
--_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)));
|
|
86
75
|
--_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)));
|
|
87
76
|
--_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)));
|
|
@@ -92,7 +81,7 @@
|
|
|
92
81
|
|
|
93
82
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
94
83
|
|
|
95
|
-
.
|
|
84
|
+
._checkbox_1fr597a_15{
|
|
96
85
|
--_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
|
|
97
86
|
--_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
|
|
98
87
|
--_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -103,7 +92,7 @@
|
|
|
103
92
|
|
|
104
93
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
105
94
|
|
|
106
|
-
.
|
|
95
|
+
._checkbox_1fr597a_15{
|
|
107
96
|
--_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)));
|
|
108
97
|
--_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)));
|
|
109
98
|
}
|
|
@@ -111,13 +100,13 @@
|
|
|
111
100
|
|
|
112
101
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
113
102
|
|
|
114
|
-
.
|
|
103
|
+
._checkbox_1fr597a_15{
|
|
115
104
|
--_rs-color-danger:rgb(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)));
|
|
116
105
|
--_rs-color-danger-bg:rgba(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
|
|
117
106
|
}
|
|
118
107
|
}
|
|
119
108
|
|
|
120
|
-
.
|
|
109
|
+
._checkbox_1fr597a_15 {
|
|
121
110
|
|
|
122
111
|
position:relative;
|
|
123
112
|
|
|
@@ -133,7 +122,7 @@
|
|
|
133
122
|
text-align:left;
|
|
134
123
|
}
|
|
135
124
|
|
|
136
|
-
.
|
|
125
|
+
._input_1fr597a_65{
|
|
137
126
|
position:absolute;
|
|
138
127
|
z-index:-1;
|
|
139
128
|
|
|
@@ -144,7 +133,7 @@
|
|
|
144
133
|
border:0;
|
|
145
134
|
}
|
|
146
135
|
|
|
147
|
-
.
|
|
136
|
+
._icon_1fr597a_76{
|
|
148
137
|
display:inline-block;
|
|
149
138
|
float:left;
|
|
150
139
|
|
|
@@ -154,60 +143,62 @@
|
|
|
154
143
|
|
|
155
144
|
border-width:1px;
|
|
156
145
|
border-style:solid;
|
|
157
|
-
border-color
|
|
146
|
+
border-color:rgba(
|
|
147
|
+
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
|
|
148
|
+
calc(.6 - .1 * var(--_rs-theme-dark-coefficient, 0))
|
|
149
|
+
);
|
|
158
150
|
|
|
159
|
-
background:rgb(calc(255 -
|
|
151
|
+
background:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
160
152
|
|
|
161
153
|
transition:border-width var(--rs-transition-function, ease-out) 100ms, border-color var(--rs-transition-function, ease-out) 100ms;
|
|
162
154
|
}
|
|
163
155
|
|
|
164
|
-
.
|
|
156
|
+
._enabled_1fr597a_96 ._icon_1fr597a_76{
|
|
165
157
|
cursor:pointer;
|
|
166
158
|
}
|
|
167
159
|
|
|
168
|
-
.
|
|
169
|
-
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
._input_ltg7ko_65:checked + ._icon_ltg7ko_76{
|
|
160
|
+
._indeterminate_1fr597a_100 ._icon_1fr597a_76,
|
|
161
|
+
._input_1fr597a_65:checked + ._icon_1fr597a_76{
|
|
173
162
|
border-width:calc(.5 * var(--_rs-checkbox-ci-size));
|
|
174
163
|
}
|
|
175
164
|
|
|
176
|
-
.
|
|
177
|
-
.
|
|
178
|
-
border-color:
|
|
165
|
+
._disabled_1fr597a_105 ._icon_1fr597a_76._icon_1fr597a_76,
|
|
166
|
+
._input_1fr597a_65:disabled + ._icon_1fr597a_76{
|
|
167
|
+
border-color:rgba(
|
|
168
|
+
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
|
|
169
|
+
calc(.5 - .1 * var(--_rs-theme-dark-coefficient, 0))
|
|
170
|
+
);
|
|
179
171
|
|
|
180
172
|
cursor:not-allowed;
|
|
181
173
|
pointer-events:none;
|
|
182
174
|
|
|
183
|
-
background:
|
|
175
|
+
background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.05);
|
|
184
176
|
}
|
|
185
177
|
|
|
186
|
-
.
|
|
187
|
-
.
|
|
188
|
-
|
|
178
|
+
._input_1fr597a_65:hover + ._icon_1fr597a_76,
|
|
179
|
+
._enabled_1fr597a_96:hover ._icon_1fr597a_76{
|
|
180
|
+
border-color:rgba(
|
|
181
|
+
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
|
|
182
|
+
calc(.7 - .1 * var(--_rs-theme-dark-coefficient, 0))
|
|
183
|
+
);
|
|
189
184
|
}
|
|
190
185
|
|
|
191
|
-
.
|
|
192
|
-
.
|
|
193
|
-
.
|
|
194
|
-
border-color:var(--_rs-checkbox-ci-
|
|
195
|
-
|
|
196
|
-
background-color:var(
|
|
197
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color
|
|
198
|
-
);
|
|
186
|
+
._enabled_1fr597a_96._indeterminate_1fr597a_100 ._icon_1fr597a_76,
|
|
187
|
+
._enabled_1fr597a_96._indeterminate_1fr597a_100:hover ._icon_1fr597a_76,
|
|
188
|
+
._enabled_1fr597a_96._indeterminate_1fr597a_100 ._input_1fr597a_65:hover + ._icon_1fr597a_76{
|
|
189
|
+
border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
|
|
199
190
|
}
|
|
200
191
|
|
|
201
|
-
.
|
|
192
|
+
._enabled_1fr597a_96 ._input_1fr597a_65:checked + ._icon_1fr597a_76._icon_1fr597a_76{
|
|
202
193
|
border-color:var(--_rs-checkbox-ci-checked-icon-border-color);
|
|
203
194
|
}
|
|
204
195
|
|
|
205
|
-
.
|
|
206
|
-
.
|
|
196
|
+
._error_1fr597a_136 ._icon_1fr597a_76._icon_1fr597a_76._icon_1fr597a_76._icon_1fr597a_76,
|
|
197
|
+
._input_1fr597a_65:invalid + ._icon_1fr597a_76._icon_1fr597a_76._icon_1fr597a_76{
|
|
207
198
|
border-color:var(--_rs-color-danger);
|
|
208
199
|
}
|
|
209
200
|
|
|
210
|
-
.
|
|
201
|
+
._icon_1fr597a_76::after{
|
|
211
202
|
position:absolute;
|
|
212
203
|
top:var(--_rs-checkbox-ci-shadow-size);
|
|
213
204
|
right:var(--_rs-checkbox-ci-shadow-size);
|
|
@@ -217,18 +208,19 @@
|
|
|
217
208
|
content:'';
|
|
218
209
|
}
|
|
219
210
|
|
|
220
|
-
.
|
|
221
|
-
label:hover .
|
|
222
|
-
.
|
|
211
|
+
._enabled_1fr597a_96:hover > ._icon_1fr597a_76::after,
|
|
212
|
+
label:hover ._enabled_1fr597a_96 > ._icon_1fr597a_76::after,
|
|
213
|
+
._enabled_1fr597a_96 ._input_1fr597a_65:active + ._icon_1fr597a_76::after{
|
|
223
214
|
box-shadow:0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-checkbox-ci-hover-icon-box-shadow);
|
|
224
215
|
}
|
|
225
216
|
|
|
226
|
-
.
|
|
227
|
-
.
|
|
217
|
+
._enabled_1fr597a_96 ._input_1fr597a_65:focus-visible + ._icon_1fr597a_76::after,
|
|
218
|
+
._enabled_1fr597a_96 ._input_1fr597a_65:focus[data-focus-method='key'] + ._icon_1fr597a_76::after{
|
|
228
219
|
box-shadow:0 0 0 1px rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0))), 0 0 0 var(--_rs-checkbox-ci-shadow-size) var(--_rs-color-primary-t-dim);
|
|
229
220
|
}
|
|
230
221
|
|
|
231
|
-
.
|
|
222
|
+
._checkmark_1fr597a_164,
|
|
223
|
+
._dashmark_1fr597a_165{
|
|
232
224
|
position:absolute;
|
|
233
225
|
top:var(--_rs-checkbox-ci-shadow-size);
|
|
234
226
|
left:var(--_rs-checkbox-ci-shadow-size);
|
|
@@ -240,30 +232,40 @@
|
|
|
240
232
|
fill:currentColor;
|
|
241
233
|
}
|
|
242
234
|
|
|
243
|
-
.
|
|
235
|
+
._enabled_1fr597a_96 ._checkmark_1fr597a_164, ._enabled_1fr597a_96 ._dashmark_1fr597a_165{
|
|
244
236
|
color:var(--_rs-checkbox-ci-mark-color);
|
|
245
237
|
}
|
|
246
238
|
|
|
247
|
-
.
|
|
248
|
-
.
|
|
239
|
+
._disabled_1fr597a_105 ._checkmark_1fr597a_164,
|
|
240
|
+
._input_1fr597a_65:disabled + ._icon_1fr597a_76 > ._checkmark_1fr597a_164,
|
|
241
|
+
._disabled_1fr597a_105 ._dashmark_1fr597a_165,
|
|
242
|
+
._input_1fr597a_65:disabled + ._icon_1fr597a_76 > ._dashmark_1fr597a_165{
|
|
249
243
|
color:rgb(calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 196 * var(--_rs-theme-dark-coefficient, 0)), calc(244 - 193 * var(--_rs-theme-dark-coefficient, 0)));
|
|
250
244
|
}
|
|
251
245
|
|
|
252
|
-
.
|
|
246
|
+
._input_1fr597a_65:checked + ._icon_1fr597a_76 > ._checkmark_1fr597a_164{
|
|
247
|
+
display:block;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
._indeterminate_1fr597a_100 ._icon_1fr597a_76 > ._checkmark_1fr597a_164._checkmark_1fr597a_164{
|
|
251
|
+
display:none;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
._indeterminate_1fr597a_100 ._icon_1fr597a_76 > ._dashmark_1fr597a_165{
|
|
253
255
|
display:block;
|
|
254
256
|
}
|
|
255
257
|
|
|
256
|
-
.
|
|
258
|
+
._markS_1fr597a_203{
|
|
257
259
|
display:var(--_rs-checkbox-ci-mark-s-display);
|
|
258
260
|
}
|
|
259
|
-
.
|
|
261
|
+
._markM_1fr597a_206{
|
|
260
262
|
display:var(--_rs-checkbox-ci-mark-m-display);
|
|
261
263
|
}
|
|
262
|
-
.
|
|
264
|
+
._markL_1fr597a_209{
|
|
263
265
|
display:var(--_rs-checkbox-ci-mark-l-display);
|
|
264
266
|
}
|
|
265
267
|
|
|
266
|
-
.
|
|
268
|
+
._errorMessage_1fr597a_213{
|
|
267
269
|
margin-top:var(--_rs-checkbox-parts-offset);
|
|
268
270
|
}
|
|
269
271
|
|
|
@@ -272,14 +274,14 @@
|
|
|
272
274
|
inherits:true;
|
|
273
275
|
initial-value:0;
|
|
274
276
|
}
|
|
275
|
-
.
|
|
277
|
+
._themeLight_5agzbe_6{
|
|
276
278
|
--rs-theme-dark:0;
|
|
277
279
|
}
|
|
278
|
-
.
|
|
280
|
+
._themeDark_5agzbe_9{
|
|
279
281
|
--rs-theme-dark:1;
|
|
280
282
|
}
|
|
281
283
|
|
|
282
|
-
.
|
|
284
|
+
._container_5agzbe_13{
|
|
283
285
|
--_rs-theme-dark:var(
|
|
284
286
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
285
287
|
var(--rs-theme-dark, 0)
|
|
@@ -291,7 +293,7 @@
|
|
|
291
293
|
|
|
292
294
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
293
295
|
|
|
294
|
-
.
|
|
296
|
+
._container_5agzbe_13{
|
|
295
297
|
--_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)));
|
|
296
298
|
--_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)));
|
|
297
299
|
--_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)));
|
|
@@ -302,7 +304,7 @@
|
|
|
302
304
|
|
|
303
305
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
304
306
|
|
|
305
|
-
.
|
|
307
|
+
._container_5agzbe_13{
|
|
306
308
|
--_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
|
|
307
309
|
--_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
|
|
308
310
|
--_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -311,12 +313,12 @@
|
|
|
311
313
|
}
|
|
312
314
|
}
|
|
313
315
|
|
|
314
|
-
.
|
|
316
|
+
._sizeS_5agzbe_18{
|
|
315
317
|
--_rs-checkbox-list-label-offset:4px;
|
|
316
318
|
--_rs-checkbox-list-left-offset:calc(28px);
|
|
317
319
|
}
|
|
318
320
|
|
|
319
|
-
.
|
|
321
|
+
._sizeS_5agzbe_18 [data-rs-internal='checkbox-list__label']{
|
|
320
322
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
321
323
|
--_rs-typography-text-transform:initial;
|
|
322
324
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -352,7 +354,7 @@
|
|
|
352
354
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
353
355
|
}
|
|
354
356
|
|
|
355
|
-
.
|
|
357
|
+
._sizeS_5agzbe_18 [data-rs-internal='checkbox-list__bold-label']{
|
|
356
358
|
--_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
|
|
357
359
|
--_rs-typography-text-transform:initial;
|
|
358
360
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -384,11 +386,11 @@
|
|
|
384
386
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
385
387
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
386
388
|
}
|
|
387
|
-
.
|
|
389
|
+
._sizeM_5agzbe_21{
|
|
388
390
|
--_rs-checkbox-list-label-offset:8px;
|
|
389
391
|
--_rs-checkbox-list-left-offset:calc(32px);
|
|
390
392
|
}
|
|
391
|
-
.
|
|
393
|
+
._sizeM_5agzbe_21 [data-rs-internal='checkbox-list__label']{
|
|
392
394
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
393
395
|
--_rs-typography-text-transform:initial;
|
|
394
396
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -427,11 +429,11 @@
|
|
|
427
429
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
428
430
|
}
|
|
429
431
|
@media screen and (max-width: 640px){
|
|
430
|
-
.
|
|
432
|
+
._sizeM_5agzbe_21 [data-rs-internal='checkbox-list__label']{
|
|
431
433
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
432
434
|
}
|
|
433
435
|
}
|
|
434
|
-
.
|
|
436
|
+
._sizeM_5agzbe_21 [data-rs-internal='checkbox-list__bold-label']{
|
|
435
437
|
--_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
|
|
436
438
|
--_rs-typography-text-transform:initial;
|
|
437
439
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -463,11 +465,11 @@
|
|
|
463
465
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
464
466
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
465
467
|
}
|
|
466
|
-
.
|
|
468
|
+
._sizeL_5agzbe_24{
|
|
467
469
|
--_rs-checkbox-list-label-offset:12px;
|
|
468
470
|
--_rs-checkbox-list-left-offset:calc(44px);
|
|
469
471
|
}
|
|
470
|
-
.
|
|
472
|
+
._sizeL_5agzbe_24 [data-rs-internal='checkbox-list__label']{
|
|
471
473
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
472
474
|
--_rs-typography-text-transform:initial;
|
|
473
475
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -506,11 +508,11 @@
|
|
|
506
508
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
507
509
|
}
|
|
508
510
|
@media screen and (max-width: 640px){
|
|
509
|
-
.
|
|
511
|
+
._sizeL_5agzbe_24 [data-rs-internal='checkbox-list__label']{
|
|
510
512
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
511
513
|
}
|
|
512
514
|
}
|
|
513
|
-
.
|
|
515
|
+
._sizeL_5agzbe_24 [data-rs-internal='checkbox-list__bold-label']{
|
|
514
516
|
--_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
|
|
515
517
|
--_rs-typography-text-transform:initial;
|
|
516
518
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -543,11 +545,11 @@
|
|
|
543
545
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
544
546
|
}
|
|
545
547
|
|
|
546
|
-
.
|
|
548
|
+
._inner_5agzbe_28{
|
|
547
549
|
--rs-out-checkbox-list-left-offset:var(--_rs-checkbox-list-left-offset);
|
|
548
550
|
}
|
|
549
551
|
|
|
550
|
-
.
|
|
552
|
+
._label_5agzbe_32{
|
|
551
553
|
letter-spacing:var(
|
|
552
554
|
--rs-text-base-letter-spacing,
|
|
553
555
|
var(--_rs-typography-letter-spacing)
|
|
@@ -568,27 +570,27 @@
|
|
|
568
570
|
padding:0;
|
|
569
571
|
}
|
|
570
572
|
|
|
571
|
-
.
|
|
573
|
+
._disabled_5agzbe_39 ._label_5agzbe_32{
|
|
572
574
|
color:var(
|
|
573
575
|
--rs-color-pale,
|
|
574
576
|
rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
|
|
575
577
|
);
|
|
576
578
|
}
|
|
577
579
|
|
|
578
|
-
.
|
|
580
|
+
._footer_5agzbe_44{
|
|
579
581
|
display:flex;
|
|
580
582
|
flex-direction:column;
|
|
581
583
|
}
|
|
582
584
|
|
|
583
|
-
.
|
|
585
|
+
._errorMessage_5agzbe_49{
|
|
584
586
|
order:99;
|
|
585
587
|
}
|
|
586
588
|
|
|
587
|
-
.
|
|
589
|
+
._error_5agzbe_49 ._errorMessage_5agzbe_49{
|
|
588
590
|
order:0;
|
|
589
591
|
}
|
|
590
592
|
|
|
591
|
-
.
|
|
593
|
+
._note_5agzbe_58{
|
|
592
594
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
593
595
|
--_rs-typography-text-transform:initial;
|
|
594
596
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -649,7 +651,7 @@
|
|
|
649
651
|
order:1;
|
|
650
652
|
}
|
|
651
653
|
|
|
652
|
-
.
|
|
654
|
+
._disabled_5agzbe_39 ._note_5agzbe_58{
|
|
653
655
|
--_rs-typography-hardness-color:var(
|
|
654
656
|
--rs-color-pale,
|
|
655
657
|
rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
6
6
|
import styles from './checkbox.p.module.css.js';
|
|
7
|
-
import { Mark } from './marks.js';
|
|
7
|
+
import { Mark, Dash } from './marks.js';
|
|
8
8
|
|
|
9
9
|
const THEME_STYLES = {
|
|
10
10
|
light: styles.themeLight,
|
|
@@ -22,7 +22,7 @@ const MODE_STYLES = {
|
|
|
22
22
|
const DEFAULT_SIZE = 'm';
|
|
23
23
|
const DEFAULT_MODE = 'classic';
|
|
24
24
|
const CheckboxControlInner = /*#__PURE__*/React.forwardRef(function CheckboxControlInner(t0, ref) {
|
|
25
|
-
const $ = c(
|
|
25
|
+
const $ = c(36);
|
|
26
26
|
let className;
|
|
27
27
|
let disabled;
|
|
28
28
|
let errorId;
|
|
@@ -138,42 +138,49 @@ const CheckboxControlInner = /*#__PURE__*/React.forwardRef(function CheckboxCont
|
|
|
138
138
|
t15 = $[26];
|
|
139
139
|
}
|
|
140
140
|
let t16;
|
|
141
|
+
let t17;
|
|
141
142
|
if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
|
|
142
143
|
t16 = /*#__PURE__*/React.createElement(Mark, {
|
|
143
144
|
className: styles.checkmark,
|
|
144
145
|
"data-test": "checkmark"
|
|
145
146
|
});
|
|
147
|
+
t17 = /*#__PURE__*/React.createElement(Dash, {
|
|
148
|
+
className: styles.dashmark,
|
|
149
|
+
"data-test": "dashmark"
|
|
150
|
+
});
|
|
146
151
|
$[27] = t16;
|
|
152
|
+
$[28] = t17;
|
|
147
153
|
} else {
|
|
148
154
|
t16 = $[27];
|
|
155
|
+
t17 = $[28];
|
|
149
156
|
}
|
|
150
|
-
let
|
|
151
|
-
if ($[
|
|
152
|
-
|
|
157
|
+
let t18;
|
|
158
|
+
if ($[29] !== t15) {
|
|
159
|
+
t18 = /*#__PURE__*/React.createElement("span", {
|
|
153
160
|
className: t15,
|
|
154
161
|
"data-test": "checkbox-icon"
|
|
155
|
-
}, t16);
|
|
156
|
-
$[
|
|
157
|
-
$[
|
|
162
|
+
}, t16, t17);
|
|
163
|
+
$[29] = t15;
|
|
164
|
+
$[30] = t18;
|
|
158
165
|
} else {
|
|
159
|
-
|
|
166
|
+
t18 = $[30];
|
|
160
167
|
}
|
|
161
|
-
let
|
|
162
|
-
if ($[
|
|
163
|
-
|
|
168
|
+
let t19;
|
|
169
|
+
if ($[31] !== RootTag || $[32] !== t10 || $[33] !== t13 || $[34] !== t18) {
|
|
170
|
+
t19 = /*#__PURE__*/React.createElement(RootTag, {
|
|
164
171
|
className: t10,
|
|
165
172
|
"data-test": "checkbox",
|
|
166
173
|
"data-rs-internal": "checkbox__control"
|
|
167
|
-
}, t13,
|
|
168
|
-
$[
|
|
169
|
-
$[
|
|
170
|
-
$[
|
|
171
|
-
$[33] = t17;
|
|
174
|
+
}, t13, t18);
|
|
175
|
+
$[31] = RootTag;
|
|
176
|
+
$[32] = t10;
|
|
177
|
+
$[33] = t13;
|
|
172
178
|
$[34] = t18;
|
|
179
|
+
$[35] = t19;
|
|
173
180
|
} else {
|
|
174
|
-
|
|
181
|
+
t19 = $[35];
|
|
175
182
|
}
|
|
176
|
-
return
|
|
183
|
+
return t19;
|
|
177
184
|
});
|
|
178
185
|
CheckboxControlInner.propTypes = {
|
|
179
186
|
checked: PropTypes.bool,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var styles = {"themeLight":"
|
|
1
|
+
var styles = {"themeLight":"_themeLight_5agzbe_6","themeDark":"_themeDark_5agzbe_9","container":"_container_5agzbe_13","sizeS":"_sizeS_5agzbe_18","sizeM":"_sizeM_5agzbe_21","sizeL":"_sizeL_5agzbe_24","inner":"_inner_5agzbe_28","label":"_label_5agzbe_32","disabled":"_disabled_5agzbe_39","footer":"_footer_5agzbe_44","errorMessage":"_errorMessage_5agzbe_49","error":"_error_5agzbe_49","note":"_note_5agzbe_58"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var styles = {"themeLight":"
|
|
1
|
+
var styles = {"themeLight":"_themeLight_1fr597a_8","themeDark":"_themeDark_1fr597a_11","checkboxSizeS":"_checkboxSizeS_1fr597a_15","checkboxSizeM":"_checkboxSizeM_1fr597a_18","checkboxSizeL":"_checkboxSizeL_1fr597a_21","sizeS":"_sizeS_1fr597a_25","sizeM":"_sizeM_1fr597a_28","sizeL":"_sizeL_1fr597a_31","classic":"_classic_1fr597a_35","rock":"_rock_1fr597a_38","checkbox":"_checkbox_1fr597a_15","input":"_input_1fr597a_65","icon":"_icon_1fr597a_76","enabled":"_enabled_1fr597a_96","indeterminate":"_indeterminate_1fr597a_100","disabled":"_disabled_1fr597a_105","error":"_error_1fr597a_136","checkmark":"_checkmark_1fr597a_164","dashmark":"_dashmark_1fr597a_165","markS":"_markS_1fr597a_203","markM":"_markM_1fr597a_206","markL":"_markL_1fr597a_209","errorMessage":"_errorMessage_1fr597a_213"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
package/lib/parts/marks.d.ts
CHANGED
|
@@ -7,3 +7,7 @@ export declare const MarkS: React.FC<MarkProps>;
|
|
|
7
7
|
export declare const MarkM: React.FC<MarkProps>;
|
|
8
8
|
export declare const MarkL: React.FC<MarkProps>;
|
|
9
9
|
export declare const Mark: React.FC<MarkProps>;
|
|
10
|
+
export declare const DashS: React.FC<MarkProps>;
|
|
11
|
+
export declare const DashM: React.FC<MarkProps>;
|
|
12
|
+
export declare const DashL: React.FC<MarkProps>;
|
|
13
|
+
export declare const Dash: React.FC<MarkProps>;
|
package/lib/parts/marks.js
CHANGED
|
@@ -7,7 +7,9 @@ const MarkS = props => {
|
|
|
7
7
|
let t0;
|
|
8
8
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
9
9
|
t0 = /*#__PURE__*/React.createElement("path", {
|
|
10
|
-
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M10.9999 4.49992C11.3904 4.89045 11.3904 5.52361 10.9999 5.91414L6.70703 10.207C6.31651 10.5976 5.68334 10.5976 5.29282 10.207L2.99992 7.91414C2.6094 7.52361 2.6094 6.89045 2.99992 6.49992C3.39045 6.1094 4.02361 6.1094 4.41414 6.49992L5.99992 8.08571L9.58571 4.49992C9.97623 4.1094 10.6094 4.1094 10.9999 4.49992Z"
|
|
11
13
|
});
|
|
12
14
|
$[0] = t0;
|
|
13
15
|
} else {
|
|
@@ -31,7 +33,9 @@ const MarkM = props => {
|
|
|
31
33
|
let t0;
|
|
32
34
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
33
35
|
t0 = /*#__PURE__*/React.createElement("path", {
|
|
34
|
-
|
|
36
|
+
fillRule: "evenodd",
|
|
37
|
+
clipRule: "evenodd",
|
|
38
|
+
d: "M15.0001 5.00017C15.3808 5.40029 15.365 6.03326 14.9649 6.41394L8.33186 12.7247C7.9434 13.0942 7.33258 13.0917 6.94724 12.7189L4.02341 9.88999C3.62649 9.50596 3.61604 8.87288 4.00007 8.47597C4.3841 8.07905 5.01717 8.0686 5.41409 8.45262L7.64839 10.6144L13.5863 4.96497C13.9864 4.58428 14.6194 4.60004 15.0001 5.00017Z"
|
|
35
39
|
});
|
|
36
40
|
$[0] = t0;
|
|
37
41
|
} else {
|
|
@@ -55,7 +59,9 @@ const MarkL = props => {
|
|
|
55
59
|
let t0;
|
|
56
60
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
57
61
|
t0 = /*#__PURE__*/React.createElement("path", {
|
|
58
|
-
|
|
62
|
+
fillRule: "evenodd",
|
|
63
|
+
clipRule: "evenodd",
|
|
64
|
+
d: "M17.0001 4.75004C17.396 5.13516 17.4047 5.76827 17.0196 6.16412L8.35279 15.0724C7.95786 15.4783 7.30496 15.4756 6.91345 15.0663L2.96883 10.9431C2.58704 10.5441 2.60105 9.91105 3.00012 9.52926C3.39919 9.14748 4.0322 9.16149 4.41399 9.56056L7.64208 12.9348L15.586 4.76947C15.9712 4.37362 16.6043 4.36492 17.0001 4.75004Z"
|
|
59
65
|
});
|
|
60
66
|
$[0] = t0;
|
|
61
67
|
} else {
|
|
@@ -116,5 +122,119 @@ const Mark = props => {
|
|
|
116
122
|
}
|
|
117
123
|
return t3;
|
|
118
124
|
};
|
|
125
|
+
const DashS = props => {
|
|
126
|
+
const $ = c(3);
|
|
127
|
+
let t0;
|
|
128
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
129
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
130
|
+
d: "M9 6C9.55228 6 10 6.44771 10 7C10 7.55228 9.55228 8 9 8L5 8C4.44772 8 4 7.55228 4 7C4 6.44772 4.44772 6 5 6L9 6Z"
|
|
131
|
+
});
|
|
132
|
+
$[0] = t0;
|
|
133
|
+
} else {
|
|
134
|
+
t0 = $[0];
|
|
135
|
+
}
|
|
136
|
+
let t1;
|
|
137
|
+
if ($[1] !== props) {
|
|
138
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
139
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
140
|
+
viewBox: "0 0 14 14"
|
|
141
|
+
}, props), t0);
|
|
142
|
+
$[1] = props;
|
|
143
|
+
$[2] = t1;
|
|
144
|
+
} else {
|
|
145
|
+
t1 = $[2];
|
|
146
|
+
}
|
|
147
|
+
return t1;
|
|
148
|
+
};
|
|
149
|
+
const DashM = props => {
|
|
150
|
+
const $ = c(3);
|
|
151
|
+
let t0;
|
|
152
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
153
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
154
|
+
d: "M13 8C13.5523 8 14 8.44772 14 9C14 9.55228 13.5523 10 13 10H5C4.44772 10 4 9.55228 4 9C4 8.44772 4.44772 8 5 8H13Z"
|
|
155
|
+
});
|
|
156
|
+
$[0] = t0;
|
|
157
|
+
} else {
|
|
158
|
+
t0 = $[0];
|
|
159
|
+
}
|
|
160
|
+
let t1;
|
|
161
|
+
if ($[1] !== props) {
|
|
162
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
163
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
164
|
+
viewBox: "0 0 18 18"
|
|
165
|
+
}, props), t0);
|
|
166
|
+
$[1] = props;
|
|
167
|
+
$[2] = t1;
|
|
168
|
+
} else {
|
|
169
|
+
t1 = $[2];
|
|
170
|
+
}
|
|
171
|
+
return t1;
|
|
172
|
+
};
|
|
173
|
+
const DashL = props => {
|
|
174
|
+
const $ = c(3);
|
|
175
|
+
let t0;
|
|
176
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
177
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
178
|
+
d: "M16.25 9C16.8023 9 17.25 9.44772 17.25 10C17.25 10.5523 16.8023 11 16.25 11L4 11C3.44772 11 3 10.5523 3 10C3 9.44772 3.44772 9 4 9L16.25 9Z"
|
|
179
|
+
});
|
|
180
|
+
$[0] = t0;
|
|
181
|
+
} else {
|
|
182
|
+
t0 = $[0];
|
|
183
|
+
}
|
|
184
|
+
let t1;
|
|
185
|
+
if ($[1] !== props) {
|
|
186
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
187
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
188
|
+
viewBox: "0 0 20 20"
|
|
189
|
+
}, props), t0);
|
|
190
|
+
$[1] = props;
|
|
191
|
+
$[2] = t1;
|
|
192
|
+
} else {
|
|
193
|
+
t1 = $[2];
|
|
194
|
+
}
|
|
195
|
+
return t1;
|
|
196
|
+
};
|
|
197
|
+
const Dash = props => {
|
|
198
|
+
const $ = c(5);
|
|
199
|
+
let t0;
|
|
200
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
201
|
+
t0 = /*#__PURE__*/React.createElement("g", {
|
|
202
|
+
className: styles.markS
|
|
203
|
+
}, /*#__PURE__*/React.createElement(DashS, null));
|
|
204
|
+
$[0] = t0;
|
|
205
|
+
} else {
|
|
206
|
+
t0 = $[0];
|
|
207
|
+
}
|
|
208
|
+
let t1;
|
|
209
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
210
|
+
t1 = /*#__PURE__*/React.createElement("g", {
|
|
211
|
+
className: styles.markM
|
|
212
|
+
}, /*#__PURE__*/React.createElement(DashM, null));
|
|
213
|
+
$[1] = t1;
|
|
214
|
+
} else {
|
|
215
|
+
t1 = $[1];
|
|
216
|
+
}
|
|
217
|
+
let t2;
|
|
218
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
219
|
+
t2 = /*#__PURE__*/React.createElement("g", {
|
|
220
|
+
className: styles.markL
|
|
221
|
+
}, /*#__PURE__*/React.createElement(DashL, null));
|
|
222
|
+
$[2] = t2;
|
|
223
|
+
} else {
|
|
224
|
+
t2 = $[2];
|
|
225
|
+
}
|
|
226
|
+
let t3;
|
|
227
|
+
if ($[3] !== props) {
|
|
228
|
+
t3 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
229
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
230
|
+
viewBox: "0 0 24 24"
|
|
231
|
+
}, props), t0, t1, t2);
|
|
232
|
+
$[3] = props;
|
|
233
|
+
$[4] = t3;
|
|
234
|
+
} else {
|
|
235
|
+
t3 = $[4];
|
|
236
|
+
}
|
|
237
|
+
return t3;
|
|
238
|
+
};
|
|
119
239
|
|
|
120
|
-
export { Mark, MarkL, MarkM, MarkS };
|
|
240
|
+
export { Dash, DashL, DashM, DashS, Mark, MarkL, MarkM, MarkS };
|
package/lib/public-api.p.css
CHANGED
|
@@ -157,7 +157,6 @@
|
|
|
157
157
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
158
158
|
--_rs-checkbox-ci-size:14px;
|
|
159
159
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
160
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
161
160
|
}
|
|
162
161
|
}
|
|
163
162
|
@define-mixin rs-checkbox-list-size-m{
|
|
@@ -330,7 +329,6 @@
|
|
|
330
329
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
331
330
|
--_rs-checkbox-ci-size:18px;
|
|
332
331
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
333
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
334
332
|
}
|
|
335
333
|
}
|
|
336
334
|
@define-mixin rs-checkbox-list-size-l{
|
|
@@ -503,14 +501,11 @@
|
|
|
503
501
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
504
502
|
--_rs-checkbox-ci-size:20px;
|
|
505
503
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
506
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
507
504
|
}
|
|
508
505
|
}
|
|
509
506
|
@define-mixin rs-checkbox-list-mode-classic{
|
|
510
507
|
& [data-rs-internal="checkbox__control"]{
|
|
511
508
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
512
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
513
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
514
509
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
515
510
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
516
511
|
}
|
|
@@ -518,12 +513,6 @@
|
|
|
518
513
|
@define-mixin rs-checkbox-list-mode-rock{
|
|
519
514
|
& [data-rs-internal="checkbox__control"]{
|
|
520
515
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
521
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
522
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
523
|
-
);
|
|
524
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
525
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
526
|
-
);
|
|
527
516
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
528
517
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
529
518
|
);
|
|
@@ -582,7 +571,6 @@
|
|
|
582
571
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
583
572
|
--_rs-checkbox-ci-size:14px;
|
|
584
573
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
585
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
586
574
|
}
|
|
587
575
|
}
|
|
588
576
|
@define-mixin rs-checkbox-size-m{
|
|
@@ -642,7 +630,6 @@
|
|
|
642
630
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
643
631
|
--_rs-checkbox-ci-size:18px;
|
|
644
632
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
645
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
646
633
|
}
|
|
647
634
|
}
|
|
648
635
|
@define-mixin rs-checkbox-size-l{
|
|
@@ -702,14 +689,11 @@
|
|
|
702
689
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
703
690
|
--_rs-checkbox-ci-size:20px;
|
|
704
691
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
705
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
706
692
|
}
|
|
707
693
|
}
|
|
708
694
|
@define-mixin rs-checkbox-mode-classic{
|
|
709
695
|
& [data-rs-internal="checkbox__control"]{
|
|
710
696
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
711
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
712
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
713
697
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
714
698
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
715
699
|
}
|
|
@@ -717,12 +701,6 @@
|
|
|
717
701
|
@define-mixin rs-checkbox-mode-rock{
|
|
718
702
|
& [data-rs-internal="checkbox__control"]{
|
|
719
703
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
720
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
721
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
722
|
-
);
|
|
723
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
724
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
725
|
-
);
|
|
726
704
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
727
705
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
728
706
|
);
|
|
@@ -739,7 +717,6 @@
|
|
|
739
717
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
740
718
|
--_rs-checkbox-ci-size:14px;
|
|
741
719
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
742
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
743
720
|
}
|
|
744
721
|
}
|
|
745
722
|
@define-mixin rs-checkbox-control-size-m{
|
|
@@ -749,7 +726,6 @@
|
|
|
749
726
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
750
727
|
--_rs-checkbox-ci-size:18px;
|
|
751
728
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
752
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
753
729
|
}
|
|
754
730
|
}
|
|
755
731
|
@define-mixin rs-checkbox-control-size-l{
|
|
@@ -759,14 +735,11 @@
|
|
|
759
735
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
760
736
|
--_rs-checkbox-ci-size:20px;
|
|
761
737
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
762
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
763
738
|
}
|
|
764
739
|
}
|
|
765
740
|
@define-mixin rs-checkbox-control-mode-classic{
|
|
766
741
|
&[class]{
|
|
767
742
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
768
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
769
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
770
743
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
771
744
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
772
745
|
}
|
|
@@ -774,12 +747,6 @@
|
|
|
774
747
|
@define-mixin rs-checkbox-control-mode-rock{
|
|
775
748
|
&[class]{
|
|
776
749
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
777
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
778
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
779
|
-
);
|
|
780
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
781
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
782
|
-
);
|
|
783
750
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
784
751
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
785
752
|
);
|
package/lib/public-api.pcss
CHANGED
|
@@ -157,7 +157,6 @@
|
|
|
157
157
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
158
158
|
--_rs-checkbox-ci-size:14px;
|
|
159
159
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
160
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
161
160
|
}
|
|
162
161
|
}
|
|
163
162
|
@define-mixin rs-checkbox-list-size-m{
|
|
@@ -330,7 +329,6 @@
|
|
|
330
329
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
331
330
|
--_rs-checkbox-ci-size:18px;
|
|
332
331
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
333
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
334
332
|
}
|
|
335
333
|
}
|
|
336
334
|
@define-mixin rs-checkbox-list-size-l{
|
|
@@ -503,14 +501,11 @@
|
|
|
503
501
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
504
502
|
--_rs-checkbox-ci-size:20px;
|
|
505
503
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
506
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
507
504
|
}
|
|
508
505
|
}
|
|
509
506
|
@define-mixin rs-checkbox-list-mode-classic{
|
|
510
507
|
& [data-rs-internal="checkbox__control"]{
|
|
511
508
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
512
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
513
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
514
509
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
515
510
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
516
511
|
}
|
|
@@ -518,12 +513,6 @@
|
|
|
518
513
|
@define-mixin rs-checkbox-list-mode-rock{
|
|
519
514
|
& [data-rs-internal="checkbox__control"]{
|
|
520
515
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
521
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
522
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
523
|
-
);
|
|
524
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
525
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
526
|
-
);
|
|
527
516
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
528
517
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
529
518
|
);
|
|
@@ -582,7 +571,6 @@
|
|
|
582
571
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
583
572
|
--_rs-checkbox-ci-size:14px;
|
|
584
573
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
585
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
586
574
|
}
|
|
587
575
|
}
|
|
588
576
|
@define-mixin rs-checkbox-size-m{
|
|
@@ -642,7 +630,6 @@
|
|
|
642
630
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
643
631
|
--_rs-checkbox-ci-size:18px;
|
|
644
632
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
645
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
646
633
|
}
|
|
647
634
|
}
|
|
648
635
|
@define-mixin rs-checkbox-size-l{
|
|
@@ -702,14 +689,11 @@
|
|
|
702
689
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
703
690
|
--_rs-checkbox-ci-size:20px;
|
|
704
691
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
705
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
706
692
|
}
|
|
707
693
|
}
|
|
708
694
|
@define-mixin rs-checkbox-mode-classic{
|
|
709
695
|
& [data-rs-internal="checkbox__control"]{
|
|
710
696
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
711
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
712
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
713
697
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
714
698
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
715
699
|
}
|
|
@@ -717,12 +701,6 @@
|
|
|
717
701
|
@define-mixin rs-checkbox-mode-rock{
|
|
718
702
|
& [data-rs-internal="checkbox__control"]{
|
|
719
703
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
720
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
721
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
722
|
-
);
|
|
723
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
724
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
725
|
-
);
|
|
726
704
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
727
705
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
728
706
|
);
|
|
@@ -739,7 +717,6 @@
|
|
|
739
717
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
740
718
|
--_rs-checkbox-ci-size:14px;
|
|
741
719
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
742
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
|
|
743
720
|
}
|
|
744
721
|
}
|
|
745
722
|
@define-mixin rs-checkbox-control-size-m{
|
|
@@ -749,7 +726,6 @@
|
|
|
749
726
|
--_rs-checkbox-ci-mark-l-display:none;
|
|
750
727
|
--_rs-checkbox-ci-size:18px;
|
|
751
728
|
--_rs-checkbox-ci-shadow-size:3px;
|
|
752
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
|
|
753
729
|
}
|
|
754
730
|
}
|
|
755
731
|
@define-mixin rs-checkbox-control-size-l{
|
|
@@ -759,14 +735,11 @@
|
|
|
759
735
|
--_rs-checkbox-ci-mark-l-display:initial;
|
|
760
736
|
--_rs-checkbox-ci-size:20px;
|
|
761
737
|
--_rs-checkbox-ci-shadow-size:4px;
|
|
762
|
-
--_rs-checkbox-ci-indeterminate-icon-border-width:9px 3px;
|
|
763
738
|
}
|
|
764
739
|
}
|
|
765
740
|
@define-mixin rs-checkbox-control-mode-classic{
|
|
766
741
|
&[class]{
|
|
767
742
|
--_rs-checkbox-ci-mark-color:#FFFFFF;
|
|
768
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:var(--_rs-color-primary);
|
|
769
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:#FFFFFF;
|
|
770
743
|
--_rs-checkbox-ci-checked-icon-border-color:var(--_rs-color-primary);
|
|
771
744
|
--_rs-checkbox-ci-hover-icon-box-shadow:var(--_rs-color-primary-t-fog);
|
|
772
745
|
}
|
|
@@ -774,12 +747,6 @@
|
|
|
774
747
|
@define-mixin rs-checkbox-control-mode-rock{
|
|
775
748
|
&[class]{
|
|
776
749
|
--_rs-checkbox-ci-mark-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
777
|
-
--_rs-checkbox-ci-indeterminate-icon-border-color:rgb(
|
|
778
|
-
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
779
|
-
);
|
|
780
|
-
--_rs-checkbox-ci-indeterminate-icon-background-color:rgb(
|
|
781
|
-
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
782
|
-
);
|
|
783
750
|
--_rs-checkbox-ci-checked-icon-border-color:rgb(
|
|
784
751
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
785
752
|
);
|
|
@@ -10,7 +10,7 @@ Checkboxes allow users to select one or more items from a set of options.
|
|
|
10
10
|
|
|
11
11
|
Is a special component to quickly retrieve array of selected values:
|
|
12
12
|
|
|
13
|
-
```
|
|
13
|
+
```jsx
|
|
14
14
|
import { useState } from 'react';
|
|
15
15
|
import { Checkbox, CheckboxList } from '@rescui/checkbox';
|
|
16
16
|
|
|
@@ -43,7 +43,7 @@ render(<Demo />);
|
|
|
43
43
|
|
|
44
44
|
#### With default value
|
|
45
45
|
|
|
46
|
-
```
|
|
46
|
+
```jsx
|
|
47
47
|
import { Checkbox, CheckboxList } from '@rescui/checkbox';
|
|
48
48
|
|
|
49
49
|
const Demo = () => {
|
|
@@ -68,7 +68,7 @@ render(<Demo />);
|
|
|
68
68
|
|
|
69
69
|
#### With a custom list
|
|
70
70
|
|
|
71
|
-
```
|
|
71
|
+
```jsx
|
|
72
72
|
import { CheckboxControl, CheckboxManager } from '@rescui/checkbox';
|
|
73
73
|
|
|
74
74
|
<CheckboxManager>
|
|
@@ -95,7 +95,7 @@ import { CheckboxControl, CheckboxManager } from '@rescui/checkbox';
|
|
|
95
95
|
|
|
96
96
|
CSS variable `--rs-out-checkbox-list-left-offset` is used to indent nested `CheckboxList`. It is available only inside `CheckboxList` component.
|
|
97
97
|
|
|
98
|
-
```
|
|
98
|
+
```jsx
|
|
99
99
|
import { useState } from 'react';
|
|
100
100
|
import { Checkbox, CheckboxList } from '@rescui/checkbox';
|
|
101
101
|
import { Input } from '@rescui/input';
|
|
@@ -135,7 +135,7 @@ CSS variable `--rs-out-checkbox-list-left-offset` is used to indent nested `Chec
|
|
|
135
135
|
|
|
136
136
|
This demo also shows a complex state management to sync nested `CheckboxList` with the outer `CheckboxList`.
|
|
137
137
|
|
|
138
|
-
```
|
|
138
|
+
```jsx
|
|
139
139
|
import { useState } from 'react';
|
|
140
140
|
import { Checkbox, CheckboxList } from '@rescui/checkbox';
|
|
141
141
|
|
|
@@ -219,7 +219,7 @@ render(<Demo />);
|
|
|
219
219
|
|
|
220
220
|
### Controlled checkbox
|
|
221
221
|
|
|
222
|
-
```
|
|
222
|
+
```jsx
|
|
223
223
|
import { Checkbox } from '@rescui/checkbox';
|
|
224
224
|
import { useState } from 'react';
|
|
225
225
|
|
|
@@ -240,7 +240,7 @@ render(<Demo />);
|
|
|
240
240
|
|
|
241
241
|
#### With `label` on the outside
|
|
242
242
|
|
|
243
|
-
```
|
|
243
|
+
```jsx
|
|
244
244
|
import { CheckboxControl } from '@rescui/checkbox';
|
|
245
245
|
|
|
246
246
|
<label style={{ display: 'flex', alignItems: 'center' }}>
|
|
@@ -267,7 +267,7 @@ import { CheckboxControl } from '@rescui/checkbox';
|
|
|
267
267
|
|
|
268
268
|
Use the controls to see the effect at different viewport widths.
|
|
269
269
|
|
|
270
|
-
```
|
|
270
|
+
```jsx
|
|
271
271
|
import { Checkbox, CheckboxList } from '@rescui/checkbox';
|
|
272
272
|
import { useState } from 'react';
|
|
273
273
|
|
|
@@ -317,7 +317,7 @@ render(<MyCheckboxList />);
|
|
|
317
317
|
|
|
318
318
|
Use the controls to see the effect at different viewport widths.
|
|
319
319
|
|
|
320
|
-
```
|
|
320
|
+
```jsx
|
|
321
321
|
import { Checkbox } from '@rescui/checkbox';
|
|
322
322
|
|
|
323
323
|
const MyCheckbox = () => {
|
|
@@ -360,7 +360,7 @@ render(<MyCheckbox />);
|
|
|
360
360
|
|
|
361
361
|
Use the controls to see the effect at different viewport widths.
|
|
362
362
|
|
|
363
|
-
```
|
|
363
|
+
```jsx
|
|
364
364
|
import { CheckboxControl } from '@rescui/checkbox';
|
|
365
365
|
|
|
366
366
|
const MyCheckboxControl = () => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/checkbox",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@rescui/form-field": "^0.3.3",
|
|
20
|
-
"@rescui/menu": "^0.
|
|
20
|
+
"@rescui/menu": "^0.18.0",
|
|
21
21
|
"classnames": "^2.2.6",
|
|
22
22
|
"react-compiler-runtime": "^1.0.0"
|
|
23
23
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
39
39
|
},
|
|
40
40
|
"nx": {},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
|
|
42
42
|
}
|