@rescui/checkbox 0.9.5-RUI-285-Support-blur-for-glow-hover-6f393bc1.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/lib/checkbox.d.ts +6 -0
  2. package/lib/checkbox.js +18 -10
  3. package/lib/index.css +368 -340
  4. package/lib/parts/checkbox-control-inner.d.ts +1 -0
  5. package/lib/parts/checkbox-control-inner.js +7 -4
  6. package/lib/parts/checkbox-control.js +3 -0
  7. package/lib/parts/checkbox-list.d.ts +11 -1
  8. package/lib/parts/checkbox-list.js +49 -22
  9. package/lib/parts/checkbox-list.p.module.css.js +16 -0
  10. package/lib/parts/checkbox.p.module.css.js +22 -28
  11. package/lib/parts/group-context.d.ts +1 -0
  12. package/lib/parts/use-backward-compatible-id.d.ts +4 -0
  13. package/lib/parts/use-backward-compatible-id.js +14 -0
  14. package/lib/public-api.p.css +135 -200
  15. package/lib/public-api.pcss +135 -200
  16. package/package.json +9 -8
  17. package/lib/_virtual/index.css.js +0 -15
  18. package/lib/_virtual/warning.js +0 -106
package/lib/public-api.p.css CHANGED
@@ -1,5 +1,43 @@
1
1
  @define-mixin rs-checkbox-list-size-s{
2
- &[class] [data-rs-internal='checkbox-list__error-message']{
2
+ &[class]{
3
+ --_rs-checkbox-list-label-offset:4px;
4
+ --_rs-checkbox-list-left-offset:28px;
5
+ }
6
+ &[class] [data-rs-internal='checkbox-list__label']{
7
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
8
+ --_rs-typography-text-transform:initial;
9
+ --_rs-typography-font-variant-numeric:initial;
10
+ --_rs-typography-font-family:var(
11
+ --rs-font-family-ui,
12
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
13
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
14
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
15
+ );
16
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
17
+ --_rs-typography-font-weight:var(
18
+ --rs-font-weight-regular,
19
+ 400
20
+ );
21
+ --_rs-typography-line-height:var(
22
+ --rs-text-3-line-height,
23
+ 20px
24
+ );
25
+ --_rs-typography-base-color:var(
26
+ --_rs-typography-hardness-color,
27
+ var(
28
+ --rs-color-average,
29
+ 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.7)
30
+ )
31
+ );
32
+ --_rs-typography-text-auto-offset:8px;
33
+ --_rs-typography-ul-list-li-padding-left:28px;
34
+ --_rs-typography-ol-list-li-padding-left:21px;
35
+ --_rs-typography-list-li-margin-top-from-text:8px;
36
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
37
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
38
+ --_rs-typography-link-border-bottom-width-from-text:1px;
39
+ }
40
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
3
41
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
42
  --_rs-typography-text-transform:initial;
5
43
  --_rs-typography-font-variant-numeric:initial;
@@ -29,9 +67,6 @@
29
67
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
30
68
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
31
69
  --_rs-typography-link-border-bottom-width-from-text:2px;
32
- }
33
- &[class] [data-rs-internal='checkbox-list__error-icon']:not(html){
34
- --_rs-icons-height:20px;
35
70
  }
36
71
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
37
72
  --_rs-menu-mi-icon-offset:8px;
@@ -104,8 +139,25 @@
104
139
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
105
140
  --_rs-typography-link-border-bottom-width-from-text:2px;
106
141
  }
107
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-message']{
108
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
142
+ & [data-rs-internal="checkbox"]{
143
+ --_rs-checkbox-parts-offset:4px;
144
+ }
145
+ & [data-rs-internal="checkbox__control"]{
146
+ --_rs-checkbox-ci-mark-s-display:initial;
147
+ --_rs-checkbox-ci-mark-m-display:none;
148
+ --_rs-checkbox-ci-mark-l-display:none;
149
+ --_rs-checkbox-ci-size:14px;
150
+ --_rs-checkbox-ci-shadow-size:3px;
151
+ --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
152
+ }
153
+ }
154
+ @define-mixin rs-checkbox-list-size-m{
155
+ &[class]{
156
+ --_rs-checkbox-list-label-offset:8px;
157
+ --_rs-checkbox-list-left-offset:32px;
158
+ }
159
+ &[class] [data-rs-internal='checkbox-list__label']{
160
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
109
161
  --_rs-typography-text-transform:initial;
110
162
  --_rs-typography-font-variant-numeric:initial;
111
163
  --_rs-typography-font-family:var(
@@ -114,42 +166,40 @@
114
166
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
115
167
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
116
168
  );
117
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
169
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
118
170
  --_rs-typography-font-weight:var(
119
- --rs-font-weight-semi-bold,
120
- 600
171
+ --rs-font-weight-regular,
172
+ 400
173
+ );
174
+ --_rs-typography-line-height:var(
175
+ --rs-text-2-line-height,
176
+ 24px
121
177
  );
122
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
178
  --_rs-typography-base-color:var(
124
- --_rs-typography-heading-hardness-color,
179
+ --_rs-typography-hardness-color,
125
180
  var(
126
- --rs-color-hard,
127
- 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))
181
+ --rs-color-average,
182
+ 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.7)
128
183
  )
129
184
  );
130
- --_rs-typography-text-auto-offset:0;
131
- --_rs-typography-ul-list-li-padding-left:initial;
132
- --_rs-typography-ol-list-li-padding-left:initial;
133
- --_rs-typography-list-li-margin-top-from-text:initial;
185
+ --_rs-typography-text-auto-offset:16px;
186
+ --_rs-typography-ul-list-li-padding-left:22px;
187
+ --_rs-typography-ol-list-li-padding-left:26px;
188
+ --_rs-typography-list-li-margin-top-from-text:var(
189
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
190
+ 16px
191
+ );
134
192
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
135
193
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
136
- --_rs-typography-link-border-bottom-width-from-text:2px;
194
+ --_rs-typography-link-border-bottom-width-from-text:1px;
137
195
  }
138
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-icon']:not(html){
139
- --_rs-icons-height:20px;
196
+ @media screen and (max-width: 640px){
197
+ &[class] [data-rs-internal='checkbox-list__label']{
198
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
140
199
  }
141
- & [data-rs-internal="checkbox__control"]{
142
- --_rs-checkbox-ci-mark-s-display:initial;
143
- --_rs-checkbox-ci-mark-m-display:none;
144
- --_rs-checkbox-ci-mark-l-display:none;
145
- --_rs-checkbox-ci-size:14px;
146
- --_rs-checkbox-ci-shadow-size:3px;
147
- --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
148
200
  }
149
- }
150
- @define-mixin rs-checkbox-list-size-m{
151
- &[class] [data-rs-internal='checkbox-list__error-message']{
152
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
201
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
202
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
153
203
  --_rs-typography-text-transform:initial;
154
204
  --_rs-typography-font-variant-numeric:initial;
155
205
  --_rs-typography-font-family:var(
@@ -158,12 +208,12 @@
158
208
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
159
209
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
160
210
  );
161
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
211
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
162
212
  --_rs-typography-font-weight:var(
163
213
  --rs-font-weight-semi-bold,
164
214
  600
165
215
  );
166
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
216
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
167
217
  --_rs-typography-base-color:var(
168
218
  --_rs-typography-heading-hardness-color,
169
219
  var(
@@ -178,9 +228,6 @@
178
228
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
179
229
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
180
230
  --_rs-typography-link-border-bottom-width-from-text:2px;
181
- }
182
- &[class] [data-rs-internal='checkbox-list__error-icon']:not(html){
183
- --_rs-icons-height:20px;
184
231
  }
185
232
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
186
233
  --_rs-menu-mi-icon-offset:8px;
@@ -261,8 +308,25 @@
261
308
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
262
309
  --_rs-typography-link-border-bottom-width-from-text:2px;
263
310
  }
264
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-message']{
265
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
311
+ & [data-rs-internal="checkbox"]{
312
+ --_rs-checkbox-parts-offset:8px;
313
+ }
314
+ & [data-rs-internal="checkbox__control"]{
315
+ --_rs-checkbox-ci-mark-s-display:none;
316
+ --_rs-checkbox-ci-mark-m-display:initial;
317
+ --_rs-checkbox-ci-mark-l-display:none;
318
+ --_rs-checkbox-ci-size:18px;
319
+ --_rs-checkbox-ci-shadow-size:3px;
320
+ --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
321
+ }
322
+ }
323
+ @define-mixin rs-checkbox-list-size-l{
324
+ &[class]{
325
+ --_rs-checkbox-list-label-offset:12px;
326
+ --_rs-checkbox-list-left-offset:44px;
327
+ }
328
+ &[class] [data-rs-internal='checkbox-list__label']{
329
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
266
330
  --_rs-typography-text-transform:initial;
267
331
  --_rs-typography-font-variant-numeric:initial;
268
332
  --_rs-typography-font-family:var(
@@ -271,42 +335,40 @@
271
335
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
272
336
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
273
337
  );
274
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
338
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
275
339
  --_rs-typography-font-weight:var(
276
- --rs-font-weight-semi-bold,
277
- 600
340
+ --rs-font-weight-regular,
341
+ 400
342
+ );
343
+ --_rs-typography-line-height:var(
344
+ --rs-text-1-line-height,
345
+ 28px
278
346
  );
279
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
280
347
  --_rs-typography-base-color:var(
281
- --_rs-typography-heading-hardness-color,
348
+ --_rs-typography-hardness-color,
282
349
  var(
283
- --rs-color-hard,
284
- 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))
350
+ --rs-color-average,
351
+ 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.7)
285
352
  )
286
353
  );
287
- --_rs-typography-text-auto-offset:0;
288
- --_rs-typography-ul-list-li-padding-left:initial;
289
- --_rs-typography-ol-list-li-padding-left:initial;
290
- --_rs-typography-list-li-margin-top-from-text:initial;
354
+ --_rs-typography-text-auto-offset:32px;
355
+ --_rs-typography-ul-list-li-padding-left:26px;
356
+ --_rs-typography-ol-list-li-padding-left:32px;
357
+ --_rs-typography-list-li-margin-top-from-text:var(
358
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
359
+ 24px
360
+ );
291
361
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
292
362
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
293
- --_rs-typography-link-border-bottom-width-from-text:2px;
363
+ --_rs-typography-link-border-bottom-width-from-text:1px;
294
364
  }
295
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-icon']:not(html){
296
- --_rs-icons-height:20px;
365
+ @media screen and (max-width: 640px){
366
+ &[class] [data-rs-internal='checkbox-list__label']{
367
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
297
368
  }
298
- & [data-rs-internal="checkbox__control"]{
299
- --_rs-checkbox-ci-mark-s-display:none;
300
- --_rs-checkbox-ci-mark-m-display:initial;
301
- --_rs-checkbox-ci-mark-l-display:none;
302
- --_rs-checkbox-ci-size:18px;
303
- --_rs-checkbox-ci-shadow-size:3px;
304
- --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
305
369
  }
306
- }
307
- @define-mixin rs-checkbox-list-size-l{
308
- &[class] [data-rs-internal='checkbox-list__error-message']{
309
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
370
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
371
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
310
372
  --_rs-typography-text-transform:initial;
311
373
  --_rs-typography-font-variant-numeric:initial;
312
374
  --_rs-typography-font-family:var(
@@ -315,12 +377,12 @@
315
377
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
316
378
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
317
379
  );
318
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
380
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
319
381
  --_rs-typography-font-weight:var(
320
382
  --rs-font-weight-semi-bold,
321
383
  600
322
384
  );
323
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
385
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
324
386
  --_rs-typography-base-color:var(
325
387
  --_rs-typography-heading-hardness-color,
326
388
  var(
@@ -335,9 +397,6 @@
335
397
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
336
398
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
337
399
  --_rs-typography-link-border-bottom-width-from-text:2px;
338
- }
339
- &[class] [data-rs-internal='checkbox-list__error-icon']:not(html){
340
- --_rs-icons-height:24px;
341
400
  }
342
401
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
343
402
  --_rs-menu-mi-icon-offset:16px;
@@ -418,39 +477,8 @@
418
477
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
419
478
  --_rs-typography-link-border-bottom-width-from-text:2px;
420
479
  }
421
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-message']{
422
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
423
- --_rs-typography-text-transform:initial;
424
- --_rs-typography-font-variant-numeric:initial;
425
- --_rs-typography-font-family:var(
426
- --rs-font-family-ui,
427
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
428
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
429
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
430
- );
431
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
432
- --_rs-typography-font-weight:var(
433
- --rs-font-weight-semi-bold,
434
- 600
435
- );
436
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
437
- --_rs-typography-base-color:var(
438
- --_rs-typography-heading-hardness-color,
439
- var(
440
- --rs-color-hard,
441
- 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))
442
- )
443
- );
444
- --_rs-typography-text-auto-offset:0;
445
- --_rs-typography-ul-list-li-padding-left:initial;
446
- --_rs-typography-ol-list-li-padding-left:initial;
447
- --_rs-typography-list-li-margin-top-from-text:initial;
448
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
449
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
450
- --_rs-typography-link-border-bottom-width-from-text:2px;
451
- }
452
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-icon']:not(html){
453
- --_rs-icons-height:24px;
480
+ & [data-rs-internal="checkbox"]{
481
+ --_rs-checkbox-parts-offset:8px;
454
482
  }
455
483
  & [data-rs-internal="checkbox__control"]{
456
484
  --_rs-checkbox-ci-mark-s-display:none;
@@ -489,39 +517,8 @@
489
517
  }
490
518
  }
491
519
  @define-mixin rs-checkbox-size-s{
492
- &[class] [data-rs-internal='checkbox__error-message']{
493
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
494
- --_rs-typography-text-transform:initial;
495
- --_rs-typography-font-variant-numeric:initial;
496
- --_rs-typography-font-family:var(
497
- --rs-font-family-ui,
498
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
499
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
500
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
501
- );
502
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
503
- --_rs-typography-font-weight:var(
504
- --rs-font-weight-semi-bold,
505
- 600
506
- );
507
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
508
- --_rs-typography-base-color:var(
509
- --_rs-typography-heading-hardness-color,
510
- var(
511
- --rs-color-hard,
512
- 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))
513
- )
514
- );
515
- --_rs-typography-text-auto-offset:0;
516
- --_rs-typography-ul-list-li-padding-left:initial;
517
- --_rs-typography-ol-list-li-padding-left:initial;
518
- --_rs-typography-list-li-margin-top-from-text:initial;
519
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
520
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
521
- --_rs-typography-link-border-bottom-width-from-text:2px;
522
- }
523
- &[class] [data-rs-internal='checkbox__error-icon']:not(html){
524
- --_rs-icons-height:20px;
520
+ &[class]{
521
+ --_rs-checkbox-parts-offset:4px;
525
522
  }
526
523
  & [data-rs-internal="menu__menu-item"][class]{
527
524
  --_rs-menu-mi-icon-offset:8px;
@@ -571,39 +568,8 @@
571
568
  }
572
569
  }
573
570
  @define-mixin rs-checkbox-size-m{
574
- &[class] [data-rs-internal='checkbox__error-message']{
575
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
576
- --_rs-typography-text-transform:initial;
577
- --_rs-typography-font-variant-numeric:initial;
578
- --_rs-typography-font-family:var(
579
- --rs-font-family-ui,
580
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
581
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
582
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
583
- );
584
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
585
- --_rs-typography-font-weight:var(
586
- --rs-font-weight-semi-bold,
587
- 600
588
- );
589
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
590
- --_rs-typography-base-color:var(
591
- --_rs-typography-heading-hardness-color,
592
- var(
593
- --rs-color-hard,
594
- 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))
595
- )
596
- );
597
- --_rs-typography-text-auto-offset:0;
598
- --_rs-typography-ul-list-li-padding-left:initial;
599
- --_rs-typography-ol-list-li-padding-left:initial;
600
- --_rs-typography-list-li-margin-top-from-text:initial;
601
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
602
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
603
- --_rs-typography-link-border-bottom-width-from-text:2px;
604
- }
605
- &[class] [data-rs-internal='checkbox__error-icon']:not(html){
606
- --_rs-icons-height:20px;
571
+ &[class]{
572
+ --_rs-checkbox-parts-offset:8px;
607
573
  }
608
574
  & [data-rs-internal="menu__menu-item"][class]{
609
575
  --_rs-menu-mi-icon-offset:8px;
@@ -661,39 +627,8 @@
661
627
  }
662
628
  }
663
629
  @define-mixin rs-checkbox-size-l{
664
- &[class] [data-rs-internal='checkbox__error-message']{
665
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
666
- --_rs-typography-text-transform:initial;
667
- --_rs-typography-font-variant-numeric:initial;
668
- --_rs-typography-font-family:var(
669
- --rs-font-family-ui,
670
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
671
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
672
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
673
- );
674
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
675
- --_rs-typography-font-weight:var(
676
- --rs-font-weight-semi-bold,
677
- 600
678
- );
679
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
680
- --_rs-typography-base-color:var(
681
- --_rs-typography-heading-hardness-color,
682
- var(
683
- --rs-color-hard,
684
- 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))
685
- )
686
- );
687
- --_rs-typography-text-auto-offset:0;
688
- --_rs-typography-ul-list-li-padding-left:initial;
689
- --_rs-typography-ol-list-li-padding-left:initial;
690
- --_rs-typography-list-li-margin-top-from-text:initial;
691
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
692
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
693
- --_rs-typography-link-border-bottom-width-from-text:2px;
694
- }
695
- &[class] [data-rs-internal='checkbox__error-icon']:not(html){
696
- --_rs-icons-height:24px;
630
+ &[class]{
631
+ --_rs-checkbox-parts-offset:8px;
697
632
  }
698
633
  & [data-rs-internal="menu__menu-item"][class]{
699
634
  --_rs-menu-mi-icon-offset:16px;