@rescui/tab-list 0.14.0 → 0.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/index.css +79 -73
  3. package/lib/parts/separator.p.module.css.js +3 -3
  4. package/lib/parts/tab-list.p.module.css.js +16 -16
  5. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  6. package/lib/public-api.p.css +10 -4
  7. package/lib/public-api.pcss +10 -4
  8. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_19w4y8p_4",
3
- "sizeXS": "_sizeXS_19w4y8p_14",
4
- "sizeS": "_sizeS_19w4y8p_18",
5
- "sizeM": "_sizeM_19w4y8p_22",
6
- "sizeL": "_sizeL_19w4y8p_26",
7
- "light": "_light_19w4y8p_30",
8
- "dark": "_dark_19w4y8p_34"
2
+ "icon": "_icon_gxmcf_4",
3
+ "sizeXS": "_sizeXS_gxmcf_14",
4
+ "sizeS": "_sizeS_gxmcf_18",
5
+ "sizeM": "_sizeM_gxmcf_22",
6
+ "sizeL": "_sizeL_gxmcf_26",
7
+ "light": "_light_gxmcf_30",
8
+ "dark": "_dark_gxmcf_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_19w4y8p_4{
1
+ ._icon_gxmcf_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,7 +8,7 @@
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_19w4y8p_4{
11
+ ._icon_gxmcf_4{
12
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
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
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)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_19w4y8p_4{
20
+ ._icon_gxmcf_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_19w4y8p_4{
28
+ ._icon_gxmcf_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_19w4y8p_14{
35
+ ._sizeXS_gxmcf_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_19w4y8p_18{
38
+ ._sizeS_gxmcf_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_19w4y8p_22{
41
+ ._sizeM_gxmcf_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_19w4y8p_26{
44
+ ._sizeL_gxmcf_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_19w4y8p_30{
47
+ ._light_gxmcf_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_19w4y8p_34{
51
+ ._dark_gxmcf_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,18 +60,18 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_876zhr_7{
63
+ ._light_1a8uzt_7{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_876zhr_10{
66
+ ._dark_1a8uzt_10{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeM_876zhr_14{
69
+ ._sizeM_1a8uzt_14{
70
70
  --_rs-tab-list-tab-vertical-padding:8px;
71
71
  --_rs-tab-list-icon-size:24px;
72
72
  --_rs-tab-list-icon-offset:4px;
73
73
  }
74
- ._sizeM_876zhr_14 [data-rs-internal='tab-list__tab']{
74
+ ._sizeM_1a8uzt_14 [data-rs-internal='tab-list__tab']{
75
75
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
76
76
  --_rs-typography-text-transform:initial;
77
77
  --_rs-typography-font-variant-numeric:initial;
@@ -100,22 +100,25 @@
100
100
  --_rs-typography-text-auto-offset:16px;
101
101
  --_rs-typography-ul-list-li-padding-left:22px;
102
102
  --_rs-typography-ol-list-li-padding-left:26px;
103
- --_rs-typography-list-li-margin-top-from-text:16px;
103
+ --_rs-typography-list-li-margin-top-from-text:var(
104
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
105
+ 16px
106
+ );
104
107
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
105
108
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
106
109
  --_rs-typography-link-border-bottom-width-from-text:1px;
107
110
  }
108
111
  @media screen and (max-width: 640px){
109
- ._sizeM_876zhr_14 [data-rs-internal='tab-list__tab']{
110
- --_rs-typography-list-li-margin-top-from-text:12px;
112
+ ._sizeM_1a8uzt_14 [data-rs-internal='tab-list__tab']{
113
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
111
114
  }
112
115
  }
113
- ._sizeL_876zhr_17{
116
+ ._sizeL_1a8uzt_17{
114
117
  --_rs-tab-list-tab-vertical-padding:12px;
115
118
  --_rs-tab-list-icon-size:28px;
116
119
  --_rs-tab-list-icon-offset:8px;
117
120
  }
118
- ._sizeL_876zhr_17 [data-rs-internal='tab-list__tab']{
121
+ ._sizeL_1a8uzt_17 [data-rs-internal='tab-list__tab']{
119
122
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
120
123
  --_rs-typography-text-transform:initial;
121
124
  --_rs-typography-font-variant-numeric:initial;
@@ -144,34 +147,37 @@
144
147
  --_rs-typography-text-auto-offset:32px;
145
148
  --_rs-typography-ul-list-li-padding-left:26px;
146
149
  --_rs-typography-ol-list-li-padding-left:32px;
147
- --_rs-typography-list-li-margin-top-from-text:24px;
150
+ --_rs-typography-list-li-margin-top-from-text:var(
151
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
152
+ 24px
153
+ );
148
154
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
149
155
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
150
156
  --_rs-typography-link-border-bottom-width-from-text:1px;
151
157
  }
152
158
  @media screen and (max-width: 640px){
153
- ._sizeL_876zhr_17 [data-rs-internal='tab-list__tab']{
154
- --_rs-typography-list-li-margin-top-from-text:16px;
159
+ ._sizeL_1a8uzt_17 [data-rs-internal='tab-list__tab']{
160
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
155
161
  }
156
162
  }
157
- ._classic_876zhr_21{
163
+ ._classic_1a8uzt_21{
158
164
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
159
165
  }
160
- ._rock_876zhr_24{
166
+ ._rock_1a8uzt_24{
161
167
  --_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));
162
168
  }
163
- ._sparse_876zhr_28{
169
+ ._sparse_1a8uzt_28{
164
170
  --_rs-tab-list-tab-margin-left-or-initial:32px;
165
171
  }
166
172
  @media screen and (max-width: 640px){
167
- ._sparse_876zhr_28{
173
+ ._sparse_1a8uzt_28{
168
174
  --_rs-tab-list-tab-margin-left-or-initial:24px;
169
175
  }
170
176
  }
171
- ._short_876zhr_32{
177
+ ._short_1a8uzt_32{
172
178
  --_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));
173
179
  }
174
- ._tabsContainer_876zhr_36{
180
+ ._tabsContainer_1a8uzt_36{
175
181
  --_rs-theme-dark:var(
176
182
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
177
183
  var(--rs-theme-dark, 0)
@@ -181,7 +187,7 @@
181
187
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
182
188
  }
183
189
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
184
- ._tabsContainer_876zhr_36{
190
+ ._tabsContainer_1a8uzt_36{
185
191
  --_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)));
186
192
  --_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)));
187
193
  --_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)));
@@ -190,7 +196,7 @@
190
196
  }
191
197
  }
192
198
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
193
- ._tabsContainer_876zhr_36{
199
+ ._tabsContainer_1a8uzt_36{
194
200
  --_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);
195
201
  --_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));
196
202
  --_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));
@@ -198,15 +204,15 @@
198
204
  --_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));
199
205
  }
200
206
  }
201
- ._tabsContainer_876zhr_36 {
207
+ ._tabsContainer_1a8uzt_36 {
202
208
  --_rs-tab-list-tab-base-margin-left:24px;
203
209
  }
204
210
  @media screen and (max-width: 640px){
205
- ._tabsContainer_876zhr_36{
211
+ ._tabsContainer_1a8uzt_36{
206
212
  --_rs-tab-list-tab-base-margin-left:16px;
207
213
  }
208
214
  }
209
- ._tabsContainer_876zhr_36 {
215
+ ._tabsContainer_1a8uzt_36 {
210
216
  --_rs-tab-list-tab-margin-left:var(
211
217
  --_rs-tab-list-tab-margin-left-or-initial,
212
218
  var(--_rs-tab-list-tab-base-margin-left)
@@ -216,7 +222,7 @@
216
222
 
217
223
  display:flex;
218
224
  }
219
- ._indicator_876zhr_46{
225
+ ._indicator_1a8uzt_46{
220
226
  position:absolute;
221
227
  z-index:3;
222
228
  bottom:0;
@@ -229,16 +235,16 @@
229
235
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
230
236
  will-change:left, width;
231
237
  }
232
- ._isIndicatorHidden_876zhr_60 ._indicator_876zhr_46{
238
+ ._isIndicatorHidden_1a8uzt_60 ._indicator_1a8uzt_46{
233
239
  display:none;
234
240
  }
235
- ._iconLeft_876zhr_65{
241
+ ._iconLeft_1a8uzt_65{
236
242
  --_rs-tab-list-tab-flex-direction:row;
237
243
  }
238
- ._iconRight_876zhr_68{
244
+ ._iconRight_1a8uzt_68{
239
245
  --_rs-tab-list-tab-flex-direction:row-reverse;
240
246
  }
241
- ._tab_876zhr_36{
247
+ ._tab_1a8uzt_36{
242
248
  --_rs-theme-dark:var(
243
249
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
244
250
  var(--rs-theme-dark, 0)
@@ -248,7 +254,7 @@
248
254
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
249
255
  }
250
256
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
251
- ._tab_876zhr_36{
257
+ ._tab_1a8uzt_36{
252
258
  --_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)));
253
259
  --_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)));
254
260
  --_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)));
@@ -257,7 +263,7 @@
257
263
  }
258
264
  }
259
265
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
260
- ._tab_876zhr_36{
266
+ ._tab_1a8uzt_36{
261
267
  --_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);
262
268
  --_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));
263
269
  --_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));
@@ -265,7 +271,7 @@
265
271
  --_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));
266
272
  }
267
273
  }
268
- ._tab_876zhr_36 {
274
+ ._tab_1a8uzt_36 {
269
275
  letter-spacing:var(
270
276
  --rs-text-base-letter-spacing,
271
277
  var(--_rs-typography-letter-spacing)
@@ -309,19 +315,19 @@
309
315
  -moz-osx-font-smoothing:inherit;
310
316
  -webkit-appearance:none;
311
317
  }
312
- ._tab_876zhr_36::-moz-focus-inner{
318
+ ._tab_1a8uzt_36::-moz-focus-inner{
313
319
  padding:0;
314
320
 
315
321
  border:none;
316
322
  }
317
- ._tab_876zhr_36:hover,
318
- ._tab_876zhr_36:active,
319
- ._tab_876zhr_36:focus{
323
+ ._tab_1a8uzt_36:hover,
324
+ ._tab_1a8uzt_36:active,
325
+ ._tab_1a8uzt_36:focus{
320
326
  outline:none;
321
327
 
322
328
  text-decoration:none;
323
329
  }
324
- ._tab_876zhr_36:after{
330
+ ._tab_1a8uzt_36:after{
325
331
  position:absolute;
326
332
  bottom:0;
327
333
  left:0;
@@ -334,18 +340,18 @@
334
340
 
335
341
  background-color:transparent;
336
342
  }
337
- ._tab_876zhr_36:focus[data-focus-method='key']:after{
343
+ ._tab_1a8uzt_36:focus[data-focus-method='key']:after{
338
344
  opacity:0;
339
345
  }
340
- ._tab_876zhr_36:hover{
346
+ ._tab_1a8uzt_36:hover{
341
347
  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));
342
348
  }
343
- ._tab_876zhr_36:hover:after{
349
+ ._tab_1a8uzt_36:hover:after{
344
350
  height:1px;
345
351
 
346
352
  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));
347
353
  }
348
- ._tab_876zhr_36._selected_876zhr_159{
354
+ ._tab_1a8uzt_36._selected_1a8uzt_159{
349
355
  z-index:1;
350
356
 
351
357
  cursor:default;
@@ -354,20 +360,20 @@
354
360
 
355
361
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
356
362
  }
357
- ._tab_876zhr_36._selected_876zhr_159:after{
363
+ ._tab_1a8uzt_36._selected_1a8uzt_159:after{
358
364
  height:2px;
359
365
 
360
366
  background-color:var(--_rs-tab-list-indicator-background);
361
367
 
362
368
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
363
369
  }
364
- ._tab_876zhr_36:focus[data-focus-method='key']{
370
+ ._tab_1a8uzt_36:focus[data-focus-method='key']{
365
371
  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;
366
372
  }
367
- ._tab_876zhr_36:first-child{
373
+ ._tab_1a8uzt_36:first-child{
368
374
  margin-left:0;
369
375
  }
370
- ._tab_876zhr_36 ._icon_876zhr_65{
376
+ ._tab_1a8uzt_36 ._icon_1a8uzt_65{
371
377
  flex:0 0;
372
378
  flex-basis:auto;
373
379
 
@@ -375,13 +381,13 @@
375
381
  height:var(--_rs-tab-list-icon-size);
376
382
  }
377
383
 
378
- ._light_130p00p_9{
384
+ ._light_173795r_9{
379
385
  --rs-theme-dark:0;
380
386
  }
381
- ._dark_130p00p_12{
387
+ ._dark_173795r_12{
382
388
  --rs-theme-dark:1;
383
389
  }
384
- ._wrapper_130p00p_16{
390
+ ._wrapper_173795r_16{
385
391
  --_rs-theme-dark:var(
386
392
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
387
393
  var(--rs-theme-dark, 0)
@@ -393,14 +399,14 @@
393
399
 
394
400
  display:flex;
395
401
  }
396
- ._scrollable_130p00p_23{
402
+ ._scrollable_173795r_23{
397
403
  display:flex;
398
404
  overflow-x:scroll;
399
405
 
400
406
  margin:-4px;
401
407
  padding:4px;
402
408
  }
403
- ._scrollable_130p00p_23::after{
409
+ ._scrollable_173795r_23::after{
404
410
  display:block;
405
411
 
406
412
  height:100%;
@@ -409,15 +415,15 @@
409
415
 
410
416
  content:'';
411
417
  }
412
- ._scrollable_130p00p_23 {
418
+ ._scrollable_173795r_23 {
413
419
 
414
420
  -ms-overflow-style:none;
415
421
  scrollbar-width:none;
416
422
  }
417
- ._scrollable_130p00p_23::-webkit-scrollbar{
423
+ ._scrollable_173795r_23::-webkit-scrollbar{
418
424
  display:none;
419
425
  }
420
- ._arrow_130p00p_52{
426
+ ._arrow_173795r_52{
421
427
  position:absolute;
422
428
  z-index:2;
423
429
  top:50%;
@@ -437,20 +443,20 @@
437
443
  transition:opacity 0.15s ease-out;
438
444
  transform:translateY(-50%);
439
445
  }
440
- ._arrow_130p00p_52._shown_130p00p_72{
446
+ ._arrow_173795r_52._shown_173795r_72{
441
447
  opacity:1;
442
448
 
443
449
  pointer-events:auto;
444
450
 
445
451
  transition:opacity 0.15s ease-in;
446
452
  }
447
- ._arrow_130p00p_52._arrowLeft_130p00p_80{
453
+ ._arrow_173795r_52._arrowLeft_173795r_80{
448
454
  left:-5px;
449
455
  }
450
- ._arrow_130p00p_52._arrowRight_130p00p_85{
456
+ ._arrow_173795r_52._arrowRight_173795r_85{
451
457
  right:-5px;
452
458
  }
453
- ._withLeftArrow_130p00p_91{
459
+ ._withLeftArrow_173795r_91{
454
460
  -webkit-mask-image:linear-gradient(
455
461
  to right,
456
462
  rgba(0, 0, 0, 0) 0%,
@@ -464,7 +470,7 @@
464
470
  black 56px
465
471
  );
466
472
  }
467
- ._withRightArrow_130p00p_100{
473
+ ._withRightArrow_173795r_100{
468
474
  -webkit-mask-image:linear-gradient(
469
475
  to left,
470
476
  rgba(0, 0, 0, 0) 0%,
@@ -478,7 +484,7 @@
478
484
  black 56px
479
485
  );
480
486
  }
481
- ._withLeftArrow_130p00p_91._withRightArrow_130p00p_100{
487
+ ._withLeftArrow_173795r_91._withRightArrow_173795r_100{
482
488
  -webkit-mask-image:linear-gradient(
483
489
  to right,
484
490
  rgba(0, 0, 0, 0) 0%,
@@ -498,17 +504,17 @@
498
504
  rgba(0, 0, 0, 0) 100%
499
505
  );
500
506
  }
501
- ._arrowButton_130p00p_121{
507
+ ._arrowButton_173795r_121{
502
508
  cursor:pointer;
503
509
  }
504
510
 
505
- ._light_y2lmpt_4{
511
+ ._light_1k58sef_4{
506
512
  --rs-theme-dark:0;
507
513
  }
508
- ._dark_y2lmpt_7{
514
+ ._dark_1k58sef_7{
509
515
  --rs-theme-dark:1;
510
516
  }
511
- ._separator_y2lmpt_11{
517
+ ._separator_1k58sef_11{
512
518
  --_rs-theme-dark:var(
513
519
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
514
520
  var(--rs-theme-dark, 0)
@@ -522,7 +528,7 @@
522
528
 
523
529
  width:100%;
524
530
  }
525
- ._separator_y2lmpt_11:after{
531
+ ._separator_1k58sef_11:after{
526
532
  position:absolute;
527
533
  right:0;
528
534
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_y2lmpt_4",
3
- "dark": "_dark_y2lmpt_7",
4
- "separator": "_separator_y2lmpt_11"
2
+ "light": "_light_1k58sef_4",
3
+ "dark": "_dark_1k58sef_7",
4
+ "separator": "_separator_1k58sef_11"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,19 +1,19 @@
1
1
  var styles = {
2
- "light": "_light_876zhr_7",
3
- "dark": "_dark_876zhr_10",
4
- "sizeM": "_sizeM_876zhr_14",
5
- "sizeL": "_sizeL_876zhr_17",
6
- "classic": "_classic_876zhr_21",
7
- "rock": "_rock_876zhr_24",
8
- "sparse": "_sparse_876zhr_28",
9
- "short": "_short_876zhr_32",
10
- "tabsContainer": "_tabsContainer_876zhr_36",
11
- "indicator": "_indicator_876zhr_46",
12
- "isIndicatorHidden": "_isIndicatorHidden_876zhr_60",
13
- "iconLeft": "_iconLeft_876zhr_65",
14
- "iconRight": "_iconRight_876zhr_68",
15
- "tab": "_tab_876zhr_36",
16
- "selected": "_selected_876zhr_159",
17
- "icon": "_icon_876zhr_65"
2
+ "light": "_light_1a8uzt_7",
3
+ "dark": "_dark_1a8uzt_10",
4
+ "sizeM": "_sizeM_1a8uzt_14",
5
+ "sizeL": "_sizeL_1a8uzt_17",
6
+ "classic": "_classic_1a8uzt_21",
7
+ "rock": "_rock_1a8uzt_24",
8
+ "sparse": "_sparse_1a8uzt_28",
9
+ "short": "_short_1a8uzt_32",
10
+ "tabsContainer": "_tabsContainer_1a8uzt_36",
11
+ "indicator": "_indicator_1a8uzt_46",
12
+ "isIndicatorHidden": "_isIndicatorHidden_1a8uzt_60",
13
+ "iconLeft": "_iconLeft_1a8uzt_65",
14
+ "iconRight": "_iconRight_1a8uzt_68",
15
+ "tab": "_tab_1a8uzt_36",
16
+ "selected": "_selected_1a8uzt_159",
17
+ "icon": "_icon_1a8uzt_65"
18
18
  };
19
19
  export { styles as default };
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "light": "_light_130p00p_9",
3
- "dark": "_dark_130p00p_12",
4
- "wrapper": "_wrapper_130p00p_16",
5
- "scrollable": "_scrollable_130p00p_23",
6
- "arrow": "_arrow_130p00p_52",
7
- "shown": "_shown_130p00p_72",
8
- "arrowLeft": "_arrowLeft_130p00p_80",
9
- "arrowRight": "_arrowRight_130p00p_85",
10
- "withLeftArrow": "_withLeftArrow_130p00p_91",
11
- "withRightArrow": "_withRightArrow_130p00p_100",
12
- "arrowButton": "_arrowButton_130p00p_121"
2
+ "light": "_light_173795r_9",
3
+ "dark": "_dark_173795r_12",
4
+ "wrapper": "_wrapper_173795r_16",
5
+ "scrollable": "_scrollable_173795r_23",
6
+ "arrow": "_arrow_173795r_52",
7
+ "shown": "_shown_173795r_72",
8
+ "arrowLeft": "_arrowLeft_173795r_80",
9
+ "arrowRight": "_arrowRight_173795r_85",
10
+ "withLeftArrow": "_withLeftArrow_173795r_91",
11
+ "withRightArrow": "_withRightArrow_173795r_100",
12
+ "arrowButton": "_arrowButton_173795r_121"
13
13
  };
14
14
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -33,14 +33,17 @@
33
33
  --_rs-typography-text-auto-offset:16px;
34
34
  --_rs-typography-ul-list-li-padding-left:22px;
35
35
  --_rs-typography-ol-list-li-padding-left:26px;
36
- --_rs-typography-list-li-margin-top-from-text:16px;
36
+ --_rs-typography-list-li-margin-top-from-text:var(
37
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
38
+ 16px
39
+ );
37
40
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
38
41
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
39
42
  --_rs-typography-link-border-bottom-width-from-text:1px;
40
43
  }
41
44
  @media screen and (max-width: 640px){
42
45
  &:not(html) [data-rs-internal='tab-list__tab']{
43
- --_rs-typography-list-li-margin-top-from-text:12px;
46
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
44
47
  }
45
48
  }
46
49
  }
@@ -79,14 +82,17 @@
79
82
  --_rs-typography-text-auto-offset:32px;
80
83
  --_rs-typography-ul-list-li-padding-left:26px;
81
84
  --_rs-typography-ol-list-li-padding-left:32px;
82
- --_rs-typography-list-li-margin-top-from-text:24px;
85
+ --_rs-typography-list-li-margin-top-from-text:var(
86
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
87
+ 24px
88
+ );
83
89
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
84
90
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
85
91
  --_rs-typography-link-border-bottom-width-from-text:1px;
86
92
  }
87
93
  @media screen and (max-width: 640px){
88
94
  &:not(html) [data-rs-internal='tab-list__tab']{
89
- --_rs-typography-list-li-margin-top-from-text:16px;
95
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
90
96
  }
91
97
  }
92
98
  }
package/lib/public-api.pcss CHANGED
@@ -33,14 +33,17 @@
33
33
  --_rs-typography-text-auto-offset:16px;
34
34
  --_rs-typography-ul-list-li-padding-left:22px;
35
35
  --_rs-typography-ol-list-li-padding-left:26px;
36
- --_rs-typography-list-li-margin-top-from-text:16px;
36
+ --_rs-typography-list-li-margin-top-from-text:var(
37
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
38
+ 16px
39
+ );
37
40
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
38
41
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
39
42
  --_rs-typography-link-border-bottom-width-from-text:1px;
40
43
  }
41
44
  @media screen and (max-width: 640px){
42
45
  &:not(html) [data-rs-internal='tab-list__tab']{
43
- --_rs-typography-list-li-margin-top-from-text:12px;
46
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
44
47
  }
45
48
  }
46
49
  }
@@ -79,14 +82,17 @@
79
82
  --_rs-typography-text-auto-offset:32px;
80
83
  --_rs-typography-ul-list-li-padding-left:26px;
81
84
  --_rs-typography-ol-list-li-padding-left:32px;
82
- --_rs-typography-list-li-margin-top-from-text:24px;
85
+ --_rs-typography-list-li-margin-top-from-text:var(
86
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
87
+ 24px
88
+ );
83
89
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
84
90
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
85
91
  --_rs-typography-link-border-bottom-width-from-text:1px;
86
92
  }
87
93
  @media screen and (max-width: 640px){
88
94
  &:not(html) [data-rs-internal='tab-list__tab']{
89
- --_rs-typography-list-li-margin-top-from-text:16px;
95
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
90
96
  }
91
97
  }
92
98
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/button": "^0.21.0",
19
+ "@rescui/button": "^0.21.1",
20
20
  "@rescui/use-resize-observer": "^0.2.6",
21
21
  "classnames": "^2.2.6"
22
22
  },
@@ -29,7 +29,7 @@
29
29
  "@rescui/colors": "^0.2.7",
30
30
  "@rescui/postcss-preset-library": "^0.2.2",
31
31
  "@rescui/scripts": "^0.3.5",
32
- "@rescui/typography": "^0.21.1",
32
+ "@rescui/typography": "^0.22.0",
33
33
  "@rescui/visual-regression": "^0.1.2"
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": "3af08f3c5ae8423986d7de93b2377e030cd55e0d"
40
+ "gitHead": "71902b643c074d76514a26a5ee2feecc75d41347"
41
41
  }