@rescui/select 0.14.4-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.15.1-RUI-280-Update-select-component-026338d06.52

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 (91) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/common-prop-types.d.ts +9 -14
  3. package/lib/common-prop-types.js +4 -3
  4. package/lib/constants.d.ts +7 -0
  5. package/lib/constants.js +8 -0
  6. package/lib/hooks/use-css-context-transfer.d.ts +14 -0
  7. package/lib/hooks/use-css-context-transfer.js +40 -0
  8. package/lib/hooks/use-label-focus.d.ts +11 -0
  9. package/lib/hooks/use-label-focus.js +28 -0
  10. package/lib/hooks/use-multi-option-serialization.d.ts +10 -0
  11. package/lib/hooks/use-multi-option-serialization.js +82 -0
  12. package/lib/hooks/use-option-serialization.d.ts +10 -0
  13. package/lib/hooks/use-option-serialization.js +59 -0
  14. package/lib/index.css +1700 -705
  15. package/lib/index.d.ts +4 -6
  16. package/lib/index.js +3 -3
  17. package/lib/multiselect.d.ts +29 -0
  18. package/lib/multiselect.js +239 -0
  19. package/lib/native-select.d.ts +4 -0
  20. package/lib/native-select.js +182 -0
  21. package/lib/parts/foldable.js +5 -7
  22. package/lib/parts/form-trigger-wrapper.d.ts +21 -3
  23. package/lib/parts/form-trigger-wrapper.js +30 -40
  24. package/lib/parts/icons.d.ts +17 -0
  25. package/lib/parts/icons.js +75 -0
  26. package/lib/parts/list-box.d.ts +19 -0
  27. package/lib/parts/list-box.js +146 -0
  28. package/lib/parts/multi-trigger.d.ts +11 -0
  29. package/lib/parts/multi-trigger.js +62 -0
  30. package/lib/parts/native-select-options-with-groups.d.ts +8 -0
  31. package/lib/parts/native-select-options-with-groups.js +76 -0
  32. package/lib/parts/native-select-trigger.d.ts +18 -0
  33. package/lib/parts/native-select-trigger.js +54 -0
  34. package/lib/parts/popover.d.ts +12 -0
  35. package/lib/parts/popover.js +62 -0
  36. package/lib/parts/popup-content.d.ts +19 -0
  37. package/lib/parts/popup-content.js +76 -0
  38. package/lib/public-api.p.css +401 -1022
  39. package/lib/public-api.pcss +401 -1022
  40. package/lib/select-basic.d.ts +3 -0
  41. package/lib/select-basic.js +143 -0
  42. package/lib/select-searchable.d.ts +3 -0
  43. package/lib/select-searchable.js +168 -0
  44. package/lib/select.d.ts +27 -86
  45. package/lib/select.js +58 -352
  46. package/lib/styles/common.p.module.css.js +27 -0
  47. package/lib/styles/form-trigger.p.module.css.js +15 -0
  48. package/lib/styles/list-box.p.module.css.js +16 -0
  49. package/lib/styles/native-select-trigger.p.module.css.js +17 -0
  50. package/lib/styles/native-select.p.module.css.js +9 -0
  51. package/lib/styles/popover.p.module.css.js +10 -0
  52. package/lib/types.d.ts +167 -4
  53. package/lib/utils/calculate-max-height-by-items.d.ts +13 -0
  54. package/lib/utils/calculate-max-height-by-items.js +22 -0
  55. package/lib/utils/convert-options.d.ts +3 -0
  56. package/lib/utils/convert-options.js +52 -0
  57. package/lib/utils/convert-placement.d.ts +3 -0
  58. package/lib/utils/convert-placement.js +22 -0
  59. package/lib/utils/css-vars-utils.d.ts +3 -0
  60. package/lib/utils/css-vars-utils.js +20 -0
  61. package/lib/utils/get-empty-message.d.ts +6 -0
  62. package/lib/utils/get-empty-message.js +32 -0
  63. package/lib/utils/get-option-value.d.ts +2 -0
  64. package/lib/utils/get-option-value.js +11 -0
  65. package/lib/utils/get-real-items-cnt.d.ts +2 -0
  66. package/lib/utils/get-real-items-cnt.js +21 -0
  67. package/lib/utils/get-text-from-nodes.d.ts +2 -0
  68. package/lib/utils/get-text-from-nodes.js +28 -0
  69. package/lib/utils/is-option-a-group.d.ts +2 -0
  70. package/lib/utils/is-option-a-group.js +5 -0
  71. package/lib/utils/throttle.d.ts +1 -0
  72. package/package.json +12 -8
  73. package/lib/_virtual/warning.js +0 -106
  74. package/lib/key-codes.d.ts +0 -7
  75. package/lib/key-codes.js +0 -8
  76. package/lib/parts/common-select.p.module.css.js +0 -15
  77. package/lib/parts/form-trigger.p.module.css.js +0 -13
  78. package/lib/parts/multiselect.d.ts +0 -81
  79. package/lib/parts/multiselect.js +0 -441
  80. package/lib/parts/native-select.d.ts +0 -30
  81. package/lib/parts/native-select.js +0 -244
  82. package/lib/parts/native-select.p.module.css.js +0 -9
  83. package/lib/parts/throttle.d.ts +0 -1
  84. package/lib/parts/trigger.d.ts +0 -37
  85. package/lib/parts/trigger.js +0 -255
  86. package/lib/parts/trigger.p.module.css.js +0 -31
  87. package/lib/utils.d.ts +0 -22
  88. package/lib/utils.js +0 -201
  89. /package/lib/{parts → hooks}/use-observable-force-rerender.d.ts +0 -0
  90. /package/lib/{parts → hooks}/use-observable-force-rerender.js +0 -0
  91. /package/lib/{parts → utils}/throttle.js +0 -0
@@ -2,144 +2,6 @@
2
2
  &[class]{
3
3
  --_rs-select-size:s;
4
4
  --_rs-select-observable-size:1px;
5
- }
6
- &[data-rs-internal="select-form-trigger-wrapper"]{
7
- --_rs-select-form-trigger-wrapper-parts-offset:4px;
8
- }
9
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
10
- --_rs-icons-height:20px;
11
- }
12
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
13
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
14
- --_rs-typography-text-transform:initial;
15
- --_rs-typography-font-variant-numeric:initial;
16
- --_rs-typography-font-family:var(
17
- --rs-font-family-ui,
18
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
19
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
20
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
21
- );
22
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
23
- --_rs-typography-font-weight:var(
24
- --rs-font-weight-semi-bold,
25
- 600
26
- );
27
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
28
- --_rs-typography-base-color:var(
29
- --_rs-typography-heading-hardness-color,
30
- var(
31
- --rs-color-hard,
32
- 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))
33
- )
34
- );
35
- --_rs-typography-text-auto-offset:0;
36
- --_rs-typography-ul-list-li-padding-left:initial;
37
- --_rs-typography-ol-list-li-padding-left:initial;
38
- --_rs-typography-list-li-margin-top-from-text:initial;
39
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
40
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
41
- --_rs-typography-link-border-bottom-width-from-text:2px;
42
- }
43
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
44
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
45
- --_rs-typography-text-transform:initial;
46
- --_rs-typography-font-variant-numeric:initial;
47
- --_rs-typography-font-family:var(
48
- --rs-font-family-ui,
49
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
50
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
51
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
52
- );
53
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
54
- --_rs-typography-font-weight:var(
55
- --rs-font-weight-regular,
56
- 400
57
- );
58
- --_rs-typography-line-height:var(
59
- --rs-text-3-line-height,
60
- 20px
61
- );
62
- --_rs-typography-base-color:var(
63
- --_rs-typography-hardness-color,
64
- var(
65
- --rs-color-average,
66
- 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)
67
- )
68
- );
69
- --_rs-typography-text-auto-offset:8px;
70
- --_rs-typography-ul-list-li-padding-left:28px;
71
- --_rs-typography-ol-list-li-padding-left:21px;
72
- --_rs-typography-list-li-margin-top-from-text:8px;
73
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
74
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
75
- --_rs-typography-link-border-bottom-width-from-text:1px;
76
- }
77
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
78
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
79
- --_rs-typography-text-transform:initial;
80
- --_rs-typography-font-variant-numeric:initial;
81
- --_rs-typography-font-family:var(
82
- --rs-font-family-ui,
83
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
84
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
85
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
86
- );
87
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
88
- --_rs-typography-font-weight:var(
89
- --rs-font-weight-regular,
90
- 400
91
- );
92
- --_rs-typography-line-height:var(
93
- --rs-text-3-line-height,
94
- 20px
95
- );
96
- --_rs-typography-base-color:var(
97
- --_rs-typography-hardness-color,
98
- var(
99
- --rs-color-average,
100
- 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)
101
- )
102
- );
103
- --_rs-typography-text-auto-offset:8px;
104
- --_rs-typography-ul-list-li-padding-left:28px;
105
- --_rs-typography-ol-list-li-padding-left:21px;
106
- --_rs-typography-list-li-margin-top-from-text:8px;
107
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
- --_rs-typography-link-border-bottom-width-from-text:1px;
110
- }
111
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
112
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
113
- --_rs-typography-text-transform:initial;
114
- --_rs-typography-font-variant-numeric:initial;
115
- --_rs-typography-font-family:var(
116
- --rs-font-family-ui,
117
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
118
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
119
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
120
- );
121
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
122
- --_rs-typography-font-weight:var(
123
- --rs-font-weight-semi-bold,
124
- 600
125
- );
126
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
127
- --_rs-typography-base-color:var(
128
- --_rs-typography-heading-hardness-color,
129
- var(
130
- --rs-color-hard,
131
- 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))
132
- )
133
- );
134
- --_rs-typography-text-auto-offset:0;
135
- --_rs-typography-ul-list-li-padding-left:initial;
136
- --_rs-typography-ol-list-li-padding-left:initial;
137
- --_rs-typography-list-li-margin-top-from-text:initial;
138
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
139
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
140
- --_rs-typography-link-border-bottom-width-from-text:2px;
141
- }
142
- & [data-rs-internal="select-trigger"]{
143
5
  --_rs-select-trigger-horizontal-padding:8px;
144
6
  --_rs-select-trigger-vertical-padding:6px;
145
7
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -174,14 +36,15 @@
174
36
  )
175
37
  );
176
38
  --_rs-typography-text-auto-offset:8px;
177
- --_rs-typography-ul-list-li-padding-left:28px;
178
- --_rs-typography-ol-list-li-padding-left:21px;
39
+ --_rs-typography-ul-bullet-offset:2px;
40
+ --_rs-typography-list-li-compact-left-offset:15px;
41
+ --_rs-typography-list-li-default-left-offset:19px;
179
42
  --_rs-typography-list-li-margin-top-from-text:8px;
180
43
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
181
44
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
182
45
  --_rs-typography-link-border-bottom-width-from-text:1px;
183
46
  }
184
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
47
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
185
48
  --_rs-tag-vertical-padding:2px;
186
49
  --_rs-tag-base-horizontal-padding:8px;
187
50
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -215,24 +78,25 @@
215
78
  )
216
79
  );
217
80
  --_rs-typography-text-auto-offset:8px;
218
- --_rs-typography-ul-list-li-padding-left:28px;
219
- --_rs-typography-ol-list-li-padding-left:21px;
81
+ --_rs-typography-ul-bullet-offset:2px;
82
+ --_rs-typography-list-li-compact-left-offset:15px;
83
+ --_rs-typography-list-li-default-left-offset:19px;
220
84
  --_rs-typography-list-li-margin-top-from-text:8px;
221
85
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
222
86
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
223
87
  --_rs-typography-link-border-bottom-width-from-text:1px;
224
88
  }
225
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
89
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
226
90
  --_rs-tag-removable-vertical-padding:2px;
227
91
  --_rs-tag-removable-left-padding:8px;
228
92
  --_rs-tag-removable-border-radius:4px;
229
93
  --_rs-tag-removable-close-part-size:24px;
230
94
  --_rs-tag-removable-custom-icon-size:16px;
231
95
  }
232
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
96
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
233
97
  --_rs-icons-height:16px;
234
98
  }
235
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
99
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
236
100
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
237
101
  --_rs-typography-text-transform:initial;
238
102
  --_rs-typography-font-variant-numeric:initial;
@@ -259,57 +123,15 @@
259
123
  )
260
124
  );
261
125
  --_rs-typography-text-auto-offset:8px;
262
- --_rs-typography-ul-list-li-padding-left:28px;
263
- --_rs-typography-ol-list-li-padding-left:21px;
126
+ --_rs-typography-ul-bullet-offset:2px;
127
+ --_rs-typography-list-li-compact-left-offset:15px;
128
+ --_rs-typography-list-li-default-left-offset:19px;
264
129
  --_rs-typography-list-li-margin-top-from-text:8px;
265
130
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
266
131
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
267
132
  --_rs-typography-link-border-bottom-width-from-text:1px;
268
133
  }
269
- }
270
- @define-mixin rs-select-size-m{
271
- &[class]{
272
- --_rs-select-size:m;
273
- --_rs-select-observable-size:2px;
274
- }
275
- &[data-rs-internal="select-form-trigger-wrapper"]{
276
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
277
- }
278
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
279
- --_rs-icons-height:20px;
280
- }
281
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
282
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
283
- --_rs-typography-text-transform:initial;
284
- --_rs-typography-font-variant-numeric:initial;
285
- --_rs-typography-font-family:var(
286
- --rs-font-family-ui,
287
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
288
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
289
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
290
- );
291
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
292
- --_rs-typography-font-weight:var(
293
- --rs-font-weight-semi-bold,
294
- 600
295
- );
296
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
297
- --_rs-typography-base-color:var(
298
- --_rs-typography-heading-hardness-color,
299
- var(
300
- --rs-color-hard,
301
- 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))
302
- )
303
- );
304
- --_rs-typography-text-auto-offset:0;
305
- --_rs-typography-ul-list-li-padding-left:initial;
306
- --_rs-typography-ol-list-li-padding-left:initial;
307
- --_rs-typography-list-li-margin-top-from-text:initial;
308
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
309
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
310
- --_rs-typography-link-border-bottom-width-from-text:2px;
311
- }
312
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
134
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
313
135
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
314
136
  --_rs-typography-text-transform:initial;
315
137
  --_rs-typography-font-variant-numeric:initial;
@@ -336,57 +158,16 @@
336
158
  )
337
159
  );
338
160
  --_rs-typography-text-auto-offset:8px;
339
- --_rs-typography-ul-list-li-padding-left:28px;
340
- --_rs-typography-ol-list-li-padding-left:21px;
161
+ --_rs-typography-ul-bullet-offset:2px;
162
+ --_rs-typography-list-li-compact-left-offset:15px;
163
+ --_rs-typography-list-li-default-left-offset:19px;
341
164
  --_rs-typography-list-li-margin-top-from-text:8px;
342
165
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
343
166
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
344
167
  --_rs-typography-link-border-bottom-width-from-text:1px;
345
168
  }
346
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
347
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
348
- --_rs-typography-text-transform:initial;
349
- --_rs-typography-font-variant-numeric:initial;
350
- --_rs-typography-font-family:var(
351
- --rs-font-family-ui,
352
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
353
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
354
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
355
- );
356
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
357
- --_rs-typography-font-weight:var(
358
- --rs-font-weight-regular,
359
- 400
360
- );
361
- --_rs-typography-line-height:var(
362
- --rs-text-2-line-height,
363
- 24px
364
- );
365
- --_rs-typography-base-color:var(
366
- --_rs-typography-hardness-color,
367
- var(
368
- --rs-color-average,
369
- 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)
370
- )
371
- );
372
- --_rs-typography-text-auto-offset:16px;
373
- --_rs-typography-ul-list-li-padding-left:22px;
374
- --_rs-typography-ol-list-li-padding-left:26px;
375
- --_rs-typography-list-li-margin-top-from-text:var(
376
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
377
- 16px
378
- );
379
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
380
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
381
- --_rs-typography-link-border-bottom-width-from-text:1px;
382
- }
383
- @media screen and (max-width: 640px){
384
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
385
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
386
- }
387
- }
388
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
389
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
169
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
170
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
390
171
  --_rs-typography-text-transform:initial;
391
172
  --_rs-typography-font-variant-numeric:initial;
392
173
  --_rs-typography-font-family:var(
@@ -395,12 +176,12 @@
395
176
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
396
177
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
397
178
  );
398
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
179
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
399
180
  --_rs-typography-font-weight:var(
400
181
  --rs-font-weight-semi-bold,
401
182
  600
402
183
  );
403
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
184
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
404
185
  --_rs-typography-base-color:var(
405
186
  --_rs-typography-heading-hardness-color,
406
187
  var(
@@ -409,14 +190,19 @@
409
190
  )
410
191
  );
411
192
  --_rs-typography-text-auto-offset:0;
412
- --_rs-typography-ul-list-li-padding-left:initial;
413
- --_rs-typography-ol-list-li-padding-left:initial;
193
+ --_rs-typography-ul-bullet-offset:initial;
194
+ --_rs-typography-list-li-compact-left-offset:initial;
195
+ --_rs-typography-list-li-default-left-offset:initial;
414
196
  --_rs-typography-list-li-margin-top-from-text:initial;
415
197
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
416
198
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
417
199
  --_rs-typography-link-border-bottom-width-from-text:2px;
418
200
  }
419
- & [data-rs-internal="select-trigger"]{
201
+ }
202
+ @define-mixin rs-select-size-m{
203
+ &[class]{
204
+ --_rs-select-size:m;
205
+ --_rs-select-observable-size:2px;
420
206
  --_rs-select-trigger-horizontal-padding:8px;
421
207
  --_rs-select-trigger-vertical-padding:8px;
422
208
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -451,8 +237,9 @@
451
237
  )
452
238
  );
453
239
  --_rs-typography-text-auto-offset:16px;
454
- --_rs-typography-ul-list-li-padding-left:22px;
455
- --_rs-typography-ol-list-li-padding-left:26px;
240
+ --_rs-typography-ul-bullet-offset:2px;
241
+ --_rs-typography-list-li-compact-left-offset:18px;
242
+ --_rs-typography-list-li-default-left-offset:24px;
456
243
  --_rs-typography-list-li-margin-top-from-text:var(
457
244
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
458
245
  16px
@@ -462,11 +249,11 @@
462
249
  --_rs-typography-link-border-bottom-width-from-text:1px;
463
250
  }
464
251
  @media screen and (max-width: 640px){
465
- & [data-rs-internal="select-trigger"]{
252
+ &[class]{
466
253
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
467
254
  }
468
255
  }
469
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
256
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
470
257
  --_rs-tag-vertical-padding:4px;
471
258
  --_rs-tag-base-horizontal-padding:8px;
472
259
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -498,24 +285,25 @@
498
285
  )
499
286
  );
500
287
  --_rs-typography-text-auto-offset:8px;
501
- --_rs-typography-ul-list-li-padding-left:28px;
502
- --_rs-typography-ol-list-li-padding-left:21px;
288
+ --_rs-typography-ul-bullet-offset:2px;
289
+ --_rs-typography-list-li-compact-left-offset:15px;
290
+ --_rs-typography-list-li-default-left-offset:19px;
503
291
  --_rs-typography-list-li-margin-top-from-text:8px;
504
292
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
505
293
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
506
294
  --_rs-typography-link-border-bottom-width-from-text:1px;
507
295
  }
508
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
296
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
509
297
  --_rs-tag-removable-vertical-padding:4px;
510
298
  --_rs-tag-removable-left-padding:8px;
511
299
  --_rs-tag-removable-border-radius:4px;
512
300
  --_rs-tag-removable-close-part-size:28px;
513
301
  --_rs-tag-removable-custom-icon-size:20px;
514
302
  }
515
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
303
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
516
304
  --_rs-icons-height:20px;
517
305
  }
518
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
306
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
519
307
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
520
308
  --_rs-typography-text-transform:initial;
521
309
  --_rs-typography-font-variant-numeric:initial;
@@ -542,57 +330,15 @@
542
330
  )
543
331
  );
544
332
  --_rs-typography-text-auto-offset:8px;
545
- --_rs-typography-ul-list-li-padding-left:28px;
546
- --_rs-typography-ol-list-li-padding-left:21px;
333
+ --_rs-typography-ul-bullet-offset:2px;
334
+ --_rs-typography-list-li-compact-left-offset:15px;
335
+ --_rs-typography-list-li-default-left-offset:19px;
547
336
  --_rs-typography-list-li-margin-top-from-text:8px;
548
337
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
549
338
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
550
339
  --_rs-typography-link-border-bottom-width-from-text:1px;
551
340
  }
552
- }
553
- @define-mixin rs-select-size-l{
554
- &[class]{
555
- --_rs-select-size:l;
556
- --_rs-select-observable-size:3px;
557
- }
558
- &[data-rs-internal="select-form-trigger-wrapper"]{
559
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
560
- }
561
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
562
- --_rs-icons-height:24px;
563
- }
564
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
565
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
566
- --_rs-typography-text-transform:initial;
567
- --_rs-typography-font-variant-numeric:initial;
568
- --_rs-typography-font-family:var(
569
- --rs-font-family-ui,
570
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
571
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
572
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
573
- );
574
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
575
- --_rs-typography-font-weight:var(
576
- --rs-font-weight-semi-bold,
577
- 600
578
- );
579
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
580
- --_rs-typography-base-color:var(
581
- --_rs-typography-heading-hardness-color,
582
- var(
583
- --rs-color-hard,
584
- 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))
585
- )
586
- );
587
- --_rs-typography-text-auto-offset:0;
588
- --_rs-typography-ul-list-li-padding-left:initial;
589
- --_rs-typography-ol-list-li-padding-left:initial;
590
- --_rs-typography-list-li-margin-top-from-text:initial;
591
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
592
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
593
- --_rs-typography-link-border-bottom-width-from-text:2px;
594
- }
595
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
341
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
596
342
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
597
343
  --_rs-typography-text-transform:initial;
598
344
  --_rs-typography-font-variant-numeric:initial;
@@ -619,8 +365,9 @@
619
365
  )
620
366
  );
621
367
  --_rs-typography-text-auto-offset:16px;
622
- --_rs-typography-ul-list-li-padding-left:22px;
623
- --_rs-typography-ol-list-li-padding-left:26px;
368
+ --_rs-typography-ul-bullet-offset:2px;
369
+ --_rs-typography-list-li-compact-left-offset:18px;
370
+ --_rs-typography-list-li-default-left-offset:24px;
624
371
  --_rs-typography-list-li-margin-top-from-text:var(
625
372
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
626
373
  16px
@@ -630,54 +377,12 @@
630
377
  --_rs-typography-link-border-bottom-width-from-text:1px;
631
378
  }
632
379
  @media screen and (max-width: 640px){
633
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
380
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
634
381
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
635
382
  }
636
383
  }
637
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
638
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
639
- --_rs-typography-text-transform:initial;
640
- --_rs-typography-font-variant-numeric:initial;
641
- --_rs-typography-font-family:var(
642
- --rs-font-family-ui,
643
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
644
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
645
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
646
- );
647
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
648
- --_rs-typography-font-weight:var(
649
- --rs-font-weight-regular,
650
- 400
651
- );
652
- --_rs-typography-line-height:var(
653
- --rs-text-1-line-height,
654
- 28px
655
- );
656
- --_rs-typography-base-color:var(
657
- --_rs-typography-hardness-color,
658
- var(
659
- --rs-color-average,
660
- 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)
661
- )
662
- );
663
- --_rs-typography-text-auto-offset:32px;
664
- --_rs-typography-ul-list-li-padding-left:26px;
665
- --_rs-typography-ol-list-li-padding-left:32px;
666
- --_rs-typography-list-li-margin-top-from-text:var(
667
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
668
- 24px
669
- );
670
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
671
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
672
- --_rs-typography-link-border-bottom-width-from-text:1px;
673
- }
674
- @media screen and (max-width: 640px){
675
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
676
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
677
- }
678
- }
679
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
680
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
384
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
385
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
681
386
  --_rs-typography-text-transform:initial;
682
387
  --_rs-typography-font-variant-numeric:initial;
683
388
  --_rs-typography-font-family:var(
@@ -686,12 +391,12 @@
686
391
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
687
392
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
688
393
  );
689
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
394
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
690
395
  --_rs-typography-font-weight:var(
691
396
  --rs-font-weight-semi-bold,
692
397
  600
693
398
  );
694
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
399
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
695
400
  --_rs-typography-base-color:var(
696
401
  --_rs-typography-heading-hardness-color,
697
402
  var(
@@ -700,14 +405,19 @@
700
405
  )
701
406
  );
702
407
  --_rs-typography-text-auto-offset:0;
703
- --_rs-typography-ul-list-li-padding-left:initial;
704
- --_rs-typography-ol-list-li-padding-left:initial;
408
+ --_rs-typography-ul-bullet-offset:initial;
409
+ --_rs-typography-list-li-compact-left-offset:initial;
410
+ --_rs-typography-list-li-default-left-offset:initial;
705
411
  --_rs-typography-list-li-margin-top-from-text:initial;
706
412
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
707
413
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
708
414
  --_rs-typography-link-border-bottom-width-from-text:2px;
709
415
  }
710
- & [data-rs-internal="select-trigger"]{
416
+ }
417
+ @define-mixin rs-select-size-l{
418
+ &[class]{
419
+ --_rs-select-size:l;
420
+ --_rs-select-observable-size:3px;
711
421
  --_rs-select-trigger-horizontal-padding:16px;
712
422
  --_rs-select-trigger-vertical-padding:12px;
713
423
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -742,8 +452,9 @@
742
452
  )
743
453
  );
744
454
  --_rs-typography-text-auto-offset:32px;
745
- --_rs-typography-ul-list-li-padding-left:26px;
746
- --_rs-typography-ol-list-li-padding-left:32px;
455
+ --_rs-typography-ul-bullet-offset:2px;
456
+ --_rs-typography-list-li-compact-left-offset:22px;
457
+ --_rs-typography-list-li-default-left-offset:28px;
747
458
  --_rs-typography-list-li-margin-top-from-text:var(
748
459
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
749
460
  24px
@@ -753,11 +464,11 @@
753
464
  --_rs-typography-link-border-bottom-width-from-text:1px;
754
465
  }
755
466
  @media screen and (max-width: 640px){
756
- & [data-rs-internal="select-trigger"]{
467
+ &[class]{
757
468
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
758
469
  }
759
470
  }
760
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
471
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
761
472
  --_rs-tag-vertical-padding:6px;
762
473
  --_rs-tag-base-horizontal-padding:12px;
763
474
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -791,8 +502,9 @@
791
502
  )
792
503
  );
793
504
  --_rs-typography-text-auto-offset:16px;
794
- --_rs-typography-ul-list-li-padding-left:22px;
795
- --_rs-typography-ol-list-li-padding-left:26px;
505
+ --_rs-typography-ul-bullet-offset:2px;
506
+ --_rs-typography-list-li-compact-left-offset:18px;
507
+ --_rs-typography-list-li-default-left-offset:24px;
796
508
  --_rs-typography-list-li-margin-top-from-text:var(
797
509
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
798
510
  16px
@@ -802,21 +514,21 @@
802
514
  --_rs-typography-link-border-bottom-width-from-text:1px;
803
515
  }
804
516
  @media screen and (max-width: 640px){
805
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
517
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
806
518
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
807
519
  }
808
520
  }
809
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
521
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
810
522
  --_rs-tag-removable-vertical-padding:6px;
811
523
  --_rs-tag-removable-left-padding:12px;
812
524
  --_rs-tag-removable-border-radius:6px;
813
525
  --_rs-tag-removable-close-part-size:36px;
814
526
  --_rs-tag-removable-custom-icon-size:24px;
815
527
  }
816
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
528
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
817
529
  --_rs-icons-height:24px;
818
530
  }
819
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
531
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
820
532
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
821
533
  --_rs-typography-text-transform:initial;
822
534
  --_rs-typography-font-variant-numeric:initial;
@@ -843,8 +555,9 @@
843
555
  )
844
556
  );
845
557
  --_rs-typography-text-auto-offset:16px;
846
- --_rs-typography-ul-list-li-padding-left:22px;
847
- --_rs-typography-ol-list-li-padding-left:26px;
558
+ --_rs-typography-ul-bullet-offset:2px;
559
+ --_rs-typography-list-li-compact-left-offset:18px;
560
+ --_rs-typography-list-li-default-left-offset:24px;
848
561
  --_rs-typography-list-li-margin-top-from-text:var(
849
562
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
850
563
  16px
@@ -854,55 +567,12 @@
854
567
  --_rs-typography-link-border-bottom-width-from-text:1px;
855
568
  }
856
569
  @media screen and (max-width: 640px){
857
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
570
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
858
571
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
859
572
  }
860
573
  }
861
- }
862
- @define-mixin rs-multiselect-size-s{
863
- &[class]{
864
- --_rs-select-size:s;
865
- --_rs-select-observable-size:1px;
866
- }
867
- &[data-rs-internal="select-form-trigger-wrapper"]{
868
- --_rs-select-form-trigger-wrapper-parts-offset:4px;
869
- }
870
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
871
- --_rs-icons-height:20px;
872
- }
873
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
874
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
875
- --_rs-typography-text-transform:initial;
876
- --_rs-typography-font-variant-numeric:initial;
877
- --_rs-typography-font-family:var(
878
- --rs-font-family-ui,
879
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
880
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
881
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
882
- );
883
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
884
- --_rs-typography-font-weight:var(
885
- --rs-font-weight-semi-bold,
886
- 600
887
- );
888
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
889
- --_rs-typography-base-color:var(
890
- --_rs-typography-heading-hardness-color,
891
- var(
892
- --rs-color-hard,
893
- 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))
894
- )
895
- );
896
- --_rs-typography-text-auto-offset:0;
897
- --_rs-typography-ul-list-li-padding-left:initial;
898
- --_rs-typography-ol-list-li-padding-left:initial;
899
- --_rs-typography-list-li-margin-top-from-text:initial;
900
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
901
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
902
- --_rs-typography-link-border-bottom-width-from-text:2px;
903
- }
904
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
905
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
574
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
575
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
906
576
  --_rs-typography-text-transform:initial;
907
577
  --_rs-typography-font-variant-numeric:initial;
908
578
  --_rs-typography-font-family:var(
@@ -911,14 +581,14 @@
911
581
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
912
582
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
913
583
  );
914
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
584
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
915
585
  --_rs-typography-font-weight:var(
916
586
  --rs-font-weight-regular,
917
587
  400
918
588
  );
919
589
  --_rs-typography-line-height:var(
920
- --rs-text-3-line-height,
921
- 20px
590
+ --rs-text-1-line-height,
591
+ 28px
922
592
  );
923
593
  --_rs-typography-base-color:var(
924
594
  --_rs-typography-hardness-color,
@@ -927,50 +597,25 @@
927
597
  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)
928
598
  )
929
599
  );
930
- --_rs-typography-text-auto-offset:8px;
931
- --_rs-typography-ul-list-li-padding-left:28px;
932
- --_rs-typography-ol-list-li-padding-left:21px;
933
- --_rs-typography-list-li-margin-top-from-text:8px;
934
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
935
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
936
- --_rs-typography-link-border-bottom-width-from-text:1px;
937
- }
938
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
939
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
940
- --_rs-typography-text-transform:initial;
941
- --_rs-typography-font-variant-numeric:initial;
942
- --_rs-typography-font-family:var(
943
- --rs-font-family-ui,
944
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
945
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
946
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
947
- );
948
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
949
- --_rs-typography-font-weight:var(
950
- --rs-font-weight-regular,
951
- 400
952
- );
953
- --_rs-typography-line-height:var(
954
- --rs-text-3-line-height,
955
- 20px
956
- );
957
- --_rs-typography-base-color:var(
958
- --_rs-typography-hardness-color,
959
- var(
960
- --rs-color-average,
961
- 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)
962
- )
600
+ --_rs-typography-text-auto-offset:32px;
601
+ --_rs-typography-ul-bullet-offset:2px;
602
+ --_rs-typography-list-li-compact-left-offset:22px;
603
+ --_rs-typography-list-li-default-left-offset:28px;
604
+ --_rs-typography-list-li-margin-top-from-text:var(
605
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
606
+ 24px
963
607
  );
964
- --_rs-typography-text-auto-offset:8px;
965
- --_rs-typography-ul-list-li-padding-left:28px;
966
- --_rs-typography-ol-list-li-padding-left:21px;
967
- --_rs-typography-list-li-margin-top-from-text:8px;
968
608
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
969
609
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
970
610
  --_rs-typography-link-border-bottom-width-from-text:1px;
971
611
  }
972
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
973
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
612
+ @media screen and (max-width: 640px){
613
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
614
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
615
+ }
616
+ }
617
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
618
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
974
619
  --_rs-typography-text-transform:initial;
975
620
  --_rs-typography-font-variant-numeric:initial;
976
621
  --_rs-typography-font-family:var(
@@ -979,12 +624,12 @@
979
624
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
980
625
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
981
626
  );
982
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
627
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
983
628
  --_rs-typography-font-weight:var(
984
629
  --rs-font-weight-semi-bold,
985
630
  600
986
631
  );
987
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
632
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
988
633
  --_rs-typography-base-color:var(
989
634
  --_rs-typography-heading-hardness-color,
990
635
  var(
@@ -993,14 +638,19 @@
993
638
  )
994
639
  );
995
640
  --_rs-typography-text-auto-offset:0;
996
- --_rs-typography-ul-list-li-padding-left:initial;
997
- --_rs-typography-ol-list-li-padding-left:initial;
641
+ --_rs-typography-ul-bullet-offset:initial;
642
+ --_rs-typography-list-li-compact-left-offset:initial;
643
+ --_rs-typography-list-li-default-left-offset:initial;
998
644
  --_rs-typography-list-li-margin-top-from-text:initial;
999
645
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1000
646
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1001
647
  --_rs-typography-link-border-bottom-width-from-text:2px;
1002
648
  }
1003
- & [data-rs-internal="select-trigger"]{
649
+ }
650
+ @define-mixin rs-multiselect-size-s{
651
+ &[class]{
652
+ --_rs-select-size:s;
653
+ --_rs-select-observable-size:1px;
1004
654
  --_rs-select-trigger-horizontal-padding:8px;
1005
655
  --_rs-select-trigger-vertical-padding:6px;
1006
656
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -1035,65 +685,22 @@
1035
685
  )
1036
686
  );
1037
687
  --_rs-typography-text-auto-offset:8px;
1038
- --_rs-typography-ul-list-li-padding-left:28px;
1039
- --_rs-typography-ol-list-li-padding-left:21px;
688
+ --_rs-typography-ul-bullet-offset:2px;
689
+ --_rs-typography-list-li-compact-left-offset:15px;
690
+ --_rs-typography-list-li-default-left-offset:19px;
1040
691
  --_rs-typography-list-li-margin-top-from-text:8px;
1041
692
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1042
693
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1043
694
  --_rs-typography-link-border-bottom-width-from-text:1px;
1044
695
  }
1045
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
696
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1046
697
  --_rs-tag-vertical-padding:2px;
1047
698
  --_rs-tag-base-horizontal-padding:8px;
1048
699
  --_rs-tag-uppercase-horizontal-padding:var(
1049
- --_rs-tag-base-horizontal-padding
1050
- );
1051
- --_rs-tag-icon-size:16px;
1052
- --_rs-tag-border-radius:4px;
1053
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1054
- --_rs-typography-text-transform:initial;
1055
- --_rs-typography-font-variant-numeric:initial;
1056
- --_rs-typography-font-family:var(
1057
- --rs-font-family-ui,
1058
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1059
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1060
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1061
- );
1062
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1063
- --_rs-typography-font-weight:var(
1064
- --rs-font-weight-regular,
1065
- 400
1066
- );
1067
- --_rs-typography-line-height:var(
1068
- --rs-text-3-line-height,
1069
- 20px
1070
- );
1071
- --_rs-typography-base-color:var(
1072
- --_rs-typography-hardness-color,
1073
- var(
1074
- --rs-color-average,
1075
- 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)
1076
- )
1077
- );
1078
- --_rs-typography-text-auto-offset:8px;
1079
- --_rs-typography-ul-list-li-padding-left:28px;
1080
- --_rs-typography-ol-list-li-padding-left:21px;
1081
- --_rs-typography-list-li-margin-top-from-text:8px;
1082
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1083
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1084
- --_rs-typography-link-border-bottom-width-from-text:1px;
1085
- }
1086
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1087
- --_rs-tag-removable-vertical-padding:2px;
1088
- --_rs-tag-removable-left-padding:8px;
1089
- --_rs-tag-removable-border-radius:4px;
1090
- --_rs-tag-removable-close-part-size:24px;
1091
- --_rs-tag-removable-custom-icon-size:16px;
1092
- }
1093
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1094
- --_rs-icons-height:16px;
1095
- }
1096
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
700
+ --_rs-tag-base-horizontal-padding
701
+ );
702
+ --_rs-tag-icon-size:16px;
703
+ --_rs-tag-border-radius:4px;
1097
704
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1098
705
  --_rs-typography-text-transform:initial;
1099
706
  --_rs-typography-font-variant-numeric:initial;
@@ -1120,57 +727,25 @@
1120
727
  )
1121
728
  );
1122
729
  --_rs-typography-text-auto-offset:8px;
1123
- --_rs-typography-ul-list-li-padding-left:28px;
1124
- --_rs-typography-ol-list-li-padding-left:21px;
730
+ --_rs-typography-ul-bullet-offset:2px;
731
+ --_rs-typography-list-li-compact-left-offset:15px;
732
+ --_rs-typography-list-li-default-left-offset:19px;
1125
733
  --_rs-typography-list-li-margin-top-from-text:8px;
1126
734
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1127
735
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1128
736
  --_rs-typography-link-border-bottom-width-from-text:1px;
1129
737
  }
1130
- }
1131
- @define-mixin rs-multiselect-size-m{
1132
- &[class]{
1133
- --_rs-select-size:m;
1134
- --_rs-select-observable-size:2px;
1135
- }
1136
- &[data-rs-internal="select-form-trigger-wrapper"]{
1137
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
1138
- }
1139
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
1140
- --_rs-icons-height:20px;
738
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
739
+ --_rs-tag-removable-vertical-padding:2px;
740
+ --_rs-tag-removable-left-padding:8px;
741
+ --_rs-tag-removable-border-radius:4px;
742
+ --_rs-tag-removable-close-part-size:24px;
743
+ --_rs-tag-removable-custom-icon-size:16px;
1141
744
  }
1142
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
1143
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1144
- --_rs-typography-text-transform:initial;
1145
- --_rs-typography-font-variant-numeric:initial;
1146
- --_rs-typography-font-family:var(
1147
- --rs-font-family-ui,
1148
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1149
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1150
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1151
- );
1152
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1153
- --_rs-typography-font-weight:var(
1154
- --rs-font-weight-semi-bold,
1155
- 600
1156
- );
1157
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1158
- --_rs-typography-base-color:var(
1159
- --_rs-typography-heading-hardness-color,
1160
- var(
1161
- --rs-color-hard,
1162
- 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))
1163
- )
1164
- );
1165
- --_rs-typography-text-auto-offset:0;
1166
- --_rs-typography-ul-list-li-padding-left:initial;
1167
- --_rs-typography-ol-list-li-padding-left:initial;
1168
- --_rs-typography-list-li-margin-top-from-text:initial;
1169
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1170
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1171
- --_rs-typography-link-border-bottom-width-from-text:2px;
745
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
746
+ --_rs-icons-height:16px;
1172
747
  }
1173
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
748
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1174
749
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1175
750
  --_rs-typography-text-transform:initial;
1176
751
  --_rs-typography-font-variant-numeric:initial;
@@ -1197,15 +772,16 @@
1197
772
  )
1198
773
  );
1199
774
  --_rs-typography-text-auto-offset:8px;
1200
- --_rs-typography-ul-list-li-padding-left:28px;
1201
- --_rs-typography-ol-list-li-padding-left:21px;
775
+ --_rs-typography-ul-bullet-offset:2px;
776
+ --_rs-typography-list-li-compact-left-offset:15px;
777
+ --_rs-typography-list-li-default-left-offset:19px;
1202
778
  --_rs-typography-list-li-margin-top-from-text:8px;
1203
779
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1204
780
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1205
781
  --_rs-typography-link-border-bottom-width-from-text:1px;
1206
782
  }
1207
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1208
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
783
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
784
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1209
785
  --_rs-typography-text-transform:initial;
1210
786
  --_rs-typography-font-variant-numeric:initial;
1211
787
  --_rs-typography-font-family:var(
@@ -1214,14 +790,14 @@
1214
790
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1215
791
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1216
792
  );
1217
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
793
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1218
794
  --_rs-typography-font-weight:var(
1219
795
  --rs-font-weight-regular,
1220
796
  400
1221
797
  );
1222
798
  --_rs-typography-line-height:var(
1223
- --rs-text-2-line-height,
1224
- 24px
799
+ --rs-text-3-line-height,
800
+ 20px
1225
801
  );
1226
802
  --_rs-typography-base-color:var(
1227
803
  --_rs-typography-hardness-color,
@@ -1230,24 +806,17 @@
1230
806
  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)
1231
807
  )
1232
808
  );
1233
- --_rs-typography-text-auto-offset:16px;
1234
- --_rs-typography-ul-list-li-padding-left:22px;
1235
- --_rs-typography-ol-list-li-padding-left:26px;
1236
- --_rs-typography-list-li-margin-top-from-text:var(
1237
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1238
- 16px
1239
- );
809
+ --_rs-typography-text-auto-offset:8px;
810
+ --_rs-typography-ul-bullet-offset:2px;
811
+ --_rs-typography-list-li-compact-left-offset:15px;
812
+ --_rs-typography-list-li-default-left-offset:19px;
813
+ --_rs-typography-list-li-margin-top-from-text:8px;
1240
814
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1241
815
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1242
816
  --_rs-typography-link-border-bottom-width-from-text:1px;
1243
817
  }
1244
- @media screen and (max-width: 640px){
1245
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1246
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1247
- }
1248
- }
1249
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1250
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
818
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
819
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1251
820
  --_rs-typography-text-transform:initial;
1252
821
  --_rs-typography-font-variant-numeric:initial;
1253
822
  --_rs-typography-font-family:var(
@@ -1256,12 +825,12 @@
1256
825
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1257
826
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1258
827
  );
1259
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
828
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1260
829
  --_rs-typography-font-weight:var(
1261
830
  --rs-font-weight-semi-bold,
1262
831
  600
1263
832
  );
1264
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
833
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1265
834
  --_rs-typography-base-color:var(
1266
835
  --_rs-typography-heading-hardness-color,
1267
836
  var(
@@ -1270,14 +839,19 @@
1270
839
  )
1271
840
  );
1272
841
  --_rs-typography-text-auto-offset:0;
1273
- --_rs-typography-ul-list-li-padding-left:initial;
1274
- --_rs-typography-ol-list-li-padding-left:initial;
842
+ --_rs-typography-ul-bullet-offset:initial;
843
+ --_rs-typography-list-li-compact-left-offset:initial;
844
+ --_rs-typography-list-li-default-left-offset:initial;
1275
845
  --_rs-typography-list-li-margin-top-from-text:initial;
1276
846
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1277
847
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1278
848
  --_rs-typography-link-border-bottom-width-from-text:2px;
1279
849
  }
1280
- & [data-rs-internal="select-trigger"]{
850
+ }
851
+ @define-mixin rs-multiselect-size-m{
852
+ &[class]{
853
+ --_rs-select-size:m;
854
+ --_rs-select-observable-size:2px;
1281
855
  --_rs-select-trigger-horizontal-padding:8px;
1282
856
  --_rs-select-trigger-vertical-padding:8px;
1283
857
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -1312,8 +886,9 @@
1312
886
  )
1313
887
  );
1314
888
  --_rs-typography-text-auto-offset:16px;
1315
- --_rs-typography-ul-list-li-padding-left:22px;
1316
- --_rs-typography-ol-list-li-padding-left:26px;
889
+ --_rs-typography-ul-bullet-offset:2px;
890
+ --_rs-typography-list-li-compact-left-offset:18px;
891
+ --_rs-typography-list-li-default-left-offset:24px;
1317
892
  --_rs-typography-list-li-margin-top-from-text:var(
1318
893
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1319
894
  16px
@@ -1323,11 +898,11 @@
1323
898
  --_rs-typography-link-border-bottom-width-from-text:1px;
1324
899
  }
1325
900
  @media screen and (max-width: 640px){
1326
- & [data-rs-internal="select-trigger"]{
901
+ &[class]{
1327
902
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1328
903
  }
1329
904
  }
1330
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
905
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1331
906
  --_rs-tag-vertical-padding:4px;
1332
907
  --_rs-tag-base-horizontal-padding:8px;
1333
908
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -1359,24 +934,25 @@
1359
934
  )
1360
935
  );
1361
936
  --_rs-typography-text-auto-offset:8px;
1362
- --_rs-typography-ul-list-li-padding-left:28px;
1363
- --_rs-typography-ol-list-li-padding-left:21px;
937
+ --_rs-typography-ul-bullet-offset:2px;
938
+ --_rs-typography-list-li-compact-left-offset:15px;
939
+ --_rs-typography-list-li-default-left-offset:19px;
1364
940
  --_rs-typography-list-li-margin-top-from-text:8px;
1365
941
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1366
942
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1367
943
  --_rs-typography-link-border-bottom-width-from-text:1px;
1368
944
  }
1369
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
945
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1370
946
  --_rs-tag-removable-vertical-padding:4px;
1371
947
  --_rs-tag-removable-left-padding:8px;
1372
948
  --_rs-tag-removable-border-radius:4px;
1373
949
  --_rs-tag-removable-close-part-size:28px;
1374
950
  --_rs-tag-removable-custom-icon-size:20px;
1375
951
  }
1376
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
952
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1377
953
  --_rs-icons-height:20px;
1378
954
  }
1379
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
955
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1380
956
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1381
957
  --_rs-typography-text-transform:initial;
1382
958
  --_rs-typography-font-variant-numeric:initial;
@@ -1403,57 +979,15 @@
1403
979
  )
1404
980
  );
1405
981
  --_rs-typography-text-auto-offset:8px;
1406
- --_rs-typography-ul-list-li-padding-left:28px;
1407
- --_rs-typography-ol-list-li-padding-left:21px;
982
+ --_rs-typography-ul-bullet-offset:2px;
983
+ --_rs-typography-list-li-compact-left-offset:15px;
984
+ --_rs-typography-list-li-default-left-offset:19px;
1408
985
  --_rs-typography-list-li-margin-top-from-text:8px;
1409
986
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1410
987
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1411
988
  --_rs-typography-link-border-bottom-width-from-text:1px;
1412
989
  }
1413
- }
1414
- @define-mixin rs-multiselect-size-l{
1415
- &[class]{
1416
- --_rs-select-size:l;
1417
- --_rs-select-observable-size:3px;
1418
- }
1419
- &[data-rs-internal="select-form-trigger-wrapper"]{
1420
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
1421
- }
1422
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
1423
- --_rs-icons-height:24px;
1424
- }
1425
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
1426
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1427
- --_rs-typography-text-transform:initial;
1428
- --_rs-typography-font-variant-numeric:initial;
1429
- --_rs-typography-font-family:var(
1430
- --rs-font-family-ui,
1431
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1432
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1433
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1434
- );
1435
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1436
- --_rs-typography-font-weight:var(
1437
- --rs-font-weight-semi-bold,
1438
- 600
1439
- );
1440
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1441
- --_rs-typography-base-color:var(
1442
- --_rs-typography-heading-hardness-color,
1443
- var(
1444
- --rs-color-hard,
1445
- 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))
1446
- )
1447
- );
1448
- --_rs-typography-text-auto-offset:0;
1449
- --_rs-typography-ul-list-li-padding-left:initial;
1450
- --_rs-typography-ol-list-li-padding-left:initial;
1451
- --_rs-typography-list-li-margin-top-from-text:initial;
1452
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1453
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1454
- --_rs-typography-link-border-bottom-width-from-text:2px;
1455
- }
1456
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
990
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1457
991
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1458
992
  --_rs-typography-text-transform:initial;
1459
993
  --_rs-typography-font-variant-numeric:initial;
@@ -1480,8 +1014,9 @@
1480
1014
  )
1481
1015
  );
1482
1016
  --_rs-typography-text-auto-offset:16px;
1483
- --_rs-typography-ul-list-li-padding-left:22px;
1484
- --_rs-typography-ol-list-li-padding-left:26px;
1017
+ --_rs-typography-ul-bullet-offset:2px;
1018
+ --_rs-typography-list-li-compact-left-offset:18px;
1019
+ --_rs-typography-list-li-default-left-offset:24px;
1485
1020
  --_rs-typography-list-li-margin-top-from-text:var(
1486
1021
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1487
1022
  16px
@@ -1491,54 +1026,12 @@
1491
1026
  --_rs-typography-link-border-bottom-width-from-text:1px;
1492
1027
  }
1493
1028
  @media screen and (max-width: 640px){
1494
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
1029
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1495
1030
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1496
1031
  }
1497
1032
  }
1498
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1499
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1500
- --_rs-typography-text-transform:initial;
1501
- --_rs-typography-font-variant-numeric:initial;
1502
- --_rs-typography-font-family:var(
1503
- --rs-font-family-ui,
1504
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1505
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1506
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1507
- );
1508
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1509
- --_rs-typography-font-weight:var(
1510
- --rs-font-weight-regular,
1511
- 400
1512
- );
1513
- --_rs-typography-line-height:var(
1514
- --rs-text-1-line-height,
1515
- 28px
1516
- );
1517
- --_rs-typography-base-color:var(
1518
- --_rs-typography-hardness-color,
1519
- var(
1520
- --rs-color-average,
1521
- 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)
1522
- )
1523
- );
1524
- --_rs-typography-text-auto-offset:32px;
1525
- --_rs-typography-ul-list-li-padding-left:26px;
1526
- --_rs-typography-ol-list-li-padding-left:32px;
1527
- --_rs-typography-list-li-margin-top-from-text:var(
1528
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1529
- 24px
1530
- );
1531
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1532
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1533
- --_rs-typography-link-border-bottom-width-from-text:1px;
1534
- }
1535
- @media screen and (max-width: 640px){
1536
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1537
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1538
- }
1539
- }
1540
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1541
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1033
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1034
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1542
1035
  --_rs-typography-text-transform:initial;
1543
1036
  --_rs-typography-font-variant-numeric:initial;
1544
1037
  --_rs-typography-font-family:var(
@@ -1547,12 +1040,12 @@
1547
1040
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1548
1041
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1549
1042
  );
1550
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1043
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1551
1044
  --_rs-typography-font-weight:var(
1552
1045
  --rs-font-weight-semi-bold,
1553
1046
  600
1554
1047
  );
1555
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1048
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1556
1049
  --_rs-typography-base-color:var(
1557
1050
  --_rs-typography-heading-hardness-color,
1558
1051
  var(
@@ -1561,14 +1054,19 @@
1561
1054
  )
1562
1055
  );
1563
1056
  --_rs-typography-text-auto-offset:0;
1564
- --_rs-typography-ul-list-li-padding-left:initial;
1565
- --_rs-typography-ol-list-li-padding-left:initial;
1057
+ --_rs-typography-ul-bullet-offset:initial;
1058
+ --_rs-typography-list-li-compact-left-offset:initial;
1059
+ --_rs-typography-list-li-default-left-offset:initial;
1566
1060
  --_rs-typography-list-li-margin-top-from-text:initial;
1567
1061
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1568
1062
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1569
1063
  --_rs-typography-link-border-bottom-width-from-text:2px;
1570
1064
  }
1571
- & [data-rs-internal="select-trigger"]{
1065
+ }
1066
+ @define-mixin rs-multiselect-size-l{
1067
+ &[class]{
1068
+ --_rs-select-size:l;
1069
+ --_rs-select-observable-size:3px;
1572
1070
  --_rs-select-trigger-horizontal-padding:16px;
1573
1071
  --_rs-select-trigger-vertical-padding:12px;
1574
1072
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -1603,8 +1101,9 @@
1603
1101
  )
1604
1102
  );
1605
1103
  --_rs-typography-text-auto-offset:32px;
1606
- --_rs-typography-ul-list-li-padding-left:26px;
1607
- --_rs-typography-ol-list-li-padding-left:32px;
1104
+ --_rs-typography-ul-bullet-offset:2px;
1105
+ --_rs-typography-list-li-compact-left-offset:22px;
1106
+ --_rs-typography-list-li-default-left-offset:28px;
1608
1107
  --_rs-typography-list-li-margin-top-from-text:var(
1609
1108
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1610
1109
  24px
@@ -1614,11 +1113,11 @@
1614
1113
  --_rs-typography-link-border-bottom-width-from-text:1px;
1615
1114
  }
1616
1115
  @media screen and (max-width: 640px){
1617
- & [data-rs-internal="select-trigger"]{
1116
+ &[class]{
1618
1117
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1619
1118
  }
1620
1119
  }
1621
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1120
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1622
1121
  --_rs-tag-vertical-padding:6px;
1623
1122
  --_rs-tag-base-horizontal-padding:12px;
1624
1123
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -1652,8 +1151,9 @@
1652
1151
  )
1653
1152
  );
1654
1153
  --_rs-typography-text-auto-offset:16px;
1655
- --_rs-typography-ul-list-li-padding-left:22px;
1656
- --_rs-typography-ol-list-li-padding-left:26px;
1154
+ --_rs-typography-ul-bullet-offset:2px;
1155
+ --_rs-typography-list-li-compact-left-offset:18px;
1156
+ --_rs-typography-list-li-default-left-offset:24px;
1657
1157
  --_rs-typography-list-li-margin-top-from-text:var(
1658
1158
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1659
1159
  16px
@@ -1663,21 +1163,21 @@
1663
1163
  --_rs-typography-link-border-bottom-width-from-text:1px;
1664
1164
  }
1665
1165
  @media screen and (max-width: 640px){
1666
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1166
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1667
1167
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1668
1168
  }
1669
1169
  }
1670
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1170
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1671
1171
  --_rs-tag-removable-vertical-padding:6px;
1672
1172
  --_rs-tag-removable-left-padding:12px;
1673
1173
  --_rs-tag-removable-border-radius:6px;
1674
1174
  --_rs-tag-removable-close-part-size:36px;
1675
1175
  --_rs-tag-removable-custom-icon-size:24px;
1676
1176
  }
1677
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1177
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1678
1178
  --_rs-icons-height:24px;
1679
1179
  }
1680
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1180
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1681
1181
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1682
1182
  --_rs-typography-text-transform:initial;
1683
1183
  --_rs-typography-font-variant-numeric:initial;
@@ -1704,8 +1204,9 @@
1704
1204
  )
1705
1205
  );
1706
1206
  --_rs-typography-text-auto-offset:16px;
1707
- --_rs-typography-ul-list-li-padding-left:22px;
1708
- --_rs-typography-ol-list-li-padding-left:26px;
1207
+ --_rs-typography-ul-bullet-offset:2px;
1208
+ --_rs-typography-list-li-compact-left-offset:18px;
1209
+ --_rs-typography-list-li-default-left-offset:24px;
1709
1210
  --_rs-typography-list-li-margin-top-from-text:var(
1710
1211
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1711
1212
  16px
@@ -1715,14 +1216,12 @@
1715
1216
  --_rs-typography-link-border-bottom-width-from-text:1px;
1716
1217
  }
1717
1218
  @media screen and (max-width: 640px){
1718
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1219
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
1719
1220
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1720
1221
  }
1721
1222
  }
1722
- }
1723
- @define-mixin rs-native-select-size-s{
1724
- &[class] [data-rs-internal='select-native__select']{
1725
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1223
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1224
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1726
1225
  --_rs-typography-text-transform:initial;
1727
1226
  --_rs-typography-font-variant-numeric:initial;
1728
1227
  --_rs-typography-font-family:var(
@@ -1731,14 +1230,14 @@
1731
1230
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1732
1231
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1733
1232
  );
1734
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1233
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1735
1234
  --_rs-typography-font-weight:var(
1736
1235
  --rs-font-weight-regular,
1737
1236
  400
1738
1237
  );
1739
1238
  --_rs-typography-line-height:var(
1740
- --rs-text-3-line-height,
1741
- 20px
1239
+ --rs-text-1-line-height,
1240
+ 28px
1742
1241
  );
1743
1242
  --_rs-typography-base-color:var(
1744
1243
  --_rs-typography-hardness-color,
@@ -1747,22 +1246,25 @@
1747
1246
  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)
1748
1247
  )
1749
1248
  );
1750
- --_rs-typography-text-auto-offset:8px;
1751
- --_rs-typography-ul-list-li-padding-left:28px;
1752
- --_rs-typography-ol-list-li-padding-left:21px;
1753
- --_rs-typography-list-li-margin-top-from-text:8px;
1249
+ --_rs-typography-text-auto-offset:32px;
1250
+ --_rs-typography-ul-bullet-offset:2px;
1251
+ --_rs-typography-list-li-compact-left-offset:22px;
1252
+ --_rs-typography-list-li-default-left-offset:28px;
1253
+ --_rs-typography-list-li-margin-top-from-text:var(
1254
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1255
+ 24px
1256
+ );
1754
1257
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1755
1258
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1756
1259
  --_rs-typography-link-border-bottom-width-from-text:1px;
1757
1260
  }
1758
- &[data-rs-internal="select-form-trigger-wrapper"]{
1759
- --_rs-select-form-trigger-wrapper-parts-offset:4px;
1261
+ @media screen and (max-width: 640px){
1262
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1263
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1760
1264
  }
1761
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
1762
- --_rs-icons-height:20px;
1763
1265
  }
1764
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
1765
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1266
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1267
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1766
1268
  --_rs-typography-text-transform:initial;
1767
1269
  --_rs-typography-font-variant-numeric:initial;
1768
1270
  --_rs-typography-font-family:var(
@@ -1771,12 +1273,12 @@
1771
1273
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1772
1274
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1773
1275
  );
1774
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1276
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1775
1277
  --_rs-typography-font-weight:var(
1776
1278
  --rs-font-weight-semi-bold,
1777
1279
  600
1778
1280
  );
1779
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1281
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1780
1282
  --_rs-typography-base-color:var(
1781
1283
  --_rs-typography-heading-hardness-color,
1782
1284
  var(
@@ -1785,48 +1287,17 @@
1785
1287
  )
1786
1288
  );
1787
1289
  --_rs-typography-text-auto-offset:0;
1788
- --_rs-typography-ul-list-li-padding-left:initial;
1789
- --_rs-typography-ol-list-li-padding-left:initial;
1290
+ --_rs-typography-ul-bullet-offset:initial;
1291
+ --_rs-typography-list-li-compact-left-offset:initial;
1292
+ --_rs-typography-list-li-default-left-offset:initial;
1790
1293
  --_rs-typography-list-li-margin-top-from-text:initial;
1791
1294
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1792
1295
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1793
1296
  --_rs-typography-link-border-bottom-width-from-text:2px;
1794
1297
  }
1795
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
1796
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1797
- --_rs-typography-text-transform:initial;
1798
- --_rs-typography-font-variant-numeric:initial;
1799
- --_rs-typography-font-family:var(
1800
- --rs-font-family-ui,
1801
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1802
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1803
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1804
- );
1805
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1806
- --_rs-typography-font-weight:var(
1807
- --rs-font-weight-regular,
1808
- 400
1809
- );
1810
- --_rs-typography-line-height:var(
1811
- --rs-text-3-line-height,
1812
- 20px
1813
- );
1814
- --_rs-typography-base-color:var(
1815
- --_rs-typography-hardness-color,
1816
- var(
1817
- --rs-color-average,
1818
- 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)
1819
- )
1820
- );
1821
- --_rs-typography-text-auto-offset:8px;
1822
- --_rs-typography-ul-list-li-padding-left:28px;
1823
- --_rs-typography-ol-list-li-padding-left:21px;
1824
- --_rs-typography-list-li-margin-top-from-text:8px;
1825
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1826
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1827
- --_rs-typography-link-border-bottom-width-from-text:1px;
1828
- }
1829
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1298
+ }
1299
+ @define-mixin rs-native-select-size-s{
1300
+ &[class] [data-rs-internal='select-native__select']{
1830
1301
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1831
1302
  --_rs-typography-text-transform:initial;
1832
1303
  --_rs-typography-font-variant-numeric:initial;
@@ -1839,59 +1310,31 @@
1839
1310
  --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1840
1311
  --_rs-typography-font-weight:var(
1841
1312
  --rs-font-weight-regular,
1842
- 400
1843
- );
1844
- --_rs-typography-line-height:var(
1845
- --rs-text-3-line-height,
1846
- 20px
1847
- );
1848
- --_rs-typography-base-color:var(
1849
- --_rs-typography-hardness-color,
1850
- var(
1851
- --rs-color-average,
1852
- 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)
1853
- )
1854
- );
1855
- --_rs-typography-text-auto-offset:8px;
1856
- --_rs-typography-ul-list-li-padding-left:28px;
1857
- --_rs-typography-ol-list-li-padding-left:21px;
1858
- --_rs-typography-list-li-margin-top-from-text:8px;
1859
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1860
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1861
- --_rs-typography-link-border-bottom-width-from-text:1px;
1862
- }
1863
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1864
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1865
- --_rs-typography-text-transform:initial;
1866
- --_rs-typography-font-variant-numeric:initial;
1867
- --_rs-typography-font-family:var(
1868
- --rs-font-family-ui,
1869
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1870
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1871
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1872
- );
1873
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1874
- --_rs-typography-font-weight:var(
1875
- --rs-font-weight-semi-bold,
1876
- 600
1313
+ 400
1314
+ );
1315
+ --_rs-typography-line-height:var(
1316
+ --rs-text-3-line-height,
1317
+ 20px
1877
1318
  );
1878
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1879
1319
  --_rs-typography-base-color:var(
1880
- --_rs-typography-heading-hardness-color,
1320
+ --_rs-typography-hardness-color,
1881
1321
  var(
1882
- --rs-color-hard,
1883
- 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))
1322
+ --rs-color-average,
1323
+ 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)
1884
1324
  )
1885
1325
  );
1886
- --_rs-typography-text-auto-offset:0;
1887
- --_rs-typography-ul-list-li-padding-left:initial;
1888
- --_rs-typography-ol-list-li-padding-left:initial;
1889
- --_rs-typography-list-li-margin-top-from-text:initial;
1326
+ --_rs-typography-text-auto-offset:8px;
1327
+ --_rs-typography-ul-bullet-offset:2px;
1328
+ --_rs-typography-list-li-compact-left-offset:15px;
1329
+ --_rs-typography-list-li-default-left-offset:19px;
1330
+ --_rs-typography-list-li-margin-top-from-text:8px;
1890
1331
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1891
1332
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1892
- --_rs-typography-link-border-bottom-width-from-text:2px;
1333
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1893
1334
  }
1894
- & [data-rs-internal="select-trigger"]{
1335
+ & [data-rs-internal="select-native-trigger"]{
1336
+ --_rs-select-size:s;
1337
+ --_rs-select-observable-size:1px;
1895
1338
  --_rs-select-trigger-horizontal-padding:8px;
1896
1339
  --_rs-select-trigger-vertical-padding:6px;
1897
1340
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -1926,14 +1369,15 @@
1926
1369
  )
1927
1370
  );
1928
1371
  --_rs-typography-text-auto-offset:8px;
1929
- --_rs-typography-ul-list-li-padding-left:28px;
1930
- --_rs-typography-ol-list-li-padding-left:21px;
1372
+ --_rs-typography-ul-bullet-offset:2px;
1373
+ --_rs-typography-list-li-compact-left-offset:15px;
1374
+ --_rs-typography-list-li-default-left-offset:19px;
1931
1375
  --_rs-typography-list-li-margin-top-from-text:8px;
1932
1376
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1933
1377
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1934
1378
  --_rs-typography-link-border-bottom-width-from-text:1px;
1935
1379
  }
1936
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1380
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1937
1381
  --_rs-tag-vertical-padding:2px;
1938
1382
  --_rs-tag-base-horizontal-padding:8px;
1939
1383
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -1967,24 +1411,25 @@
1967
1411
  )
1968
1412
  );
1969
1413
  --_rs-typography-text-auto-offset:8px;
1970
- --_rs-typography-ul-list-li-padding-left:28px;
1971
- --_rs-typography-ol-list-li-padding-left:21px;
1414
+ --_rs-typography-ul-bullet-offset:2px;
1415
+ --_rs-typography-list-li-compact-left-offset:15px;
1416
+ --_rs-typography-list-li-default-left-offset:19px;
1972
1417
  --_rs-typography-list-li-margin-top-from-text:8px;
1973
1418
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1974
1419
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1975
1420
  --_rs-typography-link-border-bottom-width-from-text:1px;
1976
1421
  }
1977
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1422
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1978
1423
  --_rs-tag-removable-vertical-padding:2px;
1979
1424
  --_rs-tag-removable-left-padding:8px;
1980
1425
  --_rs-tag-removable-border-radius:4px;
1981
1426
  --_rs-tag-removable-close-part-size:24px;
1982
1427
  --_rs-tag-removable-custom-icon-size:16px;
1983
1428
  }
1984
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1429
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1985
1430
  --_rs-icons-height:16px;
1986
1431
  }
1987
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1432
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1988
1433
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1989
1434
  --_rs-typography-text-transform:initial;
1990
1435
  --_rs-typography-font-variant-numeric:initial;
@@ -2011,17 +1456,16 @@
2011
1456
  )
2012
1457
  );
2013
1458
  --_rs-typography-text-auto-offset:8px;
2014
- --_rs-typography-ul-list-li-padding-left:28px;
2015
- --_rs-typography-ol-list-li-padding-left:21px;
1459
+ --_rs-typography-ul-bullet-offset:2px;
1460
+ --_rs-typography-list-li-compact-left-offset:15px;
1461
+ --_rs-typography-list-li-default-left-offset:19px;
2016
1462
  --_rs-typography-list-li-margin-top-from-text:8px;
2017
1463
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2018
1464
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2019
1465
  --_rs-typography-link-border-bottom-width-from-text:1px;
2020
1466
  }
2021
- }
2022
- @define-mixin rs-native-select-size-m{
2023
- &[class] [data-rs-internal='select-native__select']{
2024
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1467
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1468
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2025
1469
  --_rs-typography-text-transform:initial;
2026
1470
  --_rs-typography-font-variant-numeric:initial;
2027
1471
  --_rs-typography-font-family:var(
@@ -2030,14 +1474,14 @@
2030
1474
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2031
1475
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2032
1476
  );
2033
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1477
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
2034
1478
  --_rs-typography-font-weight:var(
2035
1479
  --rs-font-weight-regular,
2036
1480
  400
2037
1481
  );
2038
1482
  --_rs-typography-line-height:var(
2039
- --rs-text-2-line-height,
2040
- 24px
1483
+ --rs-text-3-line-height,
1484
+ 20px
2041
1485
  );
2042
1486
  --_rs-typography-base-color:var(
2043
1487
  --_rs-typography-hardness-color,
@@ -2046,29 +1490,16 @@
2046
1490
  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)
2047
1491
  )
2048
1492
  );
2049
- --_rs-typography-text-auto-offset:16px;
2050
- --_rs-typography-ul-list-li-padding-left:22px;
2051
- --_rs-typography-ol-list-li-padding-left:26px;
2052
- --_rs-typography-list-li-margin-top-from-text:var(
2053
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2054
- 16px
2055
- );
1493
+ --_rs-typography-text-auto-offset:8px;
1494
+ --_rs-typography-ul-bullet-offset:2px;
1495
+ --_rs-typography-list-li-compact-left-offset:15px;
1496
+ --_rs-typography-list-li-default-left-offset:19px;
1497
+ --_rs-typography-list-li-margin-top-from-text:8px;
2056
1498
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2057
1499
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2058
1500
  --_rs-typography-link-border-bottom-width-from-text:1px;
2059
1501
  }
2060
- @media screen and (max-width: 640px){
2061
- &[class] [data-rs-internal='select-native__select']{
2062
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2063
- }
2064
- }
2065
- &[data-rs-internal="select-form-trigger-wrapper"]{
2066
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
2067
- }
2068
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
2069
- --_rs-icons-height:20px;
2070
- }
2071
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
1502
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
2072
1503
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
2073
1504
  --_rs-typography-text-transform:initial;
2074
1505
  --_rs-typography-font-variant-numeric:initial;
@@ -2092,48 +1523,17 @@
2092
1523
  )
2093
1524
  );
2094
1525
  --_rs-typography-text-auto-offset:0;
2095
- --_rs-typography-ul-list-li-padding-left:initial;
2096
- --_rs-typography-ol-list-li-padding-left:initial;
1526
+ --_rs-typography-ul-bullet-offset:initial;
1527
+ --_rs-typography-list-li-compact-left-offset:initial;
1528
+ --_rs-typography-list-li-default-left-offset:initial;
2097
1529
  --_rs-typography-list-li-margin-top-from-text:initial;
2098
1530
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2099
1531
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2100
1532
  --_rs-typography-link-border-bottom-width-from-text:2px;
2101
1533
  }
2102
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
2103
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2104
- --_rs-typography-text-transform:initial;
2105
- --_rs-typography-font-variant-numeric:initial;
2106
- --_rs-typography-font-family:var(
2107
- --rs-font-family-ui,
2108
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2109
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2110
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2111
- );
2112
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
2113
- --_rs-typography-font-weight:var(
2114
- --rs-font-weight-regular,
2115
- 400
2116
- );
2117
- --_rs-typography-line-height:var(
2118
- --rs-text-3-line-height,
2119
- 20px
2120
- );
2121
- --_rs-typography-base-color:var(
2122
- --_rs-typography-hardness-color,
2123
- var(
2124
- --rs-color-average,
2125
- 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)
2126
- )
2127
- );
2128
- --_rs-typography-text-auto-offset:8px;
2129
- --_rs-typography-ul-list-li-padding-left:28px;
2130
- --_rs-typography-ol-list-li-padding-left:21px;
2131
- --_rs-typography-list-li-margin-top-from-text:8px;
2132
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2133
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2134
- --_rs-typography-link-border-bottom-width-from-text:1px;
2135
- }
2136
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1534
+ }
1535
+ @define-mixin rs-native-select-size-m{
1536
+ &[class] [data-rs-internal='select-native__select']{
2137
1537
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2138
1538
  --_rs-typography-text-transform:initial;
2139
1539
  --_rs-typography-font-variant-numeric:initial;
@@ -2160,8 +1560,9 @@
2160
1560
  )
2161
1561
  );
2162
1562
  --_rs-typography-text-auto-offset:16px;
2163
- --_rs-typography-ul-list-li-padding-left:22px;
2164
- --_rs-typography-ol-list-li-padding-left:26px;
1563
+ --_rs-typography-ul-bullet-offset:2px;
1564
+ --_rs-typography-list-li-compact-left-offset:18px;
1565
+ --_rs-typography-list-li-default-left-offset:24px;
2165
1566
  --_rs-typography-list-li-margin-top-from-text:var(
2166
1567
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2167
1568
  16px
@@ -2171,42 +1572,13 @@
2171
1572
  --_rs-typography-link-border-bottom-width-from-text:1px;
2172
1573
  }
2173
1574
  @media screen and (max-width: 640px){
2174
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1575
+ &[class] [data-rs-internal='select-native__select']{
2175
1576
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2176
1577
  }
2177
1578
  }
2178
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
2179
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
2180
- --_rs-typography-text-transform:initial;
2181
- --_rs-typography-font-variant-numeric:initial;
2182
- --_rs-typography-font-family:var(
2183
- --rs-font-family-ui,
2184
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2185
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2186
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2187
- );
2188
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
2189
- --_rs-typography-font-weight:var(
2190
- --rs-font-weight-semi-bold,
2191
- 600
2192
- );
2193
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
2194
- --_rs-typography-base-color:var(
2195
- --_rs-typography-heading-hardness-color,
2196
- var(
2197
- --rs-color-hard,
2198
- 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))
2199
- )
2200
- );
2201
- --_rs-typography-text-auto-offset:0;
2202
- --_rs-typography-ul-list-li-padding-left:initial;
2203
- --_rs-typography-ol-list-li-padding-left:initial;
2204
- --_rs-typography-list-li-margin-top-from-text:initial;
2205
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2206
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2207
- --_rs-typography-link-border-bottom-width-from-text:2px;
2208
- }
2209
- & [data-rs-internal="select-trigger"]{
1579
+ & [data-rs-internal="select-native-trigger"]{
1580
+ --_rs-select-size:m;
1581
+ --_rs-select-observable-size:2px;
2210
1582
  --_rs-select-trigger-horizontal-padding:8px;
2211
1583
  --_rs-select-trigger-vertical-padding:8px;
2212
1584
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -2241,8 +1613,9 @@
2241
1613
  )
2242
1614
  );
2243
1615
  --_rs-typography-text-auto-offset:16px;
2244
- --_rs-typography-ul-list-li-padding-left:22px;
2245
- --_rs-typography-ol-list-li-padding-left:26px;
1616
+ --_rs-typography-ul-bullet-offset:2px;
1617
+ --_rs-typography-list-li-compact-left-offset:18px;
1618
+ --_rs-typography-list-li-default-left-offset:24px;
2246
1619
  --_rs-typography-list-li-margin-top-from-text:var(
2247
1620
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2248
1621
  16px
@@ -2252,11 +1625,11 @@
2252
1625
  --_rs-typography-link-border-bottom-width-from-text:1px;
2253
1626
  }
2254
1627
  @media screen and (max-width: 640px){
2255
- & [data-rs-internal="select-trigger"]{
1628
+ & [data-rs-internal="select-native-trigger"]{
2256
1629
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2257
1630
  }
2258
1631
  }
2259
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1632
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
2260
1633
  --_rs-tag-vertical-padding:4px;
2261
1634
  --_rs-tag-base-horizontal-padding:8px;
2262
1635
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -2288,24 +1661,25 @@
2288
1661
  )
2289
1662
  );
2290
1663
  --_rs-typography-text-auto-offset:8px;
2291
- --_rs-typography-ul-list-li-padding-left:28px;
2292
- --_rs-typography-ol-list-li-padding-left:21px;
1664
+ --_rs-typography-ul-bullet-offset:2px;
1665
+ --_rs-typography-list-li-compact-left-offset:15px;
1666
+ --_rs-typography-list-li-default-left-offset:19px;
2293
1667
  --_rs-typography-list-li-margin-top-from-text:8px;
2294
1668
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2295
1669
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2296
1670
  --_rs-typography-link-border-bottom-width-from-text:1px;
2297
1671
  }
2298
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1672
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
2299
1673
  --_rs-tag-removable-vertical-padding:4px;
2300
1674
  --_rs-tag-removable-left-padding:8px;
2301
1675
  --_rs-tag-removable-border-radius:4px;
2302
1676
  --_rs-tag-removable-close-part-size:28px;
2303
1677
  --_rs-tag-removable-custom-icon-size:20px;
2304
1678
  }
2305
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1679
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
2306
1680
  --_rs-icons-height:20px;
2307
1681
  }
2308
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1682
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
2309
1683
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2310
1684
  --_rs-typography-text-transform:initial;
2311
1685
  --_rs-typography-font-variant-numeric:initial;
@@ -2332,16 +1706,15 @@
2332
1706
  )
2333
1707
  );
2334
1708
  --_rs-typography-text-auto-offset:8px;
2335
- --_rs-typography-ul-list-li-padding-left:28px;
2336
- --_rs-typography-ol-list-li-padding-left:21px;
1709
+ --_rs-typography-ul-bullet-offset:2px;
1710
+ --_rs-typography-list-li-compact-left-offset:15px;
1711
+ --_rs-typography-list-li-default-left-offset:19px;
2337
1712
  --_rs-typography-list-li-margin-top-from-text:8px;
2338
1713
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2339
1714
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2340
1715
  --_rs-typography-link-border-bottom-width-from-text:1px;
2341
1716
  }
2342
- }
2343
- @define-mixin rs-native-select-size-l{
2344
- &[class] [data-rs-internal='select-native__select']{
1717
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
2345
1718
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2346
1719
  --_rs-typography-text-transform:initial;
2347
1720
  --_rs-typography-font-variant-numeric:initial;
@@ -2368,8 +1741,9 @@
2368
1741
  )
2369
1742
  );
2370
1743
  --_rs-typography-text-auto-offset:16px;
2371
- --_rs-typography-ul-list-li-padding-left:22px;
2372
- --_rs-typography-ol-list-li-padding-left:26px;
1744
+ --_rs-typography-ul-bullet-offset:2px;
1745
+ --_rs-typography-list-li-compact-left-offset:18px;
1746
+ --_rs-typography-list-li-default-left-offset:24px;
2373
1747
  --_rs-typography-list-li-margin-top-from-text:var(
2374
1748
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2375
1749
  16px
@@ -2379,17 +1753,11 @@
2379
1753
  --_rs-typography-link-border-bottom-width-from-text:1px;
2380
1754
  }
2381
1755
  @media screen and (max-width: 640px){
2382
- &[class] [data-rs-internal='select-native__select']{
1756
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
2383
1757
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2384
1758
  }
2385
1759
  }
2386
- &[data-rs-internal="select-form-trigger-wrapper"]{
2387
- --_rs-select-form-trigger-wrapper-parts-offset:8px;
2388
- }
2389
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-icon']:not(html){
2390
- --_rs-icons-height:24px;
2391
- }
2392
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__error-message']{
1760
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
2393
1761
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
2394
1762
  --_rs-typography-text-transform:initial;
2395
1763
  --_rs-typography-font-variant-numeric:initial;
@@ -2413,14 +1781,17 @@
2413
1781
  )
2414
1782
  );
2415
1783
  --_rs-typography-text-auto-offset:0;
2416
- --_rs-typography-ul-list-li-padding-left:initial;
2417
- --_rs-typography-ol-list-li-padding-left:initial;
1784
+ --_rs-typography-ul-bullet-offset:initial;
1785
+ --_rs-typography-list-li-compact-left-offset:initial;
1786
+ --_rs-typography-list-li-default-left-offset:initial;
2418
1787
  --_rs-typography-list-li-margin-top-from-text:initial;
2419
1788
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2420
1789
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2421
1790
  --_rs-typography-link-border-bottom-width-from-text:2px;
2422
1791
  }
2423
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
1792
+ }
1793
+ @define-mixin rs-native-select-size-l{
1794
+ &[class] [data-rs-internal='select-native__select']{
2424
1795
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2425
1796
  --_rs-typography-text-transform:initial;
2426
1797
  --_rs-typography-font-variant-numeric:initial;
@@ -2447,8 +1818,9 @@
2447
1818
  )
2448
1819
  );
2449
1820
  --_rs-typography-text-auto-offset:16px;
2450
- --_rs-typography-ul-list-li-padding-left:22px;
2451
- --_rs-typography-ol-list-li-padding-left:26px;
1821
+ --_rs-typography-ul-bullet-offset:2px;
1822
+ --_rs-typography-list-li-compact-left-offset:18px;
1823
+ --_rs-typography-list-li-default-left-offset:24px;
2452
1824
  --_rs-typography-list-li-margin-top-from-text:var(
2453
1825
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2454
1826
  16px
@@ -2458,84 +1830,13 @@
2458
1830
  --_rs-typography-link-border-bottom-width-from-text:1px;
2459
1831
  }
2460
1832
  @media screen and (max-width: 640px){
2461
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__note']{
1833
+ &[class] [data-rs-internal='select-native__select']{
2462
1834
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2463
1835
  }
2464
1836
  }
2465
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
2466
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
2467
- --_rs-typography-text-transform:initial;
2468
- --_rs-typography-font-variant-numeric:initial;
2469
- --_rs-typography-font-family:var(
2470
- --rs-font-family-ui,
2471
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2472
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2473
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2474
- );
2475
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
2476
- --_rs-typography-font-weight:var(
2477
- --rs-font-weight-regular,
2478
- 400
2479
- );
2480
- --_rs-typography-line-height:var(
2481
- --rs-text-1-line-height,
2482
- 28px
2483
- );
2484
- --_rs-typography-base-color:var(
2485
- --_rs-typography-hardness-color,
2486
- var(
2487
- --rs-color-average,
2488
- 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)
2489
- )
2490
- );
2491
- --_rs-typography-text-auto-offset:32px;
2492
- --_rs-typography-ul-list-li-padding-left:26px;
2493
- --_rs-typography-ol-list-li-padding-left:32px;
2494
- --_rs-typography-list-li-margin-top-from-text:var(
2495
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2496
- 24px
2497
- );
2498
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2499
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2500
- --_rs-typography-link-border-bottom-width-from-text:1px;
2501
- }
2502
- @media screen and (max-width: 640px){
2503
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
2504
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2505
- }
2506
- }
2507
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
2508
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
2509
- --_rs-typography-text-transform:initial;
2510
- --_rs-typography-font-variant-numeric:initial;
2511
- --_rs-typography-font-family:var(
2512
- --rs-font-family-ui,
2513
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2514
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2515
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2516
- );
2517
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
2518
- --_rs-typography-font-weight:var(
2519
- --rs-font-weight-semi-bold,
2520
- 600
2521
- );
2522
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
2523
- --_rs-typography-base-color:var(
2524
- --_rs-typography-heading-hardness-color,
2525
- var(
2526
- --rs-color-hard,
2527
- 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))
2528
- )
2529
- );
2530
- --_rs-typography-text-auto-offset:0;
2531
- --_rs-typography-ul-list-li-padding-left:initial;
2532
- --_rs-typography-ol-list-li-padding-left:initial;
2533
- --_rs-typography-list-li-margin-top-from-text:initial;
2534
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2535
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2536
- --_rs-typography-link-border-bottom-width-from-text:2px;
2537
- }
2538
- & [data-rs-internal="select-trigger"]{
1837
+ & [data-rs-internal="select-native-trigger"]{
1838
+ --_rs-select-size:l;
1839
+ --_rs-select-observable-size:3px;
2539
1840
  --_rs-select-trigger-horizontal-padding:16px;
2540
1841
  --_rs-select-trigger-vertical-padding:12px;
2541
1842
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -2570,8 +1871,9 @@
2570
1871
  )
2571
1872
  );
2572
1873
  --_rs-typography-text-auto-offset:32px;
2573
- --_rs-typography-ul-list-li-padding-left:26px;
2574
- --_rs-typography-ol-list-li-padding-left:32px;
1874
+ --_rs-typography-ul-bullet-offset:2px;
1875
+ --_rs-typography-list-li-compact-left-offset:22px;
1876
+ --_rs-typography-list-li-default-left-offset:28px;
2575
1877
  --_rs-typography-list-li-margin-top-from-text:var(
2576
1878
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2577
1879
  24px
@@ -2581,11 +1883,11 @@
2581
1883
  --_rs-typography-link-border-bottom-width-from-text:1px;
2582
1884
  }
2583
1885
  @media screen and (max-width: 640px){
2584
- & [data-rs-internal="select-trigger"]{
1886
+ & [data-rs-internal="select-native-trigger"]{
2585
1887
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2586
1888
  }
2587
1889
  }
2588
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1890
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
2589
1891
  --_rs-tag-vertical-padding:6px;
2590
1892
  --_rs-tag-base-horizontal-padding:12px;
2591
1893
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -2619,8 +1921,9 @@
2619
1921
  )
2620
1922
  );
2621
1923
  --_rs-typography-text-auto-offset:16px;
2622
- --_rs-typography-ul-list-li-padding-left:22px;
2623
- --_rs-typography-ol-list-li-padding-left:26px;
1924
+ --_rs-typography-ul-bullet-offset:2px;
1925
+ --_rs-typography-list-li-compact-left-offset:18px;
1926
+ --_rs-typography-list-li-default-left-offset:24px;
2624
1927
  --_rs-typography-list-li-margin-top-from-text:var(
2625
1928
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2626
1929
  16px
@@ -2630,21 +1933,21 @@
2630
1933
  --_rs-typography-link-border-bottom-width-from-text:1px;
2631
1934
  }
2632
1935
  @media screen and (max-width: 640px){
2633
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1936
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
2634
1937
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2635
1938
  }
2636
1939
  }
2637
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1940
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
2638
1941
  --_rs-tag-removable-vertical-padding:6px;
2639
1942
  --_rs-tag-removable-left-padding:12px;
2640
1943
  --_rs-tag-removable-border-radius:6px;
2641
1944
  --_rs-tag-removable-close-part-size:36px;
2642
1945
  --_rs-tag-removable-custom-icon-size:24px;
2643
1946
  }
2644
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
1947
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
2645
1948
  --_rs-icons-height:24px;
2646
1949
  }
2647
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1950
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
2648
1951
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
2649
1952
  --_rs-typography-text-transform:initial;
2650
1953
  --_rs-typography-font-variant-numeric:initial;
@@ -2671,8 +1974,9 @@
2671
1974
  )
2672
1975
  );
2673
1976
  --_rs-typography-text-auto-offset:16px;
2674
- --_rs-typography-ul-list-li-padding-left:22px;
2675
- --_rs-typography-ol-list-li-padding-left:26px;
1977
+ --_rs-typography-ul-bullet-offset:2px;
1978
+ --_rs-typography-list-li-compact-left-offset:18px;
1979
+ --_rs-typography-list-li-default-left-offset:24px;
2676
1980
  --_rs-typography-list-li-margin-top-from-text:var(
2677
1981
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2678
1982
  16px
@@ -2682,8 +1986,83 @@
2682
1986
  --_rs-typography-link-border-bottom-width-from-text:1px;
2683
1987
  }
2684
1988
  @media screen and (max-width: 640px){
2685
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
1989
+ & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
2686
1990
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2687
1991
  }
2688
1992
  }
1993
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1994
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1995
+ --_rs-typography-text-transform:initial;
1996
+ --_rs-typography-font-variant-numeric:initial;
1997
+ --_rs-typography-font-family:var(
1998
+ --rs-font-family-ui,
1999
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2000
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2001
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2002
+ );
2003
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
2004
+ --_rs-typography-font-weight:var(
2005
+ --rs-font-weight-regular,
2006
+ 400
2007
+ );
2008
+ --_rs-typography-line-height:var(
2009
+ --rs-text-1-line-height,
2010
+ 28px
2011
+ );
2012
+ --_rs-typography-base-color:var(
2013
+ --_rs-typography-hardness-color,
2014
+ var(
2015
+ --rs-color-average,
2016
+ 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)
2017
+ )
2018
+ );
2019
+ --_rs-typography-text-auto-offset:32px;
2020
+ --_rs-typography-ul-bullet-offset:2px;
2021
+ --_rs-typography-list-li-compact-left-offset:22px;
2022
+ --_rs-typography-list-li-default-left-offset:28px;
2023
+ --_rs-typography-list-li-margin-top-from-text:var(
2024
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2025
+ 24px
2026
+ );
2027
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2028
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2029
+ --_rs-typography-link-border-bottom-width-from-text:1px;
2030
+ }
2031
+ @media screen and (max-width: 640px){
2032
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
2033
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2034
+ }
2035
+ }
2036
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
2037
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
2038
+ --_rs-typography-text-transform:initial;
2039
+ --_rs-typography-font-variant-numeric:initial;
2040
+ --_rs-typography-font-family:var(
2041
+ --rs-font-family-ui,
2042
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
2043
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2044
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2045
+ );
2046
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
2047
+ --_rs-typography-font-weight:var(
2048
+ --rs-font-weight-semi-bold,
2049
+ 600
2050
+ );
2051
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
2052
+ --_rs-typography-base-color:var(
2053
+ --_rs-typography-heading-hardness-color,
2054
+ var(
2055
+ --rs-color-hard,
2056
+ 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))
2057
+ )
2058
+ );
2059
+ --_rs-typography-text-auto-offset:0;
2060
+ --_rs-typography-ul-bullet-offset:initial;
2061
+ --_rs-typography-list-li-compact-left-offset:initial;
2062
+ --_rs-typography-list-li-default-left-offset:initial;
2063
+ --_rs-typography-list-li-margin-top-from-text:initial;
2064
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2065
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2066
+ --_rs-typography-link-border-bottom-width-from-text:2px;
2067
+ }
2689
2068
  }