@rescui/tab-list 0.13.0 → 0.13.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 (6) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/index.css +68 -68
  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/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
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"
2
+ "icon": "_icon_1g6zqe1_4",
3
+ "sizeXS": "_sizeXS_1g6zqe1_14",
4
+ "sizeS": "_sizeS_1g6zqe1_18",
5
+ "sizeM": "_sizeM_1g6zqe1_22",
6
+ "sizeL": "_sizeL_1g6zqe1_26",
7
+ "light": "_light_1g6zqe1_30",
8
+ "dark": "_dark_1g6zqe1_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_25tc8k_4{
1
+ ._icon_1g6zqe1_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_25tc8k_4{
11
+ ._icon_1g6zqe1_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_25tc8k_4{
20
+ ._icon_1g6zqe1_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_25tc8k_4{
28
+ ._icon_1g6zqe1_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_25tc8k_14{
35
+ ._sizeXS_1g6zqe1_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_25tc8k_18{
38
+ ._sizeS_1g6zqe1_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_25tc8k_22{
41
+ ._sizeM_1g6zqe1_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_25tc8k_26{
44
+ ._sizeL_1g6zqe1_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_25tc8k_30{
47
+ ._light_1g6zqe1_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_25tc8k_34{
51
+ ._dark_1g6zqe1_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_1nokit3_7{
75
+ ._light_c05i1m_7{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._dark_1nokit3_10{
78
+ ._dark_c05i1m_10{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._sizeM_1nokit3_14{
81
+ ._sizeM_c05i1m_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_1nokit3_14 [data-rs-internal='tab-list__tab']{
86
+ ._sizeM_c05i1m_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_1nokit3_14 [data-rs-internal='tab-list__tab']{
121
+ ._sizeM_c05i1m_14 [data-rs-internal='tab-list__tab']{
122
122
  --_rs-typography-list-li-margin-top-from-text:12px;
123
123
  }
124
124
  }
125
- ._sizeL_1nokit3_17{
125
+ ._sizeL_c05i1m_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_1nokit3_17 [data-rs-internal='tab-list__tab']{
130
+ ._sizeL_c05i1m_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,28 +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_1nokit3_17 [data-rs-internal='tab-list__tab']{
165
+ ._sizeL_c05i1m_17 [data-rs-internal='tab-list__tab']{
166
166
  --_rs-typography-list-li-margin-top-from-text:16px;
167
167
  }
168
168
  }
169
- ._classic_1nokit3_21{
169
+ ._classic_c05i1m_21{
170
170
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
171
171
  }
172
- ._rock_1nokit3_24{
172
+ ._rock_c05i1m_24{
173
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));
174
174
  }
175
- ._sparse_1nokit3_28{
175
+ ._sparse_c05i1m_28{
176
176
  --_rs-tab-list-tab-margin-left-or-initial:32px;
177
177
  }
178
178
  @media screen and (max-width: 640px){
179
- ._sparse_1nokit3_28{
179
+ ._sparse_c05i1m_28{
180
180
  --_rs-tab-list-tab-margin-left-or-initial:24px;
181
181
  }
182
182
  }
183
- ._short_1nokit3_32{
183
+ ._short_c05i1m_32{
184
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));
185
185
  }
186
- ._tabsContainer_1nokit3_36{
186
+ ._tabsContainer_c05i1m_36{
187
187
  --_rs-theme-dark:var(
188
188
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
189
189
  var(--rs-theme-dark, 0)
@@ -193,7 +193,7 @@
193
193
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
194
194
  }
195
195
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
196
- ._tabsContainer_1nokit3_36{
196
+ ._tabsContainer_c05i1m_36{
197
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)));
198
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)));
199
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)));
@@ -202,7 +202,7 @@
202
202
  }
203
203
  }
204
204
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
205
- ._tabsContainer_1nokit3_36{
205
+ ._tabsContainer_c05i1m_36{
206
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);
207
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));
208
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));
@@ -210,15 +210,15 @@
210
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));
211
211
  }
212
212
  }
213
- ._tabsContainer_1nokit3_36 {
213
+ ._tabsContainer_c05i1m_36 {
214
214
  --_rs-tab-list-tab-base-margin-left:24px;
215
215
  }
216
216
  @media screen and (max-width: 640px){
217
- ._tabsContainer_1nokit3_36{
217
+ ._tabsContainer_c05i1m_36{
218
218
  --_rs-tab-list-tab-base-margin-left:16px;
219
219
  }
220
220
  }
221
- ._tabsContainer_1nokit3_36 {
221
+ ._tabsContainer_c05i1m_36 {
222
222
  --_rs-tab-list-tab-margin-left:var(
223
223
  --_rs-tab-list-tab-margin-left-or-initial,
224
224
  var(--_rs-tab-list-tab-base-margin-left)
@@ -232,7 +232,7 @@
232
232
 
233
233
  display:flex;
234
234
  }
235
- ._indicator_1nokit3_46{
235
+ ._indicator_c05i1m_46{
236
236
  position:absolute;
237
237
  z-index:3;
238
238
  bottom:0;
@@ -247,13 +247,13 @@
247
247
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
248
248
  will-change:left, width;
249
249
  }
250
- ._iconLeft_1nokit3_61{
250
+ ._iconLeft_c05i1m_61{
251
251
  --_rs-tab-list-tab-flex-direction:row;
252
252
  }
253
- ._iconRight_1nokit3_64{
253
+ ._iconRight_c05i1m_64{
254
254
  --_rs-tab-list-tab-flex-direction:row-reverse;
255
255
  }
256
- ._tab_1nokit3_36{
256
+ ._tab_c05i1m_36{
257
257
  --_rs-theme-dark:var(
258
258
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
259
259
  var(--rs-theme-dark, 0)
@@ -263,7 +263,7 @@
263
263
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
264
264
  }
265
265
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
266
- ._tab_1nokit3_36{
266
+ ._tab_c05i1m_36{
267
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)));
268
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)));
269
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)));
@@ -272,7 +272,7 @@
272
272
  }
273
273
  }
274
274
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
275
- ._tab_1nokit3_36{
275
+ ._tab_c05i1m_36{
276
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);
277
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));
278
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));
@@ -280,7 +280,7 @@
280
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));
281
281
  }
282
282
  }
283
- ._tab_1nokit3_36 {
283
+ ._tab_c05i1m_36 {
284
284
  letter-spacing:var(
285
285
  --rs-text-base-letter-spacing,
286
286
  var(--_rs-typography-letter-spacing)
@@ -339,19 +339,19 @@
339
339
  -moz-osx-font-smoothing:inherit;
340
340
  -webkit-appearance:none;
341
341
  }
342
- ._tab_1nokit3_36::-moz-focus-inner{
342
+ ._tab_c05i1m_36::-moz-focus-inner{
343
343
  padding:0;
344
344
 
345
345
  border:none;
346
346
  }
347
- ._tab_1nokit3_36:hover,
348
- ._tab_1nokit3_36:active,
349
- ._tab_1nokit3_36:focus{
347
+ ._tab_c05i1m_36:hover,
348
+ ._tab_c05i1m_36:active,
349
+ ._tab_c05i1m_36:focus{
350
350
  outline:none;
351
351
 
352
352
  text-decoration:none;
353
353
  }
354
- ._tab_1nokit3_36:after{
354
+ ._tab_c05i1m_36:after{
355
355
  position:absolute;
356
356
  bottom:0;
357
357
  left:0;
@@ -363,18 +363,18 @@
363
363
 
364
364
  background-color:transparent;
365
365
  }
366
- ._tab_1nokit3_36:focus[data-focus-method='key']:after{
366
+ ._tab_c05i1m_36:focus[data-focus-method='key']:after{
367
367
  opacity:0;
368
368
  }
369
- ._tab_1nokit3_36:hover{
369
+ ._tab_c05i1m_36:hover{
370
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));
371
371
  }
372
- ._tab_1nokit3_36:hover:after{
372
+ ._tab_c05i1m_36:hover:after{
373
373
  height:1px;
374
374
 
375
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));
376
376
  }
377
- ._tab_1nokit3_36._selected_1nokit3_154{
377
+ ._tab_c05i1m_36._selected_c05i1m_154{
378
378
  z-index:1;
379
379
 
380
380
  cursor:default;
@@ -385,7 +385,7 @@
385
385
 
386
386
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
387
387
  }
388
- ._tab_1nokit3_36._selected_1nokit3_154:after{
388
+ ._tab_c05i1m_36._selected_c05i1m_154:after{
389
389
  height:2px;
390
390
 
391
391
  background-color:var(--_rs-tab-list-indicator-background);
@@ -394,14 +394,14 @@
394
394
 
395
395
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
396
396
  }
397
- ._tab_1nokit3_36:focus[data-focus-method='key']{
397
+ ._tab_c05i1m_36:focus[data-focus-method='key']{
398
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;
399
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;
400
400
  }
401
- ._tab_1nokit3_36:first-child{
401
+ ._tab_c05i1m_36:first-child{
402
402
  margin-left:0;
403
403
  }
404
- ._tab_1nokit3_36 ._icon_1nokit3_61{
404
+ ._tab_c05i1m_36 ._icon_c05i1m_61{
405
405
  -webkit-box-flex:0;
406
406
  -ms-flex:0 0;
407
407
  flex:0 0;
@@ -412,13 +412,13 @@
412
412
  height:var(--_rs-tab-list-icon-size);
413
413
  }
414
414
 
415
- ._light_pyrfpw_9{
415
+ ._light_1il3jvd_9{
416
416
  --rs-theme-dark:0;
417
417
  }
418
- ._dark_pyrfpw_12{
418
+ ._dark_1il3jvd_12{
419
419
  --rs-theme-dark:1;
420
420
  }
421
- ._wrapper_pyrfpw_16{
421
+ ._wrapper_1il3jvd_16{
422
422
  --_rs-theme-dark:var(
423
423
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
424
424
  var(--rs-theme-dark, 0)
@@ -434,7 +434,7 @@
434
434
 
435
435
  display:flex;
436
436
  }
437
- ._scrollable_pyrfpw_23{
437
+ ._scrollable_1il3jvd_23{
438
438
  display:-webkit-box;
439
439
  display:-ms-flexbox;
440
440
  display:flex;
@@ -443,7 +443,7 @@
443
443
  margin:-4px;
444
444
  padding:4px;
445
445
  }
446
- ._scrollable_pyrfpw_23::after{
446
+ ._scrollable_1il3jvd_23::after{
447
447
  display:block;
448
448
 
449
449
  height:100%;
@@ -452,15 +452,15 @@
452
452
 
453
453
  content:'';
454
454
  }
455
- ._scrollable_pyrfpw_23 {
455
+ ._scrollable_1il3jvd_23 {
456
456
 
457
457
  -ms-overflow-style:none;
458
458
  scrollbar-width:none;
459
459
  }
460
- ._scrollable_pyrfpw_23::-webkit-scrollbar{
460
+ ._scrollable_1il3jvd_23::-webkit-scrollbar{
461
461
  display:none;
462
462
  }
463
- ._arrow_pyrfpw_52{
463
+ ._arrow_1il3jvd_52{
464
464
  position:absolute;
465
465
  z-index:2;
466
466
  top:50%;
@@ -489,7 +489,7 @@
489
489
  -webkit-transform:translateY(-50%);
490
490
  transform:translateY(-50%);
491
491
  }
492
- ._arrow_pyrfpw_52._shown_pyrfpw_72{
492
+ ._arrow_1il3jvd_52._shown_1il3jvd_72{
493
493
  opacity:1;
494
494
 
495
495
  pointer-events:auto;
@@ -498,13 +498,13 @@
498
498
 
499
499
  transition:opacity 0.15s ease-in;
500
500
  }
501
- ._arrow_pyrfpw_52._arrowLeft_pyrfpw_80{
501
+ ._arrow_1il3jvd_52._arrowLeft_1il3jvd_80{
502
502
  left:-5px;
503
503
  }
504
- ._arrow_pyrfpw_52._arrowRight_pyrfpw_85{
504
+ ._arrow_1il3jvd_52._arrowRight_1il3jvd_85{
505
505
  right:-5px;
506
506
  }
507
- ._withLeftArrow_pyrfpw_91{
507
+ ._withLeftArrow_1il3jvd_91{
508
508
  -webkit-mask-image:-webkit-gradient(
509
509
  linear,
510
510
  left top, right top,
@@ -532,7 +532,7 @@
532
532
  black 56px
533
533
  );
534
534
  }
535
- ._withRightArrow_pyrfpw_100{
535
+ ._withRightArrow_1il3jvd_100{
536
536
  -webkit-mask-image:-webkit-gradient(
537
537
  linear,
538
538
  right top, left top,
@@ -560,7 +560,7 @@
560
560
  black 56px
561
561
  );
562
562
  }
563
- ._withLeftArrow_pyrfpw_91._withRightArrow_pyrfpw_100{
563
+ ._withLeftArrow_1il3jvd_91._withRightArrow_1il3jvd_100{
564
564
  -webkit-mask-image:-webkit-gradient(
565
565
  linear,
566
566
  left top, right top,
@@ -600,17 +600,17 @@
600
600
  rgba(0, 0, 0, 0) 100%
601
601
  );
602
602
  }
603
- ._arrowButton_pyrfpw_121{
603
+ ._arrowButton_1il3jvd_121{
604
604
  cursor:pointer;
605
605
  }
606
606
 
607
- ._light_12ac2cs_4{
607
+ ._light_4audz5_4{
608
608
  --rs-theme-dark:0;
609
609
  }
610
- ._dark_12ac2cs_7{
610
+ ._dark_4audz5_7{
611
611
  --rs-theme-dark:1;
612
612
  }
613
- ._separator_12ac2cs_11{
613
+ ._separator_4audz5_11{
614
614
  --_rs-theme-dark:var(
615
615
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
616
616
  var(--rs-theme-dark, 0)
@@ -624,7 +624,7 @@
624
624
 
625
625
  width:100%;
626
626
  }
627
- ._separator_12ac2cs_11:after{
627
+ ._separator_4audz5_11:after{
628
628
  position:absolute;
629
629
  right:0;
630
630
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_12ac2cs_4",
3
- "dark": "_dark_12ac2cs_7",
4
- "separator": "_separator_12ac2cs_11"
2
+ "light": "_light_4audz5_4",
3
+ "dark": "_dark_4audz5_7",
4
+ "separator": "_separator_4audz5_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_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"
2
+ "light": "_light_c05i1m_7",
3
+ "dark": "_dark_c05i1m_10",
4
+ "sizeM": "_sizeM_c05i1m_14",
5
+ "sizeL": "_sizeL_c05i1m_17",
6
+ "classic": "_classic_c05i1m_21",
7
+ "rock": "_rock_c05i1m_24",
8
+ "sparse": "_sparse_c05i1m_28",
9
+ "short": "_short_c05i1m_32",
10
+ "tabsContainer": "_tabsContainer_c05i1m_36",
11
+ "indicator": "_indicator_c05i1m_46",
12
+ "iconLeft": "_iconLeft_c05i1m_61",
13
+ "iconRight": "_iconRight_c05i1m_64",
14
+ "tab": "_tab_c05i1m_36",
15
+ "selected": "_selected_c05i1m_154",
16
+ "icon": "_icon_c05i1m_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_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"
2
+ "light": "_light_1il3jvd_9",
3
+ "dark": "_dark_1il3jvd_12",
4
+ "wrapper": "_wrapper_1il3jvd_16",
5
+ "scrollable": "_scrollable_1il3jvd_23",
6
+ "arrow": "_arrow_1il3jvd_52",
7
+ "shown": "_shown_1il3jvd_72",
8
+ "arrowLeft": "_arrowLeft_1il3jvd_80",
9
+ "arrowRight": "_arrowRight_1il3jvd_85",
10
+ "withLeftArrow": "_withLeftArrow_1il3jvd_91",
11
+ "withRightArrow": "_withRightArrow_1il3jvd_100",
12
+ "arrowButton": "_arrowButton_1il3jvd_121"
13
13
  };
14
14
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.13.0",
3
+ "version": "0.13.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
18
  "@juggle/resize-observer": "3.3.0",
19
- "@rescui/button": "^0.16.7",
19
+ "@rescui/button": "^0.17.0",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
22
22
  },
@@ -29,7 +29,7 @@
29
29
  "@rescui/colors": "^0.2.5",
30
30
  "@rescui/postcss-preset-library": "^0.2.2",
31
31
  "@rescui/scripts": "^0.3.4",
32
- "@rescui/typography": "^0.18.2",
32
+ "@rescui/typography": "^0.19.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": "589f7fc39f043538812b2a1c62f782645a7864bb"
40
+ "gitHead": "69a84812628809943698f0b27643c83dc449f119"
41
41
  }