@rescui/tab-list 0.16.4-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.16.5-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.
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1tz4fgh_4",
3
- "sizeXS": "_sizeXS_1tz4fgh_14",
4
- "sizeS": "_sizeS_1tz4fgh_18",
5
- "sizeM": "_sizeM_1tz4fgh_22",
6
- "sizeL": "_sizeL_1tz4fgh_26",
7
- "light": "_light_1tz4fgh_30",
8
- "dark": "_dark_1tz4fgh_34",
9
- "allVariants": "_allVariants_1tz4fgh_48",
10
- "variant16": "_variant16_1tz4fgh_53",
11
- "variant20": "_variant20_1tz4fgh_54",
12
- "variant24": "_variant24_1tz4fgh_55",
13
- "variant28": "_variant28_1tz4fgh_58"
2
+ "icon": "_icon_10fdwmx_4",
3
+ "sizeXS": "_sizeXS_10fdwmx_14",
4
+ "sizeS": "_sizeS_10fdwmx_18",
5
+ "sizeM": "_sizeM_10fdwmx_22",
6
+ "sizeL": "_sizeL_10fdwmx_26",
7
+ "light": "_light_10fdwmx_30",
8
+ "dark": "_dark_10fdwmx_34",
9
+ "allVariants": "_allVariants_10fdwmx_48",
10
+ "variant16": "_variant16_10fdwmx_53",
11
+ "variant20": "_variant20_10fdwmx_54",
12
+ "variant24": "_variant24_10fdwmx_55",
13
+ "variant28": "_variant28_10fdwmx_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1tz4fgh_4{
1
+ ._icon_10fdwmx_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,16 +8,16 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1tz4fgh_4{
12
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
15
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
11
+ ._icon_10fdwmx_4{
12
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
15
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1tz4fgh_4{
20
+ ._icon_10fdwmx_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1tz4fgh_4{
28
+ ._icon_10fdwmx_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_1tz4fgh_14{
35
+ ._sizeXS_10fdwmx_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1tz4fgh_18{
38
+ ._sizeS_10fdwmx_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1tz4fgh_22{
41
+ ._sizeM_10fdwmx_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1tz4fgh_26{
44
+ ._sizeL_10fdwmx_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1tz4fgh_30{
47
+ ._light_10fdwmx_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial: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));
50
50
  }
51
- ._dark_1tz4fgh_34{
51
+ ._dark_10fdwmx_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial: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));
54
54
  }
@@ -60,54 +60,54 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_1tz4fgh_48{
63
+ ._allVariants_10fdwmx_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_1tz4fgh_53,
68
- ._variant20_1tz4fgh_54,
69
- ._variant24_1tz4fgh_55{
67
+ ._variant16_10fdwmx_53,
68
+ ._variant20_10fdwmx_54,
69
+ ._variant24_10fdwmx_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_1tz4fgh_58{
72
+ ._variant28_10fdwmx_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_1tz4fgh_55{
76
+ ._variant24_10fdwmx_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_1tz4fgh_58{
79
+ ._variant28_10fdwmx_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_1tz4fgh_54{
84
+ ._variant20_10fdwmx_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_1tz4fgh_55{
87
+ ._variant24_10fdwmx_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_1tz4fgh_53{
92
+ ._variant16_10fdwmx_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_1tz4fgh_54{
95
+ ._variant20_10fdwmx_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_19ky3e4_7{
99
+ ._light_qlvoic_7{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_19ky3e4_10{
102
+ ._dark_qlvoic_10{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeM_19ky3e4_14{
105
+ ._sizeM_qlvoic_14{
106
106
  --_rs-tab-list-tab-vertical-padding:8px;
107
107
  --_rs-tab-list-icon-size:24px;
108
108
  --_rs-tab-list-icon-offset:4px;
109
109
  }
110
- ._sizeM_19ky3e4_14 [data-rs-internal='tab-list__tab']{
110
+ ._sizeM_qlvoic_14 [data-rs-internal='tab-list__tab']{
111
111
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
@@ -134,8 +134,9 @@
134
134
  )
135
135
  );
136
136
  --_rs-typography-text-auto-offset:16px;
137
- --_rs-typography-ul-list-li-padding-left:22px;
138
- --_rs-typography-ol-list-li-padding-left:26px;
137
+ --_rs-typography-ul-bullet-offset:2px;
138
+ --_rs-typography-list-li-compact-left-offset:18px;
139
+ --_rs-typography-list-li-default-left-offset:24px;
139
140
  --_rs-typography-list-li-margin-top-from-text:var(
140
141
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
141
142
  16px
@@ -145,16 +146,16 @@
145
146
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
147
  }
147
148
  @media screen and (max-width: 640px){
148
- ._sizeM_19ky3e4_14 [data-rs-internal='tab-list__tab']{
149
+ ._sizeM_qlvoic_14 [data-rs-internal='tab-list__tab']{
149
150
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
150
151
  }
151
152
  }
152
- ._sizeL_19ky3e4_17{
153
+ ._sizeL_qlvoic_17{
153
154
  --_rs-tab-list-tab-vertical-padding:12px;
154
155
  --_rs-tab-list-icon-size:28px;
155
156
  --_rs-tab-list-icon-offset:8px;
156
157
  }
157
- ._sizeL_19ky3e4_17 [data-rs-internal='tab-list__tab']{
158
+ ._sizeL_qlvoic_17 [data-rs-internal='tab-list__tab']{
158
159
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
159
160
  --_rs-typography-text-transform:initial;
160
161
  --_rs-typography-font-variant-numeric:initial;
@@ -181,8 +182,9 @@
181
182
  )
182
183
  );
183
184
  --_rs-typography-text-auto-offset:32px;
184
- --_rs-typography-ul-list-li-padding-left:26px;
185
- --_rs-typography-ol-list-li-padding-left:32px;
185
+ --_rs-typography-ul-bullet-offset:2px;
186
+ --_rs-typography-list-li-compact-left-offset:22px;
187
+ --_rs-typography-list-li-default-left-offset:28px;
186
188
  --_rs-typography-list-li-margin-top-from-text:var(
187
189
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
188
190
  24px
@@ -192,28 +194,28 @@
192
194
  --_rs-typography-link-border-bottom-width-from-text:1px;
193
195
  }
194
196
  @media screen and (max-width: 640px){
195
- ._sizeL_19ky3e4_17 [data-rs-internal='tab-list__tab']{
197
+ ._sizeL_qlvoic_17 [data-rs-internal='tab-list__tab']{
196
198
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
197
199
  }
198
200
  }
199
- ._classic_19ky3e4_21{
201
+ ._classic_qlvoic_21{
200
202
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
201
203
  }
202
- ._rock_19ky3e4_24{
204
+ ._rock_qlvoic_24{
203
205
  --_rs-tab-list-indicator-background: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));
204
206
  }
205
- ._sparse_19ky3e4_28{
207
+ ._sparse_qlvoic_28{
206
208
  --_rs-tab-list-tab-margin-left-or-initial:32px;
207
209
  }
208
210
  @media screen and (max-width: 640px){
209
- ._sparse_19ky3e4_28{
211
+ ._sparse_qlvoic_28{
210
212
  --_rs-tab-list-tab-margin-left-or-initial:24px;
211
213
  }
212
214
  }
213
- ._short_19ky3e4_32{
215
+ ._short_qlvoic_32{
214
216
  --_rs-tab-list-tab-box-shadow:inset 0 -1px 0 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), calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1));
215
217
  }
216
- ._tabsContainer_19ky3e4_36{
218
+ ._tabsContainer_qlvoic_36{
217
219
  --_rs-theme-dark:var(
218
220
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
219
221
  var(--rs-theme-dark, 0)
@@ -223,16 +225,16 @@
223
225
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
224
226
  }
225
227
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
226
- ._tabsContainer_19ky3e4_36{
227
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
228
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
229
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
230
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
231
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
228
+ ._tabsContainer_qlvoic_36{
229
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
230
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
231
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
232
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
233
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
232
234
  }
233
235
  }
234
236
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
235
- ._tabsContainer_19ky3e4_36{
237
+ ._tabsContainer_qlvoic_36{
236
238
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
237
239
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
238
240
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -240,15 +242,15 @@
240
242
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
241
243
  }
242
244
  }
243
- ._tabsContainer_19ky3e4_36 {
245
+ ._tabsContainer_qlvoic_36 {
244
246
  --_rs-tab-list-tab-base-margin-left:24px;
245
247
  }
246
248
  @media screen and (max-width: 640px){
247
- ._tabsContainer_19ky3e4_36{
249
+ ._tabsContainer_qlvoic_36{
248
250
  --_rs-tab-list-tab-base-margin-left:16px;
249
251
  }
250
252
  }
251
- ._tabsContainer_19ky3e4_36 {
253
+ ._tabsContainer_qlvoic_36 {
252
254
  --_rs-tab-list-tab-margin-left:var(
253
255
  --_rs-tab-list-tab-margin-left-or-initial,
254
256
  var(--_rs-tab-list-tab-base-margin-left)
@@ -258,7 +260,7 @@
258
260
 
259
261
  display:flex;
260
262
  }
261
- ._indicator_19ky3e4_46{
263
+ ._indicator_qlvoic_46{
262
264
  position:absolute;
263
265
  z-index:3;
264
266
  bottom:0;
@@ -271,17 +273,17 @@
271
273
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
272
274
  will-change:left, width;
273
275
  }
274
- ._isIndicatorHidden_19ky3e4_60 ._indicator_19ky3e4_46,
275
- [data-calculating-scrollable="true"] ._indicator_19ky3e4_46{
276
+ ._isIndicatorHidden_qlvoic_60 ._indicator_qlvoic_46,
277
+ [data-calculating-scrollable="true"] ._indicator_qlvoic_46{
276
278
  display:none;
277
279
  }
278
- ._iconLeft_19ky3e4_66{
280
+ ._iconLeft_qlvoic_66{
279
281
  --_rs-tab-list-tab-flex-direction:row;
280
282
  }
281
- ._iconRight_19ky3e4_69{
283
+ ._iconRight_qlvoic_69{
282
284
  --_rs-tab-list-tab-flex-direction:row-reverse;
283
285
  }
284
- ._tab_19ky3e4_36{
286
+ ._tab_qlvoic_36{
285
287
  --_rs-theme-dark:var(
286
288
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
287
289
  var(--rs-theme-dark, 0)
@@ -291,16 +293,16 @@
291
293
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
292
294
  }
293
295
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
294
- ._tab_19ky3e4_36{
295
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
296
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
297
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
298
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
299
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
296
+ ._tab_qlvoic_36{
297
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
298
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
299
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
300
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
301
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
300
302
  }
301
303
  }
302
304
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
303
- ._tab_19ky3e4_36{
305
+ ._tab_qlvoic_36{
304
306
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
305
307
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
306
308
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -308,7 +310,7 @@
308
310
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
309
311
  }
310
312
  }
311
- ._tab_19ky3e4_36 {
313
+ ._tab_qlvoic_36 {
312
314
  letter-spacing:var(
313
315
  --rs-text-base-letter-spacing,
314
316
  var(--_rs-typography-letter-spacing)
@@ -352,19 +354,19 @@
352
354
  -moz-osx-font-smoothing:inherit;
353
355
  -webkit-appearance:none;
354
356
  }
355
- ._tab_19ky3e4_36::-moz-focus-inner{
357
+ ._tab_qlvoic_36::-moz-focus-inner{
356
358
  padding:0;
357
359
 
358
360
  border:none;
359
361
  }
360
- ._tab_19ky3e4_36:hover,
361
- ._tab_19ky3e4_36:active,
362
- ._tab_19ky3e4_36:focus{
362
+ ._tab_qlvoic_36:hover,
363
+ ._tab_qlvoic_36:active,
364
+ ._tab_qlvoic_36:focus{
363
365
  outline:none;
364
366
 
365
367
  text-decoration:none;
366
368
  }
367
- ._tab_19ky3e4_36:after{
369
+ ._tab_qlvoic_36:after{
368
370
  position:absolute;
369
371
  bottom:0;
370
372
  left:0;
@@ -377,18 +379,18 @@
377
379
 
378
380
  background-color:transparent;
379
381
  }
380
- ._tab_19ky3e4_36:focus[data-focus-method='key']:after{
382
+ ._tab_qlvoic_36:focus[data-focus-method='key']:after{
381
383
  opacity:0;
382
384
  }
383
- ._tab_19ky3e4_36:hover{
385
+ ._tab_qlvoic_36:hover{
384
386
  color: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));
385
387
  }
386
- ._tab_19ky3e4_36:hover:after{
388
+ ._tab_qlvoic_36:hover:after{
387
389
  height:1px;
388
390
 
389
391
  background-color: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));
390
392
  }
391
- ._tab_19ky3e4_36._selected_19ky3e4_160{
393
+ ._tab_qlvoic_36._selected_qlvoic_160{
392
394
  z-index:1;
393
395
 
394
396
  cursor:default;
@@ -397,20 +399,20 @@
397
399
 
398
400
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
399
401
  }
400
- ._tab_19ky3e4_36._selected_19ky3e4_160:after{
402
+ ._tab_qlvoic_36._selected_qlvoic_160:after{
401
403
  height:2px;
402
404
 
403
405
  background-color:var(--_rs-tab-list-indicator-background);
404
406
 
405
407
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
406
408
  }
407
- ._tab_19ky3e4_36:focus[data-focus-method='key']{
409
+ ._tab_qlvoic_36:focus[data-focus-method='key']{
408
410
  box-shadow:inset var(--_rs-color-primary-dim) 0 -4px 0 0, inset var(--_rs-color-primary-dim) 0 4px 0 0, var(--_rs-color-primary-dim) -4px 0 0 0, var(--_rs-color-primary-dim) 4px 0 0 0;
409
411
  }
410
- ._tab_19ky3e4_36:first-child{
412
+ ._tab_qlvoic_36:first-child{
411
413
  margin-left:0;
412
414
  }
413
- ._tab_19ky3e4_36 ._icon_19ky3e4_66{
415
+ ._tab_qlvoic_36 ._icon_qlvoic_66{
414
416
  flex:0 0;
415
417
  flex-basis:auto;
416
418
 
@@ -418,13 +420,13 @@
418
420
  height:var(--_rs-tab-list-icon-size);
419
421
  }
420
422
 
421
- ._light_1dfhloh_9{
423
+ ._light_7t1115_9{
422
424
  --rs-theme-dark:0;
423
425
  }
424
- ._dark_1dfhloh_12{
426
+ ._dark_7t1115_12{
425
427
  --rs-theme-dark:1;
426
428
  }
427
- ._wrapper_1dfhloh_16{
429
+ ._wrapper_7t1115_16{
428
430
  --_rs-theme-dark:var(
429
431
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
430
432
  var(--rs-theme-dark, 0)
@@ -436,14 +438,14 @@
436
438
 
437
439
  display:flex;
438
440
  }
439
- ._scrollable_1dfhloh_23{
441
+ ._scrollable_7t1115_23{
440
442
  display:flex;
441
443
  overflow-x:scroll;
442
444
 
443
445
  margin:-4px;
444
446
  padding:4px;
445
447
  }
446
- ._scrollable_1dfhloh_23::after{
448
+ ._scrollable_7t1115_23::after{
447
449
  display:block;
448
450
 
449
451
  height:100%;
@@ -452,15 +454,15 @@
452
454
 
453
455
  content:'';
454
456
  }
455
- ._scrollable_1dfhloh_23 {
457
+ ._scrollable_7t1115_23 {
456
458
 
457
459
  -ms-overflow-style:none;
458
460
  scrollbar-width:none;
459
461
  }
460
- ._scrollable_1dfhloh_23::-webkit-scrollbar{
462
+ ._scrollable_7t1115_23::-webkit-scrollbar{
461
463
  display:none;
462
464
  }
463
- ._arrow_1dfhloh_52{
465
+ ._arrow_7t1115_52{
464
466
  position:absolute;
465
467
  z-index:2;
466
468
  top:50%;
@@ -480,20 +482,20 @@
480
482
  transition:opacity 0.15s ease-out;
481
483
  transform:translateY(-50%);
482
484
  }
483
- ._arrow_1dfhloh_52._shown_1dfhloh_72{
485
+ ._arrow_7t1115_52._shown_7t1115_72{
484
486
  opacity:1;
485
487
 
486
488
  pointer-events:auto;
487
489
 
488
490
  transition:opacity 0.15s ease-in;
489
491
  }
490
- ._arrow_1dfhloh_52._arrowLeft_1dfhloh_80{
492
+ ._arrow_7t1115_52._arrowLeft_7t1115_80{
491
493
  left:-5px;
492
494
  }
493
- ._arrow_1dfhloh_52._arrowRight_1dfhloh_85{
495
+ ._arrow_7t1115_52._arrowRight_7t1115_85{
494
496
  right:-5px;
495
497
  }
496
- ._withLeftArrow_1dfhloh_91{
498
+ ._withLeftArrow_7t1115_91{
497
499
  -webkit-mask-image:linear-gradient(
498
500
  to right,
499
501
  rgba(0, 0, 0, 0) 0%,
@@ -507,7 +509,7 @@
507
509
  black 56px
508
510
  );
509
511
  }
510
- ._withRightArrow_1dfhloh_100{
512
+ ._withRightArrow_7t1115_100{
511
513
  -webkit-mask-image:linear-gradient(
512
514
  to left,
513
515
  rgba(0, 0, 0, 0) 0%,
@@ -521,7 +523,7 @@
521
523
  black 56px
522
524
  );
523
525
  }
524
- ._withLeftArrow_1dfhloh_91._withRightArrow_1dfhloh_100{
526
+ ._withLeftArrow_7t1115_91._withRightArrow_7t1115_100{
525
527
  -webkit-mask-image:linear-gradient(
526
528
  to right,
527
529
  rgba(0, 0, 0, 0) 0%,
@@ -541,17 +543,17 @@
541
543
  rgba(0, 0, 0, 0) 100%
542
544
  );
543
545
  }
544
- ._arrowButton_1dfhloh_121{
546
+ ._arrowButton_7t1115_121{
545
547
  cursor:pointer;
546
548
  }
547
549
 
548
- ._light_19o97h5_4{
550
+ ._light_1543o4h_4{
549
551
  --rs-theme-dark:0;
550
552
  }
551
- ._dark_19o97h5_7{
553
+ ._dark_1543o4h_7{
552
554
  --rs-theme-dark:1;
553
555
  }
554
- ._separator_19o97h5_11{
556
+ ._separator_1543o4h_11{
555
557
  --_rs-theme-dark:var(
556
558
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
557
559
  var(--rs-theme-dark, 0)
@@ -565,7 +567,7 @@
565
567
 
566
568
  width:100%;
567
569
  }
568
- ._separator_19o97h5_11:after{
570
+ ._separator_1543o4h_11:after{
569
571
  position:absolute;
570
572
  right:0;
571
573
  bottom:0;
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_19o97h5_4",
3
- "dark": "_dark_19o97h5_7",
4
- "separator": "_separator_19o97h5_11"
2
+ "light": "_light_1543o4h_4",
3
+ "dark": "_dark_1543o4h_7",
4
+ "separator": "_separator_1543o4h_11"
5
5
  };
6
6
  export { styles as default };
@@ -1,19 +1,19 @@
1
1
  var styles = {
2
- "light": "_light_19ky3e4_7",
3
- "dark": "_dark_19ky3e4_10",
4
- "sizeM": "_sizeM_19ky3e4_14",
5
- "sizeL": "_sizeL_19ky3e4_17",
6
- "classic": "_classic_19ky3e4_21",
7
- "rock": "_rock_19ky3e4_24",
8
- "sparse": "_sparse_19ky3e4_28",
9
- "short": "_short_19ky3e4_32",
10
- "tabsContainer": "_tabsContainer_19ky3e4_36",
11
- "indicator": "_indicator_19ky3e4_46",
12
- "isIndicatorHidden": "_isIndicatorHidden_19ky3e4_60",
13
- "iconLeft": "_iconLeft_19ky3e4_66",
14
- "iconRight": "_iconRight_19ky3e4_69",
15
- "tab": "_tab_19ky3e4_36",
16
- "selected": "_selected_19ky3e4_160",
17
- "icon": "_icon_19ky3e4_66"
2
+ "light": "_light_qlvoic_7",
3
+ "dark": "_dark_qlvoic_10",
4
+ "sizeM": "_sizeM_qlvoic_14",
5
+ "sizeL": "_sizeL_qlvoic_17",
6
+ "classic": "_classic_qlvoic_21",
7
+ "rock": "_rock_qlvoic_24",
8
+ "sparse": "_sparse_qlvoic_28",
9
+ "short": "_short_qlvoic_32",
10
+ "tabsContainer": "_tabsContainer_qlvoic_36",
11
+ "indicator": "_indicator_qlvoic_46",
12
+ "isIndicatorHidden": "_isIndicatorHidden_qlvoic_60",
13
+ "iconLeft": "_iconLeft_qlvoic_66",
14
+ "iconRight": "_iconRight_qlvoic_69",
15
+ "tab": "_tab_qlvoic_36",
16
+ "selected": "_selected_qlvoic_160",
17
+ "icon": "_icon_qlvoic_66"
18
18
  };
19
19
  export { styles as default };
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "light": "_light_1dfhloh_9",
3
- "dark": "_dark_1dfhloh_12",
4
- "wrapper": "_wrapper_1dfhloh_16",
5
- "scrollable": "_scrollable_1dfhloh_23",
6
- "arrow": "_arrow_1dfhloh_52",
7
- "shown": "_shown_1dfhloh_72",
8
- "arrowLeft": "_arrowLeft_1dfhloh_80",
9
- "arrowRight": "_arrowRight_1dfhloh_85",
10
- "withLeftArrow": "_withLeftArrow_1dfhloh_91",
11
- "withRightArrow": "_withRightArrow_1dfhloh_100",
12
- "arrowButton": "_arrowButton_1dfhloh_121"
2
+ "light": "_light_7t1115_9",
3
+ "dark": "_dark_7t1115_12",
4
+ "wrapper": "_wrapper_7t1115_16",
5
+ "scrollable": "_scrollable_7t1115_23",
6
+ "arrow": "_arrow_7t1115_52",
7
+ "shown": "_shown_7t1115_72",
8
+ "arrowLeft": "_arrowLeft_7t1115_80",
9
+ "arrowRight": "_arrowRight_7t1115_85",
10
+ "withLeftArrow": "_withLeftArrow_7t1115_91",
11
+ "withRightArrow": "_withRightArrow_7t1115_100",
12
+ "arrowButton": "_arrowButton_7t1115_121"
13
13
  };
14
14
  export { styles as default };
@@ -31,8 +31,9 @@
31
31
  )
32
32
  );
33
33
  --_rs-typography-text-auto-offset:16px;
34
- --_rs-typography-ul-list-li-padding-left:22px;
35
- --_rs-typography-ol-list-li-padding-left:26px;
34
+ --_rs-typography-ul-bullet-offset:2px;
35
+ --_rs-typography-list-li-compact-left-offset:18px;
36
+ --_rs-typography-list-li-default-left-offset:24px;
36
37
  --_rs-typography-list-li-margin-top-from-text:var(
37
38
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
38
39
  16px
@@ -80,8 +81,9 @@
80
81
  )
81
82
  );
82
83
  --_rs-typography-text-auto-offset:32px;
83
- --_rs-typography-ul-list-li-padding-left:26px;
84
- --_rs-typography-ol-list-li-padding-left:32px;
84
+ --_rs-typography-ul-bullet-offset:2px;
85
+ --_rs-typography-list-li-compact-left-offset:22px;
86
+ --_rs-typography-list-li-default-left-offset:28px;
85
87
  --_rs-typography-list-li-margin-top-from-text:var(
86
88
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
87
89
  24px
@@ -31,8 +31,9 @@
31
31
  )
32
32
  );
33
33
  --_rs-typography-text-auto-offset:16px;
34
- --_rs-typography-ul-list-li-padding-left:22px;
35
- --_rs-typography-ol-list-li-padding-left:26px;
34
+ --_rs-typography-ul-bullet-offset:2px;
35
+ --_rs-typography-list-li-compact-left-offset:18px;
36
+ --_rs-typography-list-li-default-left-offset:24px;
36
37
  --_rs-typography-list-li-margin-top-from-text:var(
37
38
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
38
39
  16px
@@ -80,8 +81,9 @@
80
81
  )
81
82
  );
82
83
  --_rs-typography-text-auto-offset:32px;
83
- --_rs-typography-ul-list-li-padding-left:26px;
84
- --_rs-typography-ol-list-li-padding-left:32px;
84
+ --_rs-typography-ul-bullet-offset:2px;
85
+ --_rs-typography-list-li-compact-left-offset:22px;
86
+ --_rs-typography-list-li-default-left-offset:28px;
85
87
  --_rs-typography-list-li-margin-top-from-text:var(
86
88
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
87
89
  24px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.16.4-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01",
3
+ "version": "0.16.5-RUI-280-Update-select-component-026338d06.52+026338d06",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/button": "0.23.4-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01",
20
- "@rescui/use-resize-observer": "0.3.1-RUI-286-Fix-tooltip-stacking-f4145b01.96+f4145b01",
19
+ "@rescui/button": "0.23.5-RUI-280-Update-select-component-026338d06.52+026338d06",
20
+ "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-026338d06.164+026338d06",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,10 +26,10 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.2.13-RUI-286-Fix-tooltip-stacking-f4145b01.50+f4145b01",
29
+ "@rescui/colors": "0.3.1-RUI-280-Update-select-component-026338d06.52+026338d06",
30
30
  "@rescui/postcss-preset-library": "0.2.2",
31
31
  "@rescui/scripts": "0.5.1",
32
- "@rescui/typography": "0.24.4-RUI-286-Fix-tooltip-stacking-f4145b01.1+f4145b01",
32
+ "@rescui/typography": "0.24.5-RUI-280-Update-select-component-026338d06.52+026338d06",
33
33
  "@rescui/visual-regression": "0.1.4"
34
34
  },
35
35
  "scripts": {
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "f4145b012449db94a8903565358efc101a5f4ac2"
40
+ "gitHead": "026338d06dba5f4f8b42762b25aca5fb1f28fffb"
41
41
  }