@rescui/select 0.15.0 → 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 (92) 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 +2004 -837
  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 +7 -7
  23. package/lib/parts/form-trigger-wrapper.js +16 -34
  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 +486 -444
  39. package/lib/public-api.pcss +486 -444
  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 -91
  45. package/lib/select.js +53 -360
  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 +14 -11
  73. package/lib/key-codes.d.ts +0 -7
  74. package/lib/key-codes.js +0 -8
  75. package/lib/parts/common-select.p.module.css.js +0 -15
  76. package/lib/parts/form-trigger.p.module.css.js +0 -15
  77. package/lib/parts/multiselect.d.ts +0 -86
  78. package/lib/parts/multiselect.js +0 -455
  79. package/lib/parts/native-select.d.ts +0 -36
  80. package/lib/parts/native-select.js +0 -257
  81. package/lib/parts/native-select.p.module.css.js +0 -9
  82. package/lib/parts/throttle.d.ts +0 -1
  83. package/lib/parts/trigger.d.ts +0 -37
  84. package/lib/parts/trigger.js +0 -255
  85. package/lib/parts/trigger.p.module.css.js +0 -31
  86. package/lib/parts/use-backward-compatible-id.d.ts +0 -4
  87. package/lib/parts/use-backward-compatible-id.js +0 -14
  88. package/lib/utils.d.ts +0 -22
  89. package/lib/utils.js +0 -201
  90. /package/lib/{parts → hooks}/use-observable-force-rerender.d.ts +0 -0
  91. /package/lib/{parts → hooks}/use-observable-force-rerender.js +0 -0
  92. /package/lib/{parts → utils}/throttle.js +0 -0
@@ -2,73 +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"] [data-rs-internal='select-form-trigger-wrapper__label']{
7
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
8
- --_rs-typography-text-transform:initial;
9
- --_rs-typography-font-variant-numeric:initial;
10
- --_rs-typography-font-family:var(
11
- --rs-font-family-ui,
12
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
13
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
14
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
15
- );
16
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
17
- --_rs-typography-font-weight:var(
18
- --rs-font-weight-regular,
19
- 400
20
- );
21
- --_rs-typography-line-height:var(
22
- --rs-text-3-line-height,
23
- 20px
24
- );
25
- --_rs-typography-base-color:var(
26
- --_rs-typography-hardness-color,
27
- var(
28
- --rs-color-average,
29
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
30
- )
31
- );
32
- --_rs-typography-text-auto-offset:8px;
33
- --_rs-typography-ul-list-li-padding-left:28px;
34
- --_rs-typography-ol-list-li-padding-left:21px;
35
- --_rs-typography-list-li-margin-top-from-text:8px;
36
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
37
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
38
- --_rs-typography-link-border-bottom-width-from-text:1px;
39
- }
40
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
41
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
42
- --_rs-typography-text-transform:initial;
43
- --_rs-typography-font-variant-numeric:initial;
44
- --_rs-typography-font-family:var(
45
- --rs-font-family-ui,
46
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
47
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
48
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
49
- );
50
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
51
- --_rs-typography-font-weight:var(
52
- --rs-font-weight-semi-bold,
53
- 600
54
- );
55
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
56
- --_rs-typography-base-color:var(
57
- --_rs-typography-heading-hardness-color,
58
- var(
59
- --rs-color-hard,
60
- 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))
61
- )
62
- );
63
- --_rs-typography-text-auto-offset:0;
64
- --_rs-typography-ul-list-li-padding-left:initial;
65
- --_rs-typography-ol-list-li-padding-left:initial;
66
- --_rs-typography-list-li-margin-top-from-text:initial;
67
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
68
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
69
- --_rs-typography-link-border-bottom-width-from-text:2px;
70
- }
71
- & [data-rs-internal="select-trigger"]{
72
5
  --_rs-select-trigger-horizontal-padding:8px;
73
6
  --_rs-select-trigger-vertical-padding:6px;
74
7
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -103,14 +36,15 @@
103
36
  )
104
37
  );
105
38
  --_rs-typography-text-auto-offset:8px;
106
- --_rs-typography-ul-list-li-padding-left:28px;
107
- --_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;
108
42
  --_rs-typography-list-li-margin-top-from-text:8px;
109
43
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
110
44
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
111
45
  --_rs-typography-link-border-bottom-width-from-text:1px;
112
46
  }
113
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
47
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
114
48
  --_rs-tag-vertical-padding:2px;
115
49
  --_rs-tag-base-horizontal-padding:8px;
116
50
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -144,24 +78,25 @@
144
78
  )
145
79
  );
146
80
  --_rs-typography-text-auto-offset:8px;
147
- --_rs-typography-ul-list-li-padding-left:28px;
148
- --_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;
149
84
  --_rs-typography-list-li-margin-top-from-text:8px;
150
85
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
151
86
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
152
87
  --_rs-typography-link-border-bottom-width-from-text:1px;
153
88
  }
154
- & [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){
155
90
  --_rs-tag-removable-vertical-padding:2px;
156
91
  --_rs-tag-removable-left-padding:8px;
157
92
  --_rs-tag-removable-border-radius:4px;
158
93
  --_rs-tag-removable-close-part-size:24px;
159
94
  --_rs-tag-removable-custom-icon-size:16px;
160
95
  }
161
- & [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){
162
97
  --_rs-icons-height:16px;
163
98
  }
164
- & [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){
165
100
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
166
101
  --_rs-typography-text-transform:initial;
167
102
  --_rs-typography-font-variant-numeric:initial;
@@ -188,21 +123,16 @@
188
123
  )
189
124
  );
190
125
  --_rs-typography-text-auto-offset:8px;
191
- --_rs-typography-ul-list-li-padding-left:28px;
192
- --_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;
193
129
  --_rs-typography-list-li-margin-top-from-text:8px;
194
130
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
195
131
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
196
132
  --_rs-typography-link-border-bottom-width-from-text:1px;
197
133
  }
198
- }
199
- @define-mixin rs-select-size-m{
200
- &[class]{
201
- --_rs-select-size:m;
202
- --_rs-select-observable-size:2px;
203
- }
204
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
205
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
134
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
135
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
206
136
  --_rs-typography-text-transform:initial;
207
137
  --_rs-typography-font-variant-numeric:initial;
208
138
  --_rs-typography-font-family:var(
@@ -211,14 +141,14 @@
211
141
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
212
142
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
213
143
  );
214
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
144
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
215
145
  --_rs-typography-font-weight:var(
216
146
  --rs-font-weight-regular,
217
147
  400
218
148
  );
219
149
  --_rs-typography-line-height:var(
220
- --rs-text-2-line-height,
221
- 24px
150
+ --rs-text-3-line-height,
151
+ 20px
222
152
  );
223
153
  --_rs-typography-base-color:var(
224
154
  --_rs-typography-hardness-color,
@@ -227,24 +157,17 @@
227
157
  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)
228
158
  )
229
159
  );
230
- --_rs-typography-text-auto-offset:16px;
231
- --_rs-typography-ul-list-li-padding-left:22px;
232
- --_rs-typography-ol-list-li-padding-left:26px;
233
- --_rs-typography-list-li-margin-top-from-text:var(
234
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
235
- 16px
236
- );
160
+ --_rs-typography-text-auto-offset:8px;
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;
164
+ --_rs-typography-list-li-margin-top-from-text:8px;
237
165
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
238
166
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
239
167
  --_rs-typography-link-border-bottom-width-from-text:1px;
240
168
  }
241
- @media screen and (max-width: 640px){
242
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
243
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
244
- }
245
- }
246
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
247
- --_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);
248
171
  --_rs-typography-text-transform:initial;
249
172
  --_rs-typography-font-variant-numeric:initial;
250
173
  --_rs-typography-font-family:var(
@@ -253,12 +176,12 @@
253
176
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
254
177
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
255
178
  );
256
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
179
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
257
180
  --_rs-typography-font-weight:var(
258
181
  --rs-font-weight-semi-bold,
259
182
  600
260
183
  );
261
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
184
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
262
185
  --_rs-typography-base-color:var(
263
186
  --_rs-typography-heading-hardness-color,
264
187
  var(
@@ -267,14 +190,19 @@
267
190
  )
268
191
  );
269
192
  --_rs-typography-text-auto-offset:0;
270
- --_rs-typography-ul-list-li-padding-left:initial;
271
- --_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;
272
196
  --_rs-typography-list-li-margin-top-from-text:initial;
273
197
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
274
198
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
275
199
  --_rs-typography-link-border-bottom-width-from-text:2px;
276
200
  }
277
- & [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;
278
206
  --_rs-select-trigger-horizontal-padding:8px;
279
207
  --_rs-select-trigger-vertical-padding:8px;
280
208
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -309,8 +237,9 @@
309
237
  )
310
238
  );
311
239
  --_rs-typography-text-auto-offset:16px;
312
- --_rs-typography-ul-list-li-padding-left:22px;
313
- --_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;
314
243
  --_rs-typography-list-li-margin-top-from-text:var(
315
244
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
316
245
  16px
@@ -320,11 +249,11 @@
320
249
  --_rs-typography-link-border-bottom-width-from-text:1px;
321
250
  }
322
251
  @media screen and (max-width: 640px){
323
- & [data-rs-internal="select-trigger"]{
252
+ &[class]{
324
253
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
325
254
  }
326
255
  }
327
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
256
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
328
257
  --_rs-tag-vertical-padding:4px;
329
258
  --_rs-tag-base-horizontal-padding:8px;
330
259
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -356,24 +285,25 @@
356
285
  )
357
286
  );
358
287
  --_rs-typography-text-auto-offset:8px;
359
- --_rs-typography-ul-list-li-padding-left:28px;
360
- --_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;
361
291
  --_rs-typography-list-li-margin-top-from-text:8px;
362
292
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
363
293
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
364
294
  --_rs-typography-link-border-bottom-width-from-text:1px;
365
295
  }
366
- & [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){
367
297
  --_rs-tag-removable-vertical-padding:4px;
368
298
  --_rs-tag-removable-left-padding:8px;
369
299
  --_rs-tag-removable-border-radius:4px;
370
300
  --_rs-tag-removable-close-part-size:28px;
371
301
  --_rs-tag-removable-custom-icon-size:20px;
372
302
  }
373
- & [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){
374
304
  --_rs-icons-height:20px;
375
305
  }
376
- & [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){
377
307
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
378
308
  --_rs-typography-text-transform:initial;
379
309
  --_rs-typography-font-variant-numeric:initial;
@@ -400,21 +330,16 @@
400
330
  )
401
331
  );
402
332
  --_rs-typography-text-auto-offset:8px;
403
- --_rs-typography-ul-list-li-padding-left:28px;
404
- --_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;
405
336
  --_rs-typography-list-li-margin-top-from-text:8px;
406
337
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
407
338
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
408
339
  --_rs-typography-link-border-bottom-width-from-text:1px;
409
340
  }
410
- }
411
- @define-mixin rs-select-size-l{
412
- &[class]{
413
- --_rs-select-size:l;
414
- --_rs-select-observable-size:3px;
415
- }
416
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
417
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
341
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
342
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
418
343
  --_rs-typography-text-transform:initial;
419
344
  --_rs-typography-font-variant-numeric:initial;
420
345
  --_rs-typography-font-family:var(
@@ -423,14 +348,14 @@
423
348
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
424
349
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
425
350
  );
426
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
351
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
427
352
  --_rs-typography-font-weight:var(
428
353
  --rs-font-weight-regular,
429
354
  400
430
355
  );
431
356
  --_rs-typography-line-height:var(
432
- --rs-text-1-line-height,
433
- 28px
357
+ --rs-text-2-line-height,
358
+ 24px
434
359
  );
435
360
  --_rs-typography-base-color:var(
436
361
  --_rs-typography-hardness-color,
@@ -439,24 +364,25 @@
439
364
  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)
440
365
  )
441
366
  );
442
- --_rs-typography-text-auto-offset:32px;
443
- --_rs-typography-ul-list-li-padding-left:26px;
444
- --_rs-typography-ol-list-li-padding-left:32px;
367
+ --_rs-typography-text-auto-offset:16px;
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;
445
371
  --_rs-typography-list-li-margin-top-from-text:var(
446
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
447
- 24px
372
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
373
+ 16px
448
374
  );
449
375
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
450
376
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
451
377
  --_rs-typography-link-border-bottom-width-from-text:1px;
452
378
  }
453
379
  @media screen and (max-width: 640px){
454
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
455
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
380
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
381
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
456
382
  }
457
383
  }
458
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
459
- --_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);
460
386
  --_rs-typography-text-transform:initial;
461
387
  --_rs-typography-font-variant-numeric:initial;
462
388
  --_rs-typography-font-family:var(
@@ -465,12 +391,12 @@
465
391
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
466
392
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
467
393
  );
468
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
394
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
469
395
  --_rs-typography-font-weight:var(
470
396
  --rs-font-weight-semi-bold,
471
397
  600
472
398
  );
473
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
399
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
474
400
  --_rs-typography-base-color:var(
475
401
  --_rs-typography-heading-hardness-color,
476
402
  var(
@@ -479,14 +405,19 @@
479
405
  )
480
406
  );
481
407
  --_rs-typography-text-auto-offset:0;
482
- --_rs-typography-ul-list-li-padding-left:initial;
483
- --_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;
484
411
  --_rs-typography-list-li-margin-top-from-text:initial;
485
412
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
486
413
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
487
414
  --_rs-typography-link-border-bottom-width-from-text:2px;
488
415
  }
489
- & [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;
490
421
  --_rs-select-trigger-horizontal-padding:16px;
491
422
  --_rs-select-trigger-vertical-padding:12px;
492
423
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -521,8 +452,9 @@
521
452
  )
522
453
  );
523
454
  --_rs-typography-text-auto-offset:32px;
524
- --_rs-typography-ul-list-li-padding-left:26px;
525
- --_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;
526
458
  --_rs-typography-list-li-margin-top-from-text:var(
527
459
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
528
460
  24px
@@ -532,11 +464,11 @@
532
464
  --_rs-typography-link-border-bottom-width-from-text:1px;
533
465
  }
534
466
  @media screen and (max-width: 640px){
535
- & [data-rs-internal="select-trigger"]{
467
+ &[class]{
536
468
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
537
469
  }
538
470
  }
539
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
471
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
540
472
  --_rs-tag-vertical-padding:6px;
541
473
  --_rs-tag-base-horizontal-padding:12px;
542
474
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -570,8 +502,9 @@
570
502
  )
571
503
  );
572
504
  --_rs-typography-text-auto-offset:16px;
573
- --_rs-typography-ul-list-li-padding-left:22px;
574
- --_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;
575
508
  --_rs-typography-list-li-margin-top-from-text:var(
576
509
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
577
510
  16px
@@ -581,21 +514,21 @@
581
514
  --_rs-typography-link-border-bottom-width-from-text:1px;
582
515
  }
583
516
  @media screen and (max-width: 640px){
584
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
517
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
585
518
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
586
519
  }
587
520
  }
588
- & [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){
589
522
  --_rs-tag-removable-vertical-padding:6px;
590
523
  --_rs-tag-removable-left-padding:12px;
591
524
  --_rs-tag-removable-border-radius:6px;
592
525
  --_rs-tag-removable-close-part-size:36px;
593
526
  --_rs-tag-removable-custom-icon-size:24px;
594
527
  }
595
- & [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){
596
529
  --_rs-icons-height:24px;
597
530
  }
598
- & [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){
599
532
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
600
533
  --_rs-typography-text-transform:initial;
601
534
  --_rs-typography-font-variant-numeric:initial;
@@ -622,8 +555,9 @@
622
555
  )
623
556
  );
624
557
  --_rs-typography-text-auto-offset:16px;
625
- --_rs-typography-ul-list-li-padding-left:22px;
626
- --_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;
627
561
  --_rs-typography-list-li-margin-top-from-text:var(
628
562
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
629
563
  16px
@@ -633,18 +567,12 @@
633
567
  --_rs-typography-link-border-bottom-width-from-text:1px;
634
568
  }
635
569
  @media screen and (max-width: 640px){
636
- & [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){
637
571
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
638
572
  }
639
573
  }
640
- }
641
- @define-mixin rs-multiselect-size-s{
642
- &[class]{
643
- --_rs-select-size:s;
644
- --_rs-select-observable-size:1px;
645
- }
646
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
647
- --_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);
648
576
  --_rs-typography-text-transform:initial;
649
577
  --_rs-typography-font-variant-numeric:initial;
650
578
  --_rs-typography-font-family:var(
@@ -653,14 +581,14 @@
653
581
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
654
582
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
655
583
  );
656
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
584
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
657
585
  --_rs-typography-font-weight:var(
658
586
  --rs-font-weight-regular,
659
587
  400
660
588
  );
661
589
  --_rs-typography-line-height:var(
662
- --rs-text-3-line-height,
663
- 20px
590
+ --rs-text-1-line-height,
591
+ 28px
664
592
  );
665
593
  --_rs-typography-base-color:var(
666
594
  --_rs-typography-hardness-color,
@@ -669,16 +597,25 @@
669
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)
670
598
  )
671
599
  );
672
- --_rs-typography-text-auto-offset:8px;
673
- --_rs-typography-ul-list-li-padding-left:28px;
674
- --_rs-typography-ol-list-li-padding-left:21px;
675
- --_rs-typography-list-li-margin-top-from-text:8px;
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
607
+ );
676
608
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
677
609
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
678
610
  --_rs-typography-link-border-bottom-width-from-text:1px;
679
611
  }
680
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
681
- --_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);
682
619
  --_rs-typography-text-transform:initial;
683
620
  --_rs-typography-font-variant-numeric:initial;
684
621
  --_rs-typography-font-family:var(
@@ -687,12 +624,12 @@
687
624
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
688
625
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
689
626
  );
690
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
627
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
691
628
  --_rs-typography-font-weight:var(
692
629
  --rs-font-weight-semi-bold,
693
630
  600
694
631
  );
695
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
632
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
696
633
  --_rs-typography-base-color:var(
697
634
  --_rs-typography-heading-hardness-color,
698
635
  var(
@@ -701,14 +638,19 @@
701
638
  )
702
639
  );
703
640
  --_rs-typography-text-auto-offset:0;
704
- --_rs-typography-ul-list-li-padding-left:initial;
705
- --_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;
706
644
  --_rs-typography-list-li-margin-top-from-text:initial;
707
645
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
708
646
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
709
647
  --_rs-typography-link-border-bottom-width-from-text:2px;
710
648
  }
711
- & [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;
712
654
  --_rs-select-trigger-horizontal-padding:8px;
713
655
  --_rs-select-trigger-vertical-padding:6px;
714
656
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -743,14 +685,15 @@
743
685
  )
744
686
  );
745
687
  --_rs-typography-text-auto-offset:8px;
746
- --_rs-typography-ul-list-li-padding-left:28px;
747
- --_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;
748
691
  --_rs-typography-list-li-margin-top-from-text:8px;
749
692
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
750
693
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
751
694
  --_rs-typography-link-border-bottom-width-from-text:1px;
752
695
  }
753
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
696
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
754
697
  --_rs-tag-vertical-padding:2px;
755
698
  --_rs-tag-base-horizontal-padding:8px;
756
699
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -784,24 +727,25 @@
784
727
  )
785
728
  );
786
729
  --_rs-typography-text-auto-offset:8px;
787
- --_rs-typography-ul-list-li-padding-left:28px;
788
- --_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;
789
733
  --_rs-typography-list-li-margin-top-from-text:8px;
790
734
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
791
735
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
792
736
  --_rs-typography-link-border-bottom-width-from-text:1px;
793
737
  }
794
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
738
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
795
739
  --_rs-tag-removable-vertical-padding:2px;
796
740
  --_rs-tag-removable-left-padding:8px;
797
741
  --_rs-tag-removable-border-radius:4px;
798
742
  --_rs-tag-removable-close-part-size:24px;
799
743
  --_rs-tag-removable-custom-icon-size:16px;
800
744
  }
801
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
745
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
802
746
  --_rs-icons-height:16px;
803
747
  }
804
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
748
+ &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
805
749
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
806
750
  --_rs-typography-text-transform:initial;
807
751
  --_rs-typography-font-variant-numeric:initial;
@@ -828,21 +772,16 @@
828
772
  )
829
773
  );
830
774
  --_rs-typography-text-auto-offset:8px;
831
- --_rs-typography-ul-list-li-padding-left:28px;
832
- --_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;
833
778
  --_rs-typography-list-li-margin-top-from-text:8px;
834
779
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
835
780
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
836
781
  --_rs-typography-link-border-bottom-width-from-text:1px;
837
782
  }
838
- }
839
- @define-mixin rs-multiselect-size-m{
840
- &[class]{
841
- --_rs-select-size:m;
842
- --_rs-select-observable-size:2px;
843
- }
844
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
845
- --_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);
846
785
  --_rs-typography-text-transform:initial;
847
786
  --_rs-typography-font-variant-numeric:initial;
848
787
  --_rs-typography-font-family:var(
@@ -851,14 +790,14 @@
851
790
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
852
791
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
853
792
  );
854
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
793
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
855
794
  --_rs-typography-font-weight:var(
856
795
  --rs-font-weight-regular,
857
796
  400
858
797
  );
859
798
  --_rs-typography-line-height:var(
860
- --rs-text-2-line-height,
861
- 24px
799
+ --rs-text-3-line-height,
800
+ 20px
862
801
  );
863
802
  --_rs-typography-base-color:var(
864
803
  --_rs-typography-hardness-color,
@@ -867,24 +806,17 @@
867
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)
868
807
  )
869
808
  );
870
- --_rs-typography-text-auto-offset:16px;
871
- --_rs-typography-ul-list-li-padding-left:22px;
872
- --_rs-typography-ol-list-li-padding-left:26px;
873
- --_rs-typography-list-li-margin-top-from-text:var(
874
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
875
- 16px
876
- );
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;
877
814
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
878
815
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
879
816
  --_rs-typography-link-border-bottom-width-from-text:1px;
880
817
  }
881
- @media screen and (max-width: 640px){
882
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
883
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
884
- }
885
- }
886
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
887
- --_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);
888
820
  --_rs-typography-text-transform:initial;
889
821
  --_rs-typography-font-variant-numeric:initial;
890
822
  --_rs-typography-font-family:var(
@@ -893,12 +825,12 @@
893
825
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
894
826
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
895
827
  );
896
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
828
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
897
829
  --_rs-typography-font-weight:var(
898
830
  --rs-font-weight-semi-bold,
899
831
  600
900
832
  );
901
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
833
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
902
834
  --_rs-typography-base-color:var(
903
835
  --_rs-typography-heading-hardness-color,
904
836
  var(
@@ -907,14 +839,19 @@
907
839
  )
908
840
  );
909
841
  --_rs-typography-text-auto-offset:0;
910
- --_rs-typography-ul-list-li-padding-left:initial;
911
- --_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;
912
845
  --_rs-typography-list-li-margin-top-from-text:initial;
913
846
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
914
847
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
915
848
  --_rs-typography-link-border-bottom-width-from-text:2px;
916
849
  }
917
- & [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;
918
855
  --_rs-select-trigger-horizontal-padding:8px;
919
856
  --_rs-select-trigger-vertical-padding:8px;
920
857
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -949,8 +886,9 @@
949
886
  )
950
887
  );
951
888
  --_rs-typography-text-auto-offset:16px;
952
- --_rs-typography-ul-list-li-padding-left:22px;
953
- --_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;
954
892
  --_rs-typography-list-li-margin-top-from-text:var(
955
893
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
956
894
  16px
@@ -960,11 +898,11 @@
960
898
  --_rs-typography-link-border-bottom-width-from-text:1px;
961
899
  }
962
900
  @media screen and (max-width: 640px){
963
- & [data-rs-internal="select-trigger"]{
901
+ &[class]{
964
902
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
965
903
  }
966
904
  }
967
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
905
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
968
906
  --_rs-tag-vertical-padding:4px;
969
907
  --_rs-tag-base-horizontal-padding:8px;
970
908
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -996,24 +934,25 @@
996
934
  )
997
935
  );
998
936
  --_rs-typography-text-auto-offset:8px;
999
- --_rs-typography-ul-list-li-padding-left:28px;
1000
- --_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;
1001
940
  --_rs-typography-list-li-margin-top-from-text:8px;
1002
941
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1003
942
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1004
943
  --_rs-typography-link-border-bottom-width-from-text:1px;
1005
944
  }
1006
- & [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){
1007
946
  --_rs-tag-removable-vertical-padding:4px;
1008
947
  --_rs-tag-removable-left-padding:8px;
1009
948
  --_rs-tag-removable-border-radius:4px;
1010
949
  --_rs-tag-removable-close-part-size:28px;
1011
950
  --_rs-tag-removable-custom-icon-size:20px;
1012
951
  }
1013
- & [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){
1014
953
  --_rs-icons-height:20px;
1015
954
  }
1016
- & [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){
1017
956
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1018
957
  --_rs-typography-text-transform:initial;
1019
958
  --_rs-typography-font-variant-numeric:initial;
@@ -1040,21 +979,16 @@
1040
979
  )
1041
980
  );
1042
981
  --_rs-typography-text-auto-offset:8px;
1043
- --_rs-typography-ul-list-li-padding-left:28px;
1044
- --_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;
1045
985
  --_rs-typography-list-li-margin-top-from-text:8px;
1046
986
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1047
987
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1048
988
  --_rs-typography-link-border-bottom-width-from-text:1px;
1049
989
  }
1050
- }
1051
- @define-mixin rs-multiselect-size-l{
1052
- &[class]{
1053
- --_rs-select-size:l;
1054
- --_rs-select-observable-size:3px;
1055
- }
1056
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1057
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
990
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
991
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1058
992
  --_rs-typography-text-transform:initial;
1059
993
  --_rs-typography-font-variant-numeric:initial;
1060
994
  --_rs-typography-font-family:var(
@@ -1063,14 +997,14 @@
1063
997
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1064
998
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1065
999
  );
1066
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1000
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1067
1001
  --_rs-typography-font-weight:var(
1068
1002
  --rs-font-weight-regular,
1069
1003
  400
1070
1004
  );
1071
1005
  --_rs-typography-line-height:var(
1072
- --rs-text-1-line-height,
1073
- 28px
1006
+ --rs-text-2-line-height,
1007
+ 24px
1074
1008
  );
1075
1009
  --_rs-typography-base-color:var(
1076
1010
  --_rs-typography-hardness-color,
@@ -1079,24 +1013,25 @@
1079
1013
  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)
1080
1014
  )
1081
1015
  );
1082
- --_rs-typography-text-auto-offset:32px;
1083
- --_rs-typography-ul-list-li-padding-left:26px;
1084
- --_rs-typography-ol-list-li-padding-left:32px;
1016
+ --_rs-typography-text-auto-offset:16px;
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;
1085
1020
  --_rs-typography-list-li-margin-top-from-text:var(
1086
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1087
- 24px
1021
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1022
+ 16px
1088
1023
  );
1089
1024
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1090
1025
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1091
1026
  --_rs-typography-link-border-bottom-width-from-text:1px;
1092
1027
  }
1093
1028
  @media screen and (max-width: 640px){
1094
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1095
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1029
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1030
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1096
1031
  }
1097
1032
  }
1098
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1099
- --_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);
1100
1035
  --_rs-typography-text-transform:initial;
1101
1036
  --_rs-typography-font-variant-numeric:initial;
1102
1037
  --_rs-typography-font-family:var(
@@ -1105,12 +1040,12 @@
1105
1040
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1106
1041
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1107
1042
  );
1108
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1043
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1109
1044
  --_rs-typography-font-weight:var(
1110
1045
  --rs-font-weight-semi-bold,
1111
1046
  600
1112
1047
  );
1113
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1048
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1114
1049
  --_rs-typography-base-color:var(
1115
1050
  --_rs-typography-heading-hardness-color,
1116
1051
  var(
@@ -1119,14 +1054,19 @@
1119
1054
  )
1120
1055
  );
1121
1056
  --_rs-typography-text-auto-offset:0;
1122
- --_rs-typography-ul-list-li-padding-left:initial;
1123
- --_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;
1124
1060
  --_rs-typography-list-li-margin-top-from-text:initial;
1125
1061
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1126
1062
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1127
1063
  --_rs-typography-link-border-bottom-width-from-text:2px;
1128
1064
  }
1129
- & [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;
1130
1070
  --_rs-select-trigger-horizontal-padding:16px;
1131
1071
  --_rs-select-trigger-vertical-padding:12px;
1132
1072
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -1161,8 +1101,9 @@
1161
1101
  )
1162
1102
  );
1163
1103
  --_rs-typography-text-auto-offset:32px;
1164
- --_rs-typography-ul-list-li-padding-left:26px;
1165
- --_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;
1166
1107
  --_rs-typography-list-li-margin-top-from-text:var(
1167
1108
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1168
1109
  24px
@@ -1172,11 +1113,11 @@
1172
1113
  --_rs-typography-link-border-bottom-width-from-text:1px;
1173
1114
  }
1174
1115
  @media screen and (max-width: 640px){
1175
- & [data-rs-internal="select-trigger"]{
1116
+ &[class]{
1176
1117
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1177
1118
  }
1178
1119
  }
1179
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1120
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1180
1121
  --_rs-tag-vertical-padding:6px;
1181
1122
  --_rs-tag-base-horizontal-padding:12px;
1182
1123
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -1210,8 +1151,9 @@
1210
1151
  )
1211
1152
  );
1212
1153
  --_rs-typography-text-auto-offset:16px;
1213
- --_rs-typography-ul-list-li-padding-left:22px;
1214
- --_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;
1215
1157
  --_rs-typography-list-li-margin-top-from-text:var(
1216
1158
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1217
1159
  16px
@@ -1221,21 +1163,21 @@
1221
1163
  --_rs-typography-link-border-bottom-width-from-text:1px;
1222
1164
  }
1223
1165
  @media screen and (max-width: 640px){
1224
- & [data-rs-internal="select-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
1166
+ &[class] [data-rs-internal='select-trigger__tag']:not(html){
1225
1167
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1226
1168
  }
1227
1169
  }
1228
- & [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){
1229
1171
  --_rs-tag-removable-vertical-padding:6px;
1230
1172
  --_rs-tag-removable-left-padding:12px;
1231
1173
  --_rs-tag-removable-border-radius:6px;
1232
1174
  --_rs-tag-removable-close-part-size:36px;
1233
1175
  --_rs-tag-removable-custom-icon-size:24px;
1234
1176
  }
1235
- & [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){
1236
1178
  --_rs-icons-height:24px;
1237
1179
  }
1238
- & [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){
1239
1181
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1240
1182
  --_rs-typography-text-transform:initial;
1241
1183
  --_rs-typography-font-variant-numeric:initial;
@@ -1262,8 +1204,9 @@
1262
1204
  )
1263
1205
  );
1264
1206
  --_rs-typography-text-auto-offset:16px;
1265
- --_rs-typography-ul-list-li-padding-left:22px;
1266
- --_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;
1267
1210
  --_rs-typography-list-li-margin-top-from-text:var(
1268
1211
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1269
1212
  16px
@@ -1273,14 +1216,12 @@
1273
1216
  --_rs-typography-link-border-bottom-width-from-text:1px;
1274
1217
  }
1275
1218
  @media screen and (max-width: 640px){
1276
- & [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){
1277
1220
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1278
1221
  }
1279
1222
  }
1280
- }
1281
- @define-mixin rs-native-select-size-s{
1282
- &[class] [data-rs-internal='select-native__select']{
1283
- --_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);
1284
1225
  --_rs-typography-text-transform:initial;
1285
1226
  --_rs-typography-font-variant-numeric:initial;
1286
1227
  --_rs-typography-font-family:var(
@@ -1289,14 +1230,14 @@
1289
1230
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1290
1231
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1291
1232
  );
1292
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1233
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1293
1234
  --_rs-typography-font-weight:var(
1294
1235
  --rs-font-weight-regular,
1295
1236
  400
1296
1237
  );
1297
1238
  --_rs-typography-line-height:var(
1298
- --rs-text-3-line-height,
1299
- 20px
1239
+ --rs-text-1-line-height,
1240
+ 28px
1300
1241
  );
1301
1242
  --_rs-typography-base-color:var(
1302
1243
  --_rs-typography-hardness-color,
@@ -1305,16 +1246,25 @@
1305
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)
1306
1247
  )
1307
1248
  );
1308
- --_rs-typography-text-auto-offset:8px;
1309
- --_rs-typography-ul-list-li-padding-left:28px;
1310
- --_rs-typography-ol-list-li-padding-left:21px;
1311
- --_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
+ );
1312
1257
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1313
1258
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1314
1259
  --_rs-typography-link-border-bottom-width-from-text:1px;
1315
1260
  }
1316
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1317
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
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;
1264
+ }
1265
+ }
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);
1318
1268
  --_rs-typography-text-transform:initial;
1319
1269
  --_rs-typography-font-variant-numeric:initial;
1320
1270
  --_rs-typography-font-family:var(
@@ -1323,32 +1273,32 @@
1323
1273
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1324
1274
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1325
1275
  );
1326
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1276
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1327
1277
  --_rs-typography-font-weight:var(
1328
- --rs-font-weight-regular,
1329
- 400
1330
- );
1331
- --_rs-typography-line-height:var(
1332
- --rs-text-3-line-height,
1333
- 20px
1278
+ --rs-font-weight-semi-bold,
1279
+ 600
1334
1280
  );
1281
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1335
1282
  --_rs-typography-base-color:var(
1336
- --_rs-typography-hardness-color,
1283
+ --_rs-typography-heading-hardness-color,
1337
1284
  var(
1338
- --rs-color-average,
1339
- 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)
1285
+ --rs-color-hard,
1286
+ 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))
1340
1287
  )
1341
1288
  );
1342
- --_rs-typography-text-auto-offset:8px;
1343
- --_rs-typography-ul-list-li-padding-left:28px;
1344
- --_rs-typography-ol-list-li-padding-left:21px;
1345
- --_rs-typography-list-li-margin-top-from-text:8px;
1289
+ --_rs-typography-text-auto-offset:0;
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;
1293
+ --_rs-typography-list-li-margin-top-from-text:initial;
1346
1294
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1347
1295
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1348
- --_rs-typography-link-border-bottom-width-from-text:1px;
1296
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1349
1297
  }
1350
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1351
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1298
+ }
1299
+ @define-mixin rs-native-select-size-s{
1300
+ &[class] [data-rs-internal='select-native__select']{
1301
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1352
1302
  --_rs-typography-text-transform:initial;
1353
1303
  --_rs-typography-font-variant-numeric:initial;
1354
1304
  --_rs-typography-font-family:var(
@@ -1357,28 +1307,34 @@
1357
1307
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1358
1308
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1359
1309
  );
1360
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1310
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1361
1311
  --_rs-typography-font-weight:var(
1362
- --rs-font-weight-semi-bold,
1363
- 600
1312
+ --rs-font-weight-regular,
1313
+ 400
1314
+ );
1315
+ --_rs-typography-line-height:var(
1316
+ --rs-text-3-line-height,
1317
+ 20px
1364
1318
  );
1365
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1366
1319
  --_rs-typography-base-color:var(
1367
- --_rs-typography-heading-hardness-color,
1320
+ --_rs-typography-hardness-color,
1368
1321
  var(
1369
- --rs-color-hard,
1370
- 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)
1371
1324
  )
1372
1325
  );
1373
- --_rs-typography-text-auto-offset:0;
1374
- --_rs-typography-ul-list-li-padding-left:initial;
1375
- --_rs-typography-ol-list-li-padding-left:initial;
1376
- --_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;
1377
1331
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1378
1332
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1379
- --_rs-typography-link-border-bottom-width-from-text:2px;
1333
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1380
1334
  }
1381
- & [data-rs-internal="select-trigger"]{
1335
+ & [data-rs-internal="select-native-trigger"]{
1336
+ --_rs-select-size:s;
1337
+ --_rs-select-observable-size:1px;
1382
1338
  --_rs-select-trigger-horizontal-padding:8px;
1383
1339
  --_rs-select-trigger-vertical-padding:6px;
1384
1340
  --_rs-select-trigger-tag-vertical-padding:4px;
@@ -1413,14 +1369,15 @@
1413
1369
  )
1414
1370
  );
1415
1371
  --_rs-typography-text-auto-offset:8px;
1416
- --_rs-typography-ul-list-li-padding-left:28px;
1417
- --_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;
1418
1375
  --_rs-typography-list-li-margin-top-from-text:8px;
1419
1376
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1420
1377
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1421
1378
  --_rs-typography-link-border-bottom-width-from-text:1px;
1422
1379
  }
1423
- & [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){
1424
1381
  --_rs-tag-vertical-padding:2px;
1425
1382
  --_rs-tag-base-horizontal-padding:8px;
1426
1383
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -1454,24 +1411,25 @@
1454
1411
  )
1455
1412
  );
1456
1413
  --_rs-typography-text-auto-offset:8px;
1457
- --_rs-typography-ul-list-li-padding-left:28px;
1458
- --_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;
1459
1417
  --_rs-typography-list-li-margin-top-from-text:8px;
1460
1418
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1461
1419
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1462
1420
  --_rs-typography-link-border-bottom-width-from-text:1px;
1463
1421
  }
1464
- & [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){
1465
1423
  --_rs-tag-removable-vertical-padding:2px;
1466
1424
  --_rs-tag-removable-left-padding:8px;
1467
1425
  --_rs-tag-removable-border-radius:4px;
1468
1426
  --_rs-tag-removable-close-part-size:24px;
1469
1427
  --_rs-tag-removable-custom-icon-size:16px;
1470
1428
  }
1471
- & [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){
1472
1430
  --_rs-icons-height:16px;
1473
1431
  }
1474
- & [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){
1475
1433
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1476
1434
  --_rs-typography-text-transform:initial;
1477
1435
  --_rs-typography-font-variant-numeric:initial;
@@ -1498,17 +1456,16 @@
1498
1456
  )
1499
1457
  );
1500
1458
  --_rs-typography-text-auto-offset:8px;
1501
- --_rs-typography-ul-list-li-padding-left:28px;
1502
- --_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;
1503
1462
  --_rs-typography-list-li-margin-top-from-text:8px;
1504
1463
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1505
1464
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1506
1465
  --_rs-typography-link-border-bottom-width-from-text:1px;
1507
1466
  }
1508
- }
1509
- @define-mixin rs-native-select-size-m{
1510
- &[class] [data-rs-internal='select-native__select']{
1511
- --_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);
1512
1469
  --_rs-typography-text-transform:initial;
1513
1470
  --_rs-typography-font-variant-numeric:initial;
1514
1471
  --_rs-typography-font-family:var(
@@ -1517,14 +1474,14 @@
1517
1474
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1518
1475
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1519
1476
  );
1520
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1477
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
1521
1478
  --_rs-typography-font-weight:var(
1522
1479
  --rs-font-weight-regular,
1523
1480
  400
1524
1481
  );
1525
1482
  --_rs-typography-line-height:var(
1526
- --rs-text-2-line-height,
1527
- 24px
1483
+ --rs-text-3-line-height,
1484
+ 20px
1528
1485
  );
1529
1486
  --_rs-typography-base-color:var(
1530
1487
  --_rs-typography-hardness-color,
@@ -1533,23 +1490,50 @@
1533
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)
1534
1491
  )
1535
1492
  );
1536
- --_rs-typography-text-auto-offset:16px;
1537
- --_rs-typography-ul-list-li-padding-left:22px;
1538
- --_rs-typography-ol-list-li-padding-left:26px;
1539
- --_rs-typography-list-li-margin-top-from-text:var(
1540
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1541
- 16px
1542
- );
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;
1543
1498
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1544
1499
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1545
1500
  --_rs-typography-link-border-bottom-width-from-text:1px;
1546
1501
  }
1547
- @media screen and (max-width: 640px){
1548
- &[class] [data-rs-internal='select-native__select']{
1549
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1550
- }
1502
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1503
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1504
+ --_rs-typography-text-transform:initial;
1505
+ --_rs-typography-font-variant-numeric:initial;
1506
+ --_rs-typography-font-family:var(
1507
+ --rs-font-family-ui,
1508
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1509
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1510
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1511
+ );
1512
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
1513
+ --_rs-typography-font-weight:var(
1514
+ --rs-font-weight-semi-bold,
1515
+ 600
1516
+ );
1517
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1518
+ --_rs-typography-base-color:var(
1519
+ --_rs-typography-heading-hardness-color,
1520
+ var(
1521
+ --rs-color-hard,
1522
+ 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))
1523
+ )
1524
+ );
1525
+ --_rs-typography-text-auto-offset:0;
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;
1529
+ --_rs-typography-list-li-margin-top-from-text:initial;
1530
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1531
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1532
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1551
1533
  }
1552
- &[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']{
1553
1537
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1554
1538
  --_rs-typography-text-transform:initial;
1555
1539
  --_rs-typography-font-variant-numeric:initial;
@@ -1576,8 +1560,9 @@
1576
1560
  )
1577
1561
  );
1578
1562
  --_rs-typography-text-auto-offset:16px;
1579
- --_rs-typography-ul-list-li-padding-left:22px;
1580
- --_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;
1581
1566
  --_rs-typography-list-li-margin-top-from-text:var(
1582
1567
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1583
1568
  16px
@@ -1587,42 +1572,13 @@
1587
1572
  --_rs-typography-link-border-bottom-width-from-text:1px;
1588
1573
  }
1589
1574
  @media screen and (max-width: 640px){
1590
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1575
+ &[class] [data-rs-internal='select-native__select']{
1591
1576
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1592
1577
  }
1593
1578
  }
1594
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1595
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1596
- --_rs-typography-text-transform:initial;
1597
- --_rs-typography-font-variant-numeric:initial;
1598
- --_rs-typography-font-family:var(
1599
- --rs-font-family-ui,
1600
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
1601
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1602
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1603
- );
1604
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1605
- --_rs-typography-font-weight:var(
1606
- --rs-font-weight-semi-bold,
1607
- 600
1608
- );
1609
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1610
- --_rs-typography-base-color:var(
1611
- --_rs-typography-heading-hardness-color,
1612
- var(
1613
- --rs-color-hard,
1614
- 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))
1615
- )
1616
- );
1617
- --_rs-typography-text-auto-offset:0;
1618
- --_rs-typography-ul-list-li-padding-left:initial;
1619
- --_rs-typography-ol-list-li-padding-left:initial;
1620
- --_rs-typography-list-li-margin-top-from-text:initial;
1621
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1622
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1623
- --_rs-typography-link-border-bottom-width-from-text:2px;
1624
- }
1625
- & [data-rs-internal="select-trigger"]{
1579
+ & [data-rs-internal="select-native-trigger"]{
1580
+ --_rs-select-size:m;
1581
+ --_rs-select-observable-size:2px;
1626
1582
  --_rs-select-trigger-horizontal-padding:8px;
1627
1583
  --_rs-select-trigger-vertical-padding:8px;
1628
1584
  --_rs-select-trigger-tag-vertical-padding:6px;
@@ -1657,8 +1613,9 @@
1657
1613
  )
1658
1614
  );
1659
1615
  --_rs-typography-text-auto-offset:16px;
1660
- --_rs-typography-ul-list-li-padding-left:22px;
1661
- --_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;
1662
1619
  --_rs-typography-list-li-margin-top-from-text:var(
1663
1620
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1664
1621
  16px
@@ -1668,11 +1625,11 @@
1668
1625
  --_rs-typography-link-border-bottom-width-from-text:1px;
1669
1626
  }
1670
1627
  @media screen and (max-width: 640px){
1671
- & [data-rs-internal="select-trigger"]{
1628
+ & [data-rs-internal="select-native-trigger"]{
1672
1629
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1673
1630
  }
1674
1631
  }
1675
- & [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){
1676
1633
  --_rs-tag-vertical-padding:4px;
1677
1634
  --_rs-tag-base-horizontal-padding:8px;
1678
1635
  --_rs-tag-uppercase-horizontal-padding:10px;
@@ -1704,24 +1661,25 @@
1704
1661
  )
1705
1662
  );
1706
1663
  --_rs-typography-text-auto-offset:8px;
1707
- --_rs-typography-ul-list-li-padding-left:28px;
1708
- --_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;
1709
1667
  --_rs-typography-list-li-margin-top-from-text:8px;
1710
1668
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1711
1669
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1712
1670
  --_rs-typography-link-border-bottom-width-from-text:1px;
1713
1671
  }
1714
- & [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){
1715
1673
  --_rs-tag-removable-vertical-padding:4px;
1716
1674
  --_rs-tag-removable-left-padding:8px;
1717
1675
  --_rs-tag-removable-border-radius:4px;
1718
1676
  --_rs-tag-removable-close-part-size:28px;
1719
1677
  --_rs-tag-removable-custom-icon-size:20px;
1720
1678
  }
1721
- & [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){
1722
1680
  --_rs-icons-height:20px;
1723
1681
  }
1724
- & [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){
1725
1683
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
1726
1684
  --_rs-typography-text-transform:initial;
1727
1685
  --_rs-typography-font-variant-numeric:initial;
@@ -1748,16 +1706,15 @@
1748
1706
  )
1749
1707
  );
1750
1708
  --_rs-typography-text-auto-offset:8px;
1751
- --_rs-typography-ul-list-li-padding-left:28px;
1752
- --_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;
1753
1712
  --_rs-typography-list-li-margin-top-from-text:8px;
1754
1713
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1755
1714
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1756
1715
  --_rs-typography-link-border-bottom-width-from-text:1px;
1757
1716
  }
1758
- }
1759
- @define-mixin rs-native-select-size-l{
1760
- &[class] [data-rs-internal='select-native__select']{
1717
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1761
1718
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1762
1719
  --_rs-typography-text-transform:initial;
1763
1720
  --_rs-typography-font-variant-numeric:initial;
@@ -1784,8 +1741,9 @@
1784
1741
  )
1785
1742
  );
1786
1743
  --_rs-typography-text-auto-offset:16px;
1787
- --_rs-typography-ul-list-li-padding-left:22px;
1788
- --_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;
1789
1747
  --_rs-typography-list-li-margin-top-from-text:var(
1790
1748
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1791
1749
  16px
@@ -1795,12 +1753,12 @@
1795
1753
  --_rs-typography-link-border-bottom-width-from-text:1px;
1796
1754
  }
1797
1755
  @media screen and (max-width: 640px){
1798
- &[class] [data-rs-internal='select-native__select']{
1756
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1799
1757
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1800
1758
  }
1801
1759
  }
1802
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1803
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1760
+ & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1761
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1804
1762
  --_rs-typography-text-transform:initial;
1805
1763
  --_rs-typography-font-variant-numeric:initial;
1806
1764
  --_rs-typography-font-family:var(
@@ -1809,40 +1767,32 @@
1809
1767
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1810
1768
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1811
1769
  );
1812
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
1770
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
1813
1771
  --_rs-typography-font-weight:var(
1814
- --rs-font-weight-regular,
1815
- 400
1816
- );
1817
- --_rs-typography-line-height:var(
1818
- --rs-text-1-line-height,
1819
- 28px
1772
+ --rs-font-weight-semi-bold,
1773
+ 600
1820
1774
  );
1775
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1821
1776
  --_rs-typography-base-color:var(
1822
- --_rs-typography-hardness-color,
1777
+ --_rs-typography-heading-hardness-color,
1823
1778
  var(
1824
- --rs-color-average,
1825
- 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)
1779
+ --rs-color-hard,
1780
+ 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))
1826
1781
  )
1827
1782
  );
1828
- --_rs-typography-text-auto-offset:32px;
1829
- --_rs-typography-ul-list-li-padding-left:26px;
1830
- --_rs-typography-ol-list-li-padding-left:32px;
1831
- --_rs-typography-list-li-margin-top-from-text:var(
1832
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1833
- 24px
1834
- );
1783
+ --_rs-typography-text-auto-offset:0;
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;
1787
+ --_rs-typography-list-li-margin-top-from-text:initial;
1835
1788
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1836
1789
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1837
- --_rs-typography-link-border-bottom-width-from-text:1px;
1838
- }
1839
- @media screen and (max-width: 640px){
1840
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
1841
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1842
- }
1790
+ --_rs-typography-link-border-bottom-width-from-text:2px;
1843
1791
  }
1844
- &[data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
1845
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1792
+ }
1793
+ @define-mixin rs-native-select-size-l{
1794
+ &[class] [data-rs-internal='select-native__select']{
1795
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1846
1796
  --_rs-typography-text-transform:initial;
1847
1797
  --_rs-typography-font-variant-numeric:initial;
1848
1798
  --_rs-typography-font-family:var(
@@ -1851,28 +1801,42 @@
1851
1801
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1852
1802
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1853
1803
  );
1854
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
1804
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
1855
1805
  --_rs-typography-font-weight:var(
1856
- --rs-font-weight-semi-bold,
1857
- 600
1806
+ --rs-font-weight-regular,
1807
+ 400
1808
+ );
1809
+ --_rs-typography-line-height:var(
1810
+ --rs-text-2-line-height,
1811
+ 24px
1858
1812
  );
1859
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1860
1813
  --_rs-typography-base-color:var(
1861
- --_rs-typography-heading-hardness-color,
1814
+ --_rs-typography-hardness-color,
1862
1815
  var(
1863
- --rs-color-hard,
1864
- 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))
1816
+ --rs-color-average,
1817
+ 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)
1865
1818
  )
1866
1819
  );
1867
- --_rs-typography-text-auto-offset:0;
1868
- --_rs-typography-ul-list-li-padding-left:initial;
1869
- --_rs-typography-ol-list-li-padding-left:initial;
1870
- --_rs-typography-list-li-margin-top-from-text:initial;
1820
+ --_rs-typography-text-auto-offset:16px;
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;
1824
+ --_rs-typography-list-li-margin-top-from-text:var(
1825
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1826
+ 16px
1827
+ );
1871
1828
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1872
1829
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1873
- --_rs-typography-link-border-bottom-width-from-text:2px;
1830
+ --_rs-typography-link-border-bottom-width-from-text:1px;
1874
1831
  }
1875
- & [data-rs-internal="select-trigger"]{
1832
+ @media screen and (max-width: 640px){
1833
+ &[class] [data-rs-internal='select-native__select']{
1834
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1835
+ }
1836
+ }
1837
+ & [data-rs-internal="select-native-trigger"]{
1838
+ --_rs-select-size:l;
1839
+ --_rs-select-observable-size:3px;
1876
1840
  --_rs-select-trigger-horizontal-padding:16px;
1877
1841
  --_rs-select-trigger-vertical-padding:12px;
1878
1842
  --_rs-select-trigger-tag-vertical-padding:8px;
@@ -1907,8 +1871,9 @@
1907
1871
  )
1908
1872
  );
1909
1873
  --_rs-typography-text-auto-offset:32px;
1910
- --_rs-typography-ul-list-li-padding-left:26px;
1911
- --_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;
1912
1877
  --_rs-typography-list-li-margin-top-from-text:var(
1913
1878
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1914
1879
  24px
@@ -1918,11 +1883,11 @@
1918
1883
  --_rs-typography-link-border-bottom-width-from-text:1px;
1919
1884
  }
1920
1885
  @media screen and (max-width: 640px){
1921
- & [data-rs-internal="select-trigger"]{
1886
+ & [data-rs-internal="select-native-trigger"]{
1922
1887
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1923
1888
  }
1924
1889
  }
1925
- & [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){
1926
1891
  --_rs-tag-vertical-padding:6px;
1927
1892
  --_rs-tag-base-horizontal-padding:12px;
1928
1893
  --_rs-tag-uppercase-horizontal-padding:var(
@@ -1956,8 +1921,9 @@
1956
1921
  )
1957
1922
  );
1958
1923
  --_rs-typography-text-auto-offset:16px;
1959
- --_rs-typography-ul-list-li-padding-left:22px;
1960
- --_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;
1961
1927
  --_rs-typography-list-li-margin-top-from-text:var(
1962
1928
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1963
1929
  16px
@@ -1967,21 +1933,21 @@
1967
1933
  --_rs-typography-link-border-bottom-width-from-text:1px;
1968
1934
  }
1969
1935
  @media screen and (max-width: 640px){
1970
- & [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){
1971
1937
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1972
1938
  }
1973
1939
  }
1974
- & [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){
1975
1941
  --_rs-tag-removable-vertical-padding:6px;
1976
1942
  --_rs-tag-removable-left-padding:12px;
1977
1943
  --_rs-tag-removable-border-radius:6px;
1978
1944
  --_rs-tag-removable-close-part-size:36px;
1979
1945
  --_rs-tag-removable-custom-icon-size:24px;
1980
1946
  }
1981
- & [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){
1982
1948
  --_rs-icons-height:24px;
1983
1949
  }
1984
- & [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){
1985
1951
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1986
1952
  --_rs-typography-text-transform:initial;
1987
1953
  --_rs-typography-font-variant-numeric:initial;
@@ -2008,8 +1974,9 @@
2008
1974
  )
2009
1975
  );
2010
1976
  --_rs-typography-text-auto-offset:16px;
2011
- --_rs-typography-ul-list-li-padding-left:22px;
2012
- --_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;
2013
1980
  --_rs-typography-list-li-margin-top-from-text:var(
2014
1981
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2015
1982
  16px
@@ -2019,8 +1986,83 @@
2019
1986
  --_rs-typography-link-border-bottom-width-from-text:1px;
2020
1987
  }
2021
1988
  @media screen and (max-width: 640px){
2022
- & [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){
2023
1990
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2024
1991
  }
2025
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
+ }
2026
2068
  }