@rescui/tab-list 0.12.13 → 0.13.0

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 +69 -71
  3. package/lib/parts/separator.p.module.css.js +3 -3
  4. package/lib/parts/tab-list.p.module.css.js +15 -15
  5. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  6. package/lib/public-api.p.css +0 -2
  7. package/lib/public-api.pcss +0 -2
  8. package/package.json +2 -2
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_12x60xs_4",
3
- "sizeXS": "_sizeXS_12x60xs_14",
4
- "sizeS": "_sizeS_12x60xs_18",
5
- "sizeM": "_sizeM_12x60xs_22",
6
- "sizeL": "_sizeL_12x60xs_26",
7
- "light": "_light_12x60xs_30",
8
- "dark": "_dark_12x60xs_34"
2
+ "icon": "_icon_25tc8k_4",
3
+ "sizeXS": "_sizeXS_25tc8k_14",
4
+ "sizeS": "_sizeS_25tc8k_18",
5
+ "sizeM": "_sizeM_25tc8k_22",
6
+ "sizeL": "_sizeL_25tc8k_26",
7
+ "light": "_light_25tc8k_30",
8
+ "dark": "_dark_25tc8k_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_12x60xs_4{
1
+ ._icon_25tc8k_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_12x60xs_4{
11
+ ._icon_25tc8k_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_12x60xs_4{
20
+ ._icon_25tc8k_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_12x60xs_4{
28
+ ._icon_25tc8k_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_12x60xs_14{
35
+ ._sizeXS_25tc8k_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_12x60xs_18{
38
+ ._sizeS_25tc8k_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_12x60xs_22{
41
+ ._sizeM_25tc8k_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_12x60xs_26{
44
+ ._sizeL_25tc8k_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_12x60xs_30{
47
+ ._light_25tc8k_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_12x60xs_34{
51
+ ._dark_25tc8k_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
  }
@@ -72,18 +72,18 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._light_1r9ox2b_7{
75
+ ._light_1nokit3_7{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._dark_1r9ox2b_10{
78
+ ._dark_1nokit3_10{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeM_1r9ox2b_14{
81
+ ._sizeM_1nokit3_14{
82
82
  --_rs-tab-list-tab-vertical-padding:8px;
83
83
  --_rs-tab-list-icon-size:24px;
84
84
  --_rs-tab-list-icon-offset:4px;
85
85
  }
86
- ._sizeM_1r9ox2b_14 [data-rs-internal='tab-list__tab']{
86
+ ._sizeM_1nokit3_14 [data-rs-internal='tab-list__tab']{
87
87
  --_rs-typography-letter-spacing:0.0015em;
88
88
  --_rs-typography-text-transform:initial;
89
89
  --_rs-typography-font-variant-numeric:initial;
@@ -118,16 +118,16 @@
118
118
  --_rs-typography-link-border-bottom-width-from-text:1px;
119
119
  }
120
120
  @media screen and (max-width: 640px){
121
- ._sizeM_1r9ox2b_14 [data-rs-internal='tab-list__tab']{
121
+ ._sizeM_1nokit3_14 [data-rs-internal='tab-list__tab']{
122
122
  --_rs-typography-list-li-margin-top-from-text:12px;
123
123
  }
124
124
  }
125
- ._sizeL_1r9ox2b_17{
125
+ ._sizeL_1nokit3_17{
126
126
  --_rs-tab-list-tab-vertical-padding:12px;
127
127
  --_rs-tab-list-icon-size:28px;
128
128
  --_rs-tab-list-icon-offset:8px;
129
129
  }
130
- ._sizeL_1r9ox2b_17 [data-rs-internal='tab-list__tab']{
130
+ ._sizeL_1nokit3_17 [data-rs-internal='tab-list__tab']{
131
131
  --_rs-typography-letter-spacing:normal;
132
132
  --_rs-typography-text-transform:initial;
133
133
  --_rs-typography-font-variant-numeric:initial;
@@ -162,30 +162,28 @@
162
162
  --_rs-typography-link-border-bottom-width-from-text:1px;
163
163
  }
164
164
  @media screen and (max-width: 640px){
165
- ._sizeL_1r9ox2b_17 [data-rs-internal='tab-list__tab']{
165
+ ._sizeL_1nokit3_17 [data-rs-internal='tab-list__tab']{
166
166
  --_rs-typography-list-li-margin-top-from-text:16px;
167
167
  }
168
168
  }
169
- ._classic_1r9ox2b_21{
169
+ ._classic_1nokit3_21{
170
170
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
171
- --_rs-tab-list-tab-selected-color:var(--_rs-color-primary);
172
171
  }
173
- ._rock_1r9ox2b_24{
172
+ ._rock_1nokit3_24{
174
173
  --_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));
175
- --_rs-tab-list-tab-selected-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));
176
174
  }
177
- ._sparse_1r9ox2b_28{
175
+ ._sparse_1nokit3_28{
178
176
  --_rs-tab-list-tab-margin-left-or-initial:32px;
179
177
  }
180
178
  @media screen and (max-width: 640px){
181
- ._sparse_1r9ox2b_28{
179
+ ._sparse_1nokit3_28{
182
180
  --_rs-tab-list-tab-margin-left-or-initial:24px;
183
181
  }
184
182
  }
185
- ._short_1r9ox2b_32{
183
+ ._short_1nokit3_32{
186
184
  --_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));
187
185
  }
188
- ._tabsContainer_1r9ox2b_36{
186
+ ._tabsContainer_1nokit3_36{
189
187
  --_rs-theme-dark:var(
190
188
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
191
189
  var(--rs-theme-dark, 0)
@@ -195,7 +193,7 @@
195
193
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
196
194
  }
197
195
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
198
- ._tabsContainer_1r9ox2b_36{
196
+ ._tabsContainer_1nokit3_36{
199
197
  --_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)));
200
198
  --_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)));
201
199
  --_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)));
@@ -204,7 +202,7 @@
204
202
  }
205
203
  }
206
204
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
207
- ._tabsContainer_1r9ox2b_36{
205
+ ._tabsContainer_1nokit3_36{
208
206
  --_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);
209
207
  --_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));
210
208
  --_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));
@@ -212,15 +210,15 @@
212
210
  --_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));
213
211
  }
214
212
  }
215
- ._tabsContainer_1r9ox2b_36 {
213
+ ._tabsContainer_1nokit3_36 {
216
214
  --_rs-tab-list-tab-base-margin-left:24px;
217
215
  }
218
216
  @media screen and (max-width: 640px){
219
- ._tabsContainer_1r9ox2b_36{
217
+ ._tabsContainer_1nokit3_36{
220
218
  --_rs-tab-list-tab-base-margin-left:16px;
221
219
  }
222
220
  }
223
- ._tabsContainer_1r9ox2b_36 {
221
+ ._tabsContainer_1nokit3_36 {
224
222
  --_rs-tab-list-tab-margin-left:var(
225
223
  --_rs-tab-list-tab-margin-left-or-initial,
226
224
  var(--_rs-tab-list-tab-base-margin-left)
@@ -234,7 +232,7 @@
234
232
 
235
233
  display:flex;
236
234
  }
237
- ._indicator_1r9ox2b_46{
235
+ ._indicator_1nokit3_46{
238
236
  position:absolute;
239
237
  z-index:3;
240
238
  bottom:0;
@@ -249,13 +247,13 @@
249
247
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
250
248
  will-change:left, width;
251
249
  }
252
- ._iconLeft_1r9ox2b_61{
250
+ ._iconLeft_1nokit3_61{
253
251
  --_rs-tab-list-tab-flex-direction:row;
254
252
  }
255
- ._iconRight_1r9ox2b_64{
253
+ ._iconRight_1nokit3_64{
256
254
  --_rs-tab-list-tab-flex-direction:row-reverse;
257
255
  }
258
- ._tab_1r9ox2b_36{
256
+ ._tab_1nokit3_36{
259
257
  --_rs-theme-dark:var(
260
258
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
261
259
  var(--rs-theme-dark, 0)
@@ -265,7 +263,7 @@
265
263
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
266
264
  }
267
265
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
268
- ._tab_1r9ox2b_36{
266
+ ._tab_1nokit3_36{
269
267
  --_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)));
270
268
  --_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)));
271
269
  --_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)));
@@ -274,7 +272,7 @@
274
272
  }
275
273
  }
276
274
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
277
- ._tab_1r9ox2b_36{
275
+ ._tab_1nokit3_36{
278
276
  --_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);
279
277
  --_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));
280
278
  --_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));
@@ -282,7 +280,7 @@
282
280
  --_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));
283
281
  }
284
282
  }
285
- ._tab_1r9ox2b_36 {
283
+ ._tab_1nokit3_36 {
286
284
  letter-spacing:var(
287
285
  --rs-text-base-letter-spacing,
288
286
  var(--_rs-typography-letter-spacing)
@@ -341,19 +339,19 @@
341
339
  -moz-osx-font-smoothing:inherit;
342
340
  -webkit-appearance:none;
343
341
  }
344
- ._tab_1r9ox2b_36::-moz-focus-inner{
342
+ ._tab_1nokit3_36::-moz-focus-inner{
345
343
  padding:0;
346
344
 
347
345
  border:none;
348
346
  }
349
- ._tab_1r9ox2b_36:hover,
350
- ._tab_1r9ox2b_36:active,
351
- ._tab_1r9ox2b_36:focus{
347
+ ._tab_1nokit3_36:hover,
348
+ ._tab_1nokit3_36:active,
349
+ ._tab_1nokit3_36:focus{
352
350
  outline:none;
353
351
 
354
352
  text-decoration:none;
355
353
  }
356
- ._tab_1r9ox2b_36:after{
354
+ ._tab_1nokit3_36:after{
357
355
  position:absolute;
358
356
  bottom:0;
359
357
  left:0;
@@ -365,29 +363,29 @@
365
363
 
366
364
  background-color:transparent;
367
365
  }
368
- ._tab_1r9ox2b_36:focus[data-focus-method='key']:after{
366
+ ._tab_1nokit3_36:focus[data-focus-method='key']:after{
369
367
  opacity:0;
370
368
  }
371
- ._tab_1r9ox2b_36:hover{
369
+ ._tab_1nokit3_36:hover{
372
370
  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));
373
371
  }
374
- ._tab_1r9ox2b_36:hover:after{
372
+ ._tab_1nokit3_36:hover:after{
375
373
  height:1px;
376
374
 
377
375
  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));
378
376
  }
379
- ._tab_1r9ox2b_36._selected_1r9ox2b_154{
377
+ ._tab_1nokit3_36._selected_1nokit3_154{
380
378
  z-index:1;
381
379
 
382
380
  cursor:default;
383
381
 
384
- color:var(--_rs-tab-list-tab-selected-color);
382
+ 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
383
 
386
384
  -webkit-transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
387
385
 
388
386
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
389
387
  }
390
- ._tab_1r9ox2b_36._selected_1r9ox2b_154:after{
388
+ ._tab_1nokit3_36._selected_1nokit3_154:after{
391
389
  height:2px;
392
390
 
393
391
  background-color:var(--_rs-tab-list-indicator-background);
@@ -396,14 +394,14 @@
396
394
 
397
395
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
398
396
  }
399
- ._tab_1r9ox2b_36:focus[data-focus-method='key']{
397
+ ._tab_1nokit3_36:focus[data-focus-method='key']{
400
398
  -webkit-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;
401
399
  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;
402
400
  }
403
- ._tab_1r9ox2b_36:first-child{
401
+ ._tab_1nokit3_36:first-child{
404
402
  margin-left:0;
405
403
  }
406
- ._tab_1r9ox2b_36 ._icon_1r9ox2b_61{
404
+ ._tab_1nokit3_36 ._icon_1nokit3_61{
407
405
  -webkit-box-flex:0;
408
406
  -ms-flex:0 0;
409
407
  flex:0 0;
@@ -414,13 +412,13 @@
414
412
  height:var(--_rs-tab-list-icon-size);
415
413
  }
416
414
 
417
- ._light_7xcg2o_9{
415
+ ._light_pyrfpw_9{
418
416
  --rs-theme-dark:0;
419
417
  }
420
- ._dark_7xcg2o_12{
418
+ ._dark_pyrfpw_12{
421
419
  --rs-theme-dark:1;
422
420
  }
423
- ._wrapper_7xcg2o_16{
421
+ ._wrapper_pyrfpw_16{
424
422
  --_rs-theme-dark:var(
425
423
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
426
424
  var(--rs-theme-dark, 0)
@@ -436,7 +434,7 @@
436
434
 
437
435
  display:flex;
438
436
  }
439
- ._scrollable_7xcg2o_23{
437
+ ._scrollable_pyrfpw_23{
440
438
  display:-webkit-box;
441
439
  display:-ms-flexbox;
442
440
  display:flex;
@@ -445,7 +443,7 @@
445
443
  margin:-4px;
446
444
  padding:4px;
447
445
  }
448
- ._scrollable_7xcg2o_23::after{
446
+ ._scrollable_pyrfpw_23::after{
449
447
  display:block;
450
448
 
451
449
  height:100%;
@@ -454,15 +452,15 @@
454
452
 
455
453
  content:'';
456
454
  }
457
- ._scrollable_7xcg2o_23 {
455
+ ._scrollable_pyrfpw_23 {
458
456
 
459
457
  -ms-overflow-style:none;
460
458
  scrollbar-width:none;
461
459
  }
462
- ._scrollable_7xcg2o_23::-webkit-scrollbar{
460
+ ._scrollable_pyrfpw_23::-webkit-scrollbar{
463
461
  display:none;
464
462
  }
465
- ._arrow_7xcg2o_52{
463
+ ._arrow_pyrfpw_52{
466
464
  position:absolute;
467
465
  z-index:2;
468
466
  top:50%;
@@ -491,7 +489,7 @@
491
489
  -webkit-transform:translateY(-50%);
492
490
  transform:translateY(-50%);
493
491
  }
494
- ._arrow_7xcg2o_52._shown_7xcg2o_72{
492
+ ._arrow_pyrfpw_52._shown_pyrfpw_72{
495
493
  opacity:1;
496
494
 
497
495
  pointer-events:auto;
@@ -500,13 +498,13 @@
500
498
 
501
499
  transition:opacity 0.15s ease-in;
502
500
  }
503
- ._arrow_7xcg2o_52._arrowLeft_7xcg2o_80{
501
+ ._arrow_pyrfpw_52._arrowLeft_pyrfpw_80{
504
502
  left:-5px;
505
503
  }
506
- ._arrow_7xcg2o_52._arrowRight_7xcg2o_85{
504
+ ._arrow_pyrfpw_52._arrowRight_pyrfpw_85{
507
505
  right:-5px;
508
506
  }
509
- ._withLeftArrow_7xcg2o_91{
507
+ ._withLeftArrow_pyrfpw_91{
510
508
  -webkit-mask-image:-webkit-gradient(
511
509
  linear,
512
510
  left top, right top,
@@ -534,7 +532,7 @@
534
532
  black 56px
535
533
  );
536
534
  }
537
- ._withRightArrow_7xcg2o_100{
535
+ ._withRightArrow_pyrfpw_100{
538
536
  -webkit-mask-image:-webkit-gradient(
539
537
  linear,
540
538
  right top, left top,
@@ -562,7 +560,7 @@
562
560
  black 56px
563
561
  );
564
562
  }
565
- ._withLeftArrow_7xcg2o_91._withRightArrow_7xcg2o_100{
563
+ ._withLeftArrow_pyrfpw_91._withRightArrow_pyrfpw_100{
566
564
  -webkit-mask-image:-webkit-gradient(
567
565
  linear,
568
566
  left top, right top,
@@ -602,17 +600,17 @@
602
600
  rgba(0, 0, 0, 0) 100%
603
601
  );
604
602
  }
605
- ._arrowButton_7xcg2o_121{
603
+ ._arrowButton_pyrfpw_121{
606
604
  cursor:pointer;
607
605
  }
608
606
 
609
- ._light_13l31nc_4{
607
+ ._light_12ac2cs_4{
610
608
  --rs-theme-dark:0;
611
609
  }
612
- ._dark_13l31nc_7{
610
+ ._dark_12ac2cs_7{
613
611
  --rs-theme-dark:1;
614
612
  }
615
- ._separator_13l31nc_11{
613
+ ._separator_12ac2cs_11{
616
614
  --_rs-theme-dark:var(
617
615
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
618
616
  var(--rs-theme-dark, 0)
@@ -626,7 +624,7 @@
626
624
 
627
625
  width:100%;
628
626
  }
629
- ._separator_13l31nc_11:after{
627
+ ._separator_12ac2cs_11:after{
630
628
  position:absolute;
631
629
  right:0;
632
630
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_13l31nc_4",
3
- "dark": "_dark_13l31nc_7",
4
- "separator": "_separator_13l31nc_11"
2
+ "light": "_light_12ac2cs_4",
3
+ "dark": "_dark_12ac2cs_7",
4
+ "separator": "_separator_12ac2cs_11"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
  var styles = {
2
- "light": "_light_1r9ox2b_7",
3
- "dark": "_dark_1r9ox2b_10",
4
- "sizeM": "_sizeM_1r9ox2b_14",
5
- "sizeL": "_sizeL_1r9ox2b_17",
6
- "classic": "_classic_1r9ox2b_21",
7
- "rock": "_rock_1r9ox2b_24",
8
- "sparse": "_sparse_1r9ox2b_28",
9
- "short": "_short_1r9ox2b_32",
10
- "tabsContainer": "_tabsContainer_1r9ox2b_36",
11
- "indicator": "_indicator_1r9ox2b_46",
12
- "iconLeft": "_iconLeft_1r9ox2b_61",
13
- "iconRight": "_iconRight_1r9ox2b_64",
14
- "tab": "_tab_1r9ox2b_36",
15
- "selected": "_selected_1r9ox2b_154",
16
- "icon": "_icon_1r9ox2b_61"
2
+ "light": "_light_1nokit3_7",
3
+ "dark": "_dark_1nokit3_10",
4
+ "sizeM": "_sizeM_1nokit3_14",
5
+ "sizeL": "_sizeL_1nokit3_17",
6
+ "classic": "_classic_1nokit3_21",
7
+ "rock": "_rock_1nokit3_24",
8
+ "sparse": "_sparse_1nokit3_28",
9
+ "short": "_short_1nokit3_32",
10
+ "tabsContainer": "_tabsContainer_1nokit3_36",
11
+ "indicator": "_indicator_1nokit3_46",
12
+ "iconLeft": "_iconLeft_1nokit3_61",
13
+ "iconRight": "_iconRight_1nokit3_64",
14
+ "tab": "_tab_1nokit3_36",
15
+ "selected": "_selected_1nokit3_154",
16
+ "icon": "_icon_1nokit3_61"
17
17
  };
18
18
  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_7xcg2o_9",
3
- "dark": "_dark_7xcg2o_12",
4
- "wrapper": "_wrapper_7xcg2o_16",
5
- "scrollable": "_scrollable_7xcg2o_23",
6
- "arrow": "_arrow_7xcg2o_52",
7
- "shown": "_shown_7xcg2o_72",
8
- "arrowLeft": "_arrowLeft_7xcg2o_80",
9
- "arrowRight": "_arrowRight_7xcg2o_85",
10
- "withLeftArrow": "_withLeftArrow_7xcg2o_91",
11
- "withRightArrow": "_withRightArrow_7xcg2o_100",
12
- "arrowButton": "_arrowButton_7xcg2o_121"
2
+ "light": "_light_pyrfpw_9",
3
+ "dark": "_dark_pyrfpw_12",
4
+ "wrapper": "_wrapper_pyrfpw_16",
5
+ "scrollable": "_scrollable_pyrfpw_23",
6
+ "arrow": "_arrow_pyrfpw_52",
7
+ "shown": "_shown_pyrfpw_72",
8
+ "arrowLeft": "_arrowLeft_pyrfpw_80",
9
+ "arrowRight": "_arrowRight_pyrfpw_85",
10
+ "withLeftArrow": "_withLeftArrow_pyrfpw_91",
11
+ "withRightArrow": "_withRightArrow_pyrfpw_100",
12
+ "arrowButton": "_arrowButton_pyrfpw_121"
13
13
  };
14
14
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -93,13 +93,11 @@
93
93
  @define-mixin rs-tab-list-mode-classic{
94
94
  &:not(html){
95
95
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
96
- --_rs-tab-list-tab-selected-color:var(--_rs-color-primary);
97
96
  }
98
97
  }
99
98
  @define-mixin rs-tab-list-mode-rock{
100
99
  &:not(html){
101
100
  --_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));
102
- --_rs-tab-list-tab-selected-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));
103
101
  }
104
102
  }
105
103
  @define-mixin rs-tab-list-sparse-true{
package/lib/public-api.pcss CHANGED
@@ -93,13 +93,11 @@
93
93
  @define-mixin rs-tab-list-mode-classic{
94
94
  &:not(html){
95
95
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
96
- --_rs-tab-list-tab-selected-color:var(--_rs-color-primary);
97
96
  }
98
97
  }
99
98
  @define-mixin rs-tab-list-mode-rock{
100
99
  &:not(html){
101
100
  --_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));
102
- --_rs-tab-list-tab-selected-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));
103
101
  }
104
102
  }
105
103
  @define-mixin rs-tab-list-sparse-true{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.12.13",
3
+ "version": "0.13.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -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": "d6a7d2c5976eb13393dc404a214a651c40248794"
40
+ "gitHead": "589f7fc39f043538812b2a1c62f782645a7864bb"
41
41
  }