@rescui/checkbox 0.9.5-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.10.1

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.
@@ -1,5 +1,44 @@
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-bullet-offset:2px;
34
+ --_rs-typography-list-li-compact-left-offset:15px;
35
+ --_rs-typography-list-li-default-left-offset:19px;
36
+ --_rs-typography-list-li-margin-top-from-text:8px;
37
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
38
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
39
+ --_rs-typography-link-border-bottom-width-from-text:1px;
40
+ }
41
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
3
42
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
4
43
  --_rs-typography-text-transform:initial;
5
44
  --_rs-typography-font-variant-numeric:initial;
@@ -23,15 +62,13 @@
23
62
  )
24
63
  );
25
64
  --_rs-typography-text-auto-offset:0;
26
- --_rs-typography-ul-list-li-padding-left:initial;
27
- --_rs-typography-ol-list-li-padding-left:initial;
65
+ --_rs-typography-ul-bullet-offset:initial;
66
+ --_rs-typography-list-li-compact-left-offset:initial;
67
+ --_rs-typography-list-li-default-left-offset:initial;
28
68
  --_rs-typography-list-li-margin-top-from-text:initial;
29
69
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
30
70
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
31
71
  --_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
72
  }
36
73
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
37
74
  --_rs-menu-mi-icon-offset:8px;
@@ -64,8 +101,9 @@
64
101
  )
65
102
  );
66
103
  --_rs-typography-text-auto-offset:8px;
67
- --_rs-typography-ul-list-li-padding-left:28px;
68
- --_rs-typography-ol-list-li-padding-left:21px;
104
+ --_rs-typography-ul-bullet-offset:2px;
105
+ --_rs-typography-list-li-compact-left-offset:15px;
106
+ --_rs-typography-list-li-default-left-offset:19px;
69
107
  --_rs-typography-list-li-margin-top-from-text:8px;
70
108
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
71
109
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -97,15 +135,33 @@
97
135
  )
98
136
  );
99
137
  --_rs-typography-text-auto-offset:0;
100
- --_rs-typography-ul-list-li-padding-left:initial;
101
- --_rs-typography-ol-list-li-padding-left:initial;
138
+ --_rs-typography-ul-bullet-offset:initial;
139
+ --_rs-typography-list-li-compact-left-offset:initial;
140
+ --_rs-typography-list-li-default-left-offset:initial;
102
141
  --_rs-typography-list-li-margin-top-from-text:initial;
103
142
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
104
143
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
105
144
  --_rs-typography-link-border-bottom-width-from-text:2px;
106
145
  }
107
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-message']{
108
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
146
+ & [data-rs-internal="checkbox"]{
147
+ --_rs-checkbox-parts-offset:4px;
148
+ }
149
+ & [data-rs-internal="checkbox__control"]{
150
+ --_rs-checkbox-ci-mark-s-display:initial;
151
+ --_rs-checkbox-ci-mark-m-display:none;
152
+ --_rs-checkbox-ci-mark-l-display:none;
153
+ --_rs-checkbox-ci-size:14px;
154
+ --_rs-checkbox-ci-shadow-size:3px;
155
+ --_rs-checkbox-ci-indeterminate-icon-border-width:6px 3px;
156
+ }
157
+ }
158
+ @define-mixin rs-checkbox-list-size-m{
159
+ &[class]{
160
+ --_rs-checkbox-list-label-offset:8px;
161
+ --_rs-checkbox-list-left-offset:32px;
162
+ }
163
+ &[class] [data-rs-internal='checkbox-list__label']{
164
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
109
165
  --_rs-typography-text-transform:initial;
110
166
  --_rs-typography-font-variant-numeric:initial;
111
167
  --_rs-typography-font-family:var(
@@ -114,42 +170,41 @@
114
170
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
115
171
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
116
172
  );
117
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
173
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
118
174
  --_rs-typography-font-weight:var(
119
- --rs-font-weight-semi-bold,
120
- 600
175
+ --rs-font-weight-regular,
176
+ 400
177
+ );
178
+ --_rs-typography-line-height:var(
179
+ --rs-text-2-line-height,
180
+ 24px
121
181
  );
122
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
123
182
  --_rs-typography-base-color:var(
124
- --_rs-typography-heading-hardness-color,
183
+ --_rs-typography-hardness-color,
125
184
  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))
185
+ --rs-color-average,
186
+ 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
187
  )
129
188
  );
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;
189
+ --_rs-typography-text-auto-offset:16px;
190
+ --_rs-typography-ul-bullet-offset:2px;
191
+ --_rs-typography-list-li-compact-left-offset:18px;
192
+ --_rs-typography-list-li-default-left-offset:24px;
193
+ --_rs-typography-list-li-margin-top-from-text:var(
194
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
195
+ 16px
196
+ );
134
197
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
135
198
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
136
- --_rs-typography-link-border-bottom-width-from-text:2px;
199
+ --_rs-typography-link-border-bottom-width-from-text:1px;
137
200
  }
138
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-icon']:not(html){
139
- --_rs-icons-height:20px;
201
+ @media screen and (max-width: 640px){
202
+ &[class] [data-rs-internal='checkbox-list__label']{
203
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
140
204
  }
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
205
  }
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);
206
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
207
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
153
208
  --_rs-typography-text-transform:initial;
154
209
  --_rs-typography-font-variant-numeric:initial;
155
210
  --_rs-typography-font-family:var(
@@ -158,12 +213,12 @@
158
213
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
159
214
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
160
215
  );
161
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
216
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
162
217
  --_rs-typography-font-weight:var(
163
218
  --rs-font-weight-semi-bold,
164
219
  600
165
220
  );
166
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
221
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
167
222
  --_rs-typography-base-color:var(
168
223
  --_rs-typography-heading-hardness-color,
169
224
  var(
@@ -172,15 +227,13 @@
172
227
  )
173
228
  );
174
229
  --_rs-typography-text-auto-offset:0;
175
- --_rs-typography-ul-list-li-padding-left:initial;
176
- --_rs-typography-ol-list-li-padding-left:initial;
230
+ --_rs-typography-ul-bullet-offset:initial;
231
+ --_rs-typography-list-li-compact-left-offset:initial;
232
+ --_rs-typography-list-li-default-left-offset:initial;
177
233
  --_rs-typography-list-li-margin-top-from-text:initial;
178
234
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
179
235
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
180
236
  --_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
237
  }
185
238
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
186
239
  --_rs-menu-mi-icon-offset:8px;
@@ -213,8 +266,9 @@
213
266
  )
214
267
  );
215
268
  --_rs-typography-text-auto-offset:16px;
216
- --_rs-typography-ul-list-li-padding-left:22px;
217
- --_rs-typography-ol-list-li-padding-left:26px;
269
+ --_rs-typography-ul-bullet-offset:2px;
270
+ --_rs-typography-list-li-compact-left-offset:18px;
271
+ --_rs-typography-list-li-default-left-offset:24px;
218
272
  --_rs-typography-list-li-margin-top-from-text:var(
219
273
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
220
274
  16px
@@ -254,15 +308,33 @@
254
308
  )
255
309
  );
256
310
  --_rs-typography-text-auto-offset:0;
257
- --_rs-typography-ul-list-li-padding-left:initial;
258
- --_rs-typography-ol-list-li-padding-left:initial;
311
+ --_rs-typography-ul-bullet-offset:initial;
312
+ --_rs-typography-list-li-compact-left-offset:initial;
313
+ --_rs-typography-list-li-default-left-offset:initial;
259
314
  --_rs-typography-list-li-margin-top-from-text:initial;
260
315
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
261
316
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
262
317
  --_rs-typography-link-border-bottom-width-from-text:2px;
263
318
  }
264
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-message']{
265
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
319
+ & [data-rs-internal="checkbox"]{
320
+ --_rs-checkbox-parts-offset:8px;
321
+ }
322
+ & [data-rs-internal="checkbox__control"]{
323
+ --_rs-checkbox-ci-mark-s-display:none;
324
+ --_rs-checkbox-ci-mark-m-display:initial;
325
+ --_rs-checkbox-ci-mark-l-display:none;
326
+ --_rs-checkbox-ci-size:18px;
327
+ --_rs-checkbox-ci-shadow-size:3px;
328
+ --_rs-checkbox-ci-indeterminate-icon-border-width:8px 3px;
329
+ }
330
+ }
331
+ @define-mixin rs-checkbox-list-size-l{
332
+ &[class]{
333
+ --_rs-checkbox-list-label-offset:12px;
334
+ --_rs-checkbox-list-left-offset:44px;
335
+ }
336
+ &[class] [data-rs-internal='checkbox-list__label']{
337
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
266
338
  --_rs-typography-text-transform:initial;
267
339
  --_rs-typography-font-variant-numeric:initial;
268
340
  --_rs-typography-font-family:var(
@@ -271,42 +343,41 @@
271
343
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
272
344
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
273
345
  );
274
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
346
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
275
347
  --_rs-typography-font-weight:var(
276
- --rs-font-weight-semi-bold,
277
- 600
348
+ --rs-font-weight-regular,
349
+ 400
350
+ );
351
+ --_rs-typography-line-height:var(
352
+ --rs-text-1-line-height,
353
+ 28px
278
354
  );
279
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
280
355
  --_rs-typography-base-color:var(
281
- --_rs-typography-heading-hardness-color,
356
+ --_rs-typography-hardness-color,
282
357
  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))
358
+ --rs-color-average,
359
+ 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
360
  )
286
361
  );
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;
362
+ --_rs-typography-text-auto-offset:32px;
363
+ --_rs-typography-ul-bullet-offset:2px;
364
+ --_rs-typography-list-li-compact-left-offset:22px;
365
+ --_rs-typography-list-li-default-left-offset:28px;
366
+ --_rs-typography-list-li-margin-top-from-text:var(
367
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
368
+ 24px
369
+ );
291
370
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
292
371
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
293
- --_rs-typography-link-border-bottom-width-from-text:2px;
372
+ --_rs-typography-link-border-bottom-width-from-text:1px;
294
373
  }
295
- & [data-rs-internal="checkbox"] [data-rs-internal='checkbox__error-icon']:not(html){
296
- --_rs-icons-height:20px;
374
+ @media screen and (max-width: 640px){
375
+ &[class] [data-rs-internal='checkbox-list__label']{
376
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
297
377
  }
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
378
  }
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);
379
+ &[class] [data-rs-internal='checkbox-list__bold-label']{
380
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
310
381
  --_rs-typography-text-transform:initial;
311
382
  --_rs-typography-font-variant-numeric:initial;
312
383
  --_rs-typography-font-family:var(
@@ -315,12 +386,12 @@
315
386
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
316
387
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
317
388
  );
318
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
389
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
319
390
  --_rs-typography-font-weight:var(
320
391
  --rs-font-weight-semi-bold,
321
392
  600
322
393
  );
323
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
394
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
324
395
  --_rs-typography-base-color:var(
325
396
  --_rs-typography-heading-hardness-color,
326
397
  var(
@@ -329,15 +400,13 @@
329
400
  )
330
401
  );
331
402
  --_rs-typography-text-auto-offset:0;
332
- --_rs-typography-ul-list-li-padding-left:initial;
333
- --_rs-typography-ol-list-li-padding-left:initial;
403
+ --_rs-typography-ul-bullet-offset:initial;
404
+ --_rs-typography-list-li-compact-left-offset:initial;
405
+ --_rs-typography-list-li-default-left-offset:initial;
334
406
  --_rs-typography-list-li-margin-top-from-text:initial;
335
407
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
336
408
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
337
409
  --_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
410
  }
342
411
  & [data-rs-internal="checkbox__menu"] [data-rs-internal="menu__menu-item"]{
343
412
  --_rs-menu-mi-icon-offset:16px;
@@ -370,8 +439,9 @@
370
439
  )
371
440
  );
372
441
  --_rs-typography-text-auto-offset:32px;
373
- --_rs-typography-ul-list-li-padding-left:26px;
374
- --_rs-typography-ol-list-li-padding-left:32px;
442
+ --_rs-typography-ul-bullet-offset:2px;
443
+ --_rs-typography-list-li-compact-left-offset:22px;
444
+ --_rs-typography-list-li-default-left-offset:28px;
375
445
  --_rs-typography-list-li-margin-top-from-text:var(
376
446
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
377
447
  24px
@@ -411,46 +481,16 @@
411
481
  )
412
482
  );
413
483
  --_rs-typography-text-auto-offset:0;
414
- --_rs-typography-ul-list-li-padding-left:initial;
415
- --_rs-typography-ol-list-li-padding-left:initial;
484
+ --_rs-typography-ul-bullet-offset:initial;
485
+ --_rs-typography-list-li-compact-left-offset:initial;
486
+ --_rs-typography-list-li-default-left-offset:initial;
416
487
  --_rs-typography-list-li-margin-top-from-text:initial;
417
488
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
418
489
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
419
490
  --_rs-typography-link-border-bottom-width-from-text:2px;
420
491
  }
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;
492
+ & [data-rs-internal="checkbox"]{
493
+ --_rs-checkbox-parts-offset:8px;
454
494
  }
455
495
  & [data-rs-internal="checkbox__control"]{
456
496
  --_rs-checkbox-ci-mark-s-display:none;
@@ -489,39 +529,8 @@
489
529
  }
490
530
  }
491
531
  @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;
532
+ &[class]{
533
+ --_rs-checkbox-parts-offset:4px;
525
534
  }
526
535
  & [data-rs-internal="menu__menu-item"][class]{
527
536
  --_rs-menu-mi-icon-offset:8px;
@@ -554,8 +563,9 @@
554
563
  )
555
564
  );
556
565
  --_rs-typography-text-auto-offset:8px;
557
- --_rs-typography-ul-list-li-padding-left:28px;
558
- --_rs-typography-ol-list-li-padding-left:21px;
566
+ --_rs-typography-ul-bullet-offset:2px;
567
+ --_rs-typography-list-li-compact-left-offset:15px;
568
+ --_rs-typography-list-li-default-left-offset:19px;
559
569
  --_rs-typography-list-li-margin-top-from-text:8px;
560
570
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
561
571
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -571,39 +581,8 @@
571
581
  }
572
582
  }
573
583
  @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;
584
+ &[class]{
585
+ --_rs-checkbox-parts-offset:8px;
607
586
  }
608
587
  & [data-rs-internal="menu__menu-item"][class]{
609
588
  --_rs-menu-mi-icon-offset:8px;
@@ -636,8 +615,9 @@
636
615
  )
637
616
  );
638
617
  --_rs-typography-text-auto-offset:16px;
639
- --_rs-typography-ul-list-li-padding-left:22px;
640
- --_rs-typography-ol-list-li-padding-left:26px;
618
+ --_rs-typography-ul-bullet-offset:2px;
619
+ --_rs-typography-list-li-compact-left-offset:18px;
620
+ --_rs-typography-list-li-default-left-offset:24px;
641
621
  --_rs-typography-list-li-margin-top-from-text:var(
642
622
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
643
623
  16px
@@ -661,39 +641,8 @@
661
641
  }
662
642
  }
663
643
  @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;
644
+ &[class]{
645
+ --_rs-checkbox-parts-offset:8px;
697
646
  }
698
647
  & [data-rs-internal="menu__menu-item"][class]{
699
648
  --_rs-menu-mi-icon-offset:16px;
@@ -726,8 +675,9 @@
726
675
  )
727
676
  );
728
677
  --_rs-typography-text-auto-offset:32px;
729
- --_rs-typography-ul-list-li-padding-left:26px;
730
- --_rs-typography-ol-list-li-padding-left:32px;
678
+ --_rs-typography-ul-bullet-offset:2px;
679
+ --_rs-typography-list-li-compact-left-offset:22px;
680
+ --_rs-typography-list-li-default-left-offset:28px;
731
681
  --_rs-typography-list-li-margin-top-from-text:var(
732
682
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
733
683
  24px