@rescui/tab-list 0.13.4 → 0.13.6

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 (16) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/left.js +8 -9
  3. package/lib/_virtual/right.js +8 -9
  4. package/lib/index.css +81 -187
  5. package/lib/parts/deep-map.js +4 -7
  6. package/lib/parts/separator.p.module.css.js +3 -3
  7. package/lib/parts/tab-list-context.js +3 -5
  8. package/lib/parts/tab-list.p.module.css.js +15 -15
  9. package/lib/parts/tab-separator.js +6 -4
  10. package/lib/parts/tab.js +36 -50
  11. package/lib/parts/use-indicator.js +18 -39
  12. package/lib/parts/use-scrollable-list.js +93 -121
  13. package/lib/parts/with-scroll-arrows.js +37 -55
  14. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  15. package/lib/tab-list.js +24 -26
  16. package/package.json +9 -10
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1m7s8r6_4",
3
- "sizeXS": "_sizeXS_1m7s8r6_14",
4
- "sizeS": "_sizeS_1m7s8r6_18",
5
- "sizeM": "_sizeM_1m7s8r6_22",
6
- "sizeL": "_sizeL_1m7s8r6_26",
7
- "light": "_light_1m7s8r6_30",
8
- "dark": "_dark_1m7s8r6_34"
2
+ "icon": "_icon_1fbioow_4",
3
+ "sizeXS": "_sizeXS_1fbioow_14",
4
+ "sizeS": "_sizeS_1fbioow_18",
5
+ "sizeM": "_sizeM_1fbioow_22",
6
+ "sizeL": "_sizeL_1fbioow_26",
7
+ "light": "_light_1fbioow_30",
8
+ "dark": "_dark_1fbioow_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/left.js CHANGED
@@ -1,22 +1,21 @@
1
1
  import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
2
  import React from 'react';
4
3
  import PropTypes from 'prop-types';
5
4
  import cn from 'classnames';
6
5
  import styles from './index.css.js';
7
- var _excluded = ["theme", "size", "className"];
8
- var sizeStyles = {
6
+ const sizeStyles = {
9
7
  "xs": styles.sizeXS,
10
8
  "s": styles.sizeS,
11
9
  "m": styles.sizeM,
12
10
  "l": styles.sizeL
13
11
  };
14
- var LeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
- var theme = _ref.theme,
16
- size = _ref.size,
17
- className = _ref.className,
18
- props = _objectWithoutProperties(_ref, _excluded);
19
-
12
+ const LeftIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
+ let {
14
+ theme,
15
+ size,
16
+ className,
17
+ ...props
18
+ } = _ref;
20
19
  return /*#__PURE__*/React.createElement("svg", _extends({
21
20
  viewBox: "0 0 24 24"
22
21
  }, props, {
package/lib/_virtual/right.js CHANGED
@@ -1,22 +1,21 @@
1
1
  import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
2
  import React from 'react';
4
3
  import PropTypes from 'prop-types';
5
4
  import cn from 'classnames';
6
5
  import styles from './index.css.js';
7
- var _excluded = ["theme", "size", "className"];
8
- var sizeStyles = {
6
+ const sizeStyles = {
9
7
  "xs": styles.sizeXS,
10
8
  "s": styles.sizeS,
11
9
  "m": styles.sizeM,
12
10
  "l": styles.sizeL
13
11
  };
14
- var RightIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
- var theme = _ref.theme,
16
- size = _ref.size,
17
- className = _ref.className,
18
- props = _objectWithoutProperties(_ref, _excluded);
19
-
12
+ const RightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
+ let {
14
+ theme,
15
+ size,
16
+ className,
17
+ ...props
18
+ } = _ref;
20
19
  return /*#__PURE__*/React.createElement("svg", _extends({
21
20
  viewBox: "0 0 24 24"
22
21
  }, props, {
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1m7s8r6_4{
1
+ ._icon_1fbioow_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_1m7s8r6_4{
11
+ ._icon_1fbioow_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_1m7s8r6_4{
20
+ ._icon_1fbioow_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,65 +25,53 @@
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_1m7s8r6_4{
28
+ ._icon_1fbioow_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_1m7s8r6_14{
35
+ ._sizeXS_1fbioow_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1m7s8r6_18{
38
+ ._sizeS_1fbioow_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1m7s8r6_22{
41
+ ._sizeM_1fbioow_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1m7s8r6_26{
44
+ ._sizeL_1fbioow_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1m7s8r6_30{
47
+ ._light_1fbioow_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_1m7s8r6_34{
51
+ ._dark_1fbioow_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
  }
55
- @-webkit-keyframes rs-icon-rotate{
56
- from{
57
- -webkit-transform:rotate(0deg);
58
- transform:rotate(0deg);
59
- }
60
- to{
61
- -webkit-transform:rotate(360deg);
62
- transform:rotate(360deg);
63
- }
64
- }
65
55
  @keyframes rs-icon-rotate{
66
56
  from{
67
- -webkit-transform:rotate(0deg);
68
- transform:rotate(0deg);
57
+ transform:rotate(0deg);
69
58
  }
70
59
  to{
71
- -webkit-transform:rotate(360deg);
72
- transform:rotate(360deg);
60
+ transform:rotate(360deg);
73
61
  }
74
62
  }
75
- ._light_1kqq769_7{
63
+ ._light_7obrsz_7{
76
64
  --rs-theme-dark:0;
77
65
  }
78
- ._dark_1kqq769_10{
66
+ ._dark_7obrsz_10{
79
67
  --rs-theme-dark:1;
80
68
  }
81
- ._sizeM_1kqq769_14{
69
+ ._sizeM_7obrsz_14{
82
70
  --_rs-tab-list-tab-vertical-padding:8px;
83
71
  --_rs-tab-list-icon-size:24px;
84
72
  --_rs-tab-list-icon-offset:4px;
85
73
  }
86
- ._sizeM_1kqq769_14 [data-rs-internal='tab-list__tab']{
74
+ ._sizeM_7obrsz_14 [data-rs-internal='tab-list__tab']{
87
75
  --_rs-typography-letter-spacing:0.0015em;
88
76
  --_rs-typography-text-transform:initial;
89
77
  --_rs-typography-font-variant-numeric:initial;
@@ -118,16 +106,16 @@
118
106
  --_rs-typography-link-border-bottom-width-from-text:1px;
119
107
  }
120
108
  @media screen and (max-width: 640px){
121
- ._sizeM_1kqq769_14 [data-rs-internal='tab-list__tab']{
109
+ ._sizeM_7obrsz_14 [data-rs-internal='tab-list__tab']{
122
110
  --_rs-typography-list-li-margin-top-from-text:12px;
123
111
  }
124
112
  }
125
- ._sizeL_1kqq769_17{
113
+ ._sizeL_7obrsz_17{
126
114
  --_rs-tab-list-tab-vertical-padding:12px;
127
115
  --_rs-tab-list-icon-size:28px;
128
116
  --_rs-tab-list-icon-offset:8px;
129
117
  }
130
- ._sizeL_1kqq769_17 [data-rs-internal='tab-list__tab']{
118
+ ._sizeL_7obrsz_17 [data-rs-internal='tab-list__tab']{
131
119
  --_rs-typography-letter-spacing:normal;
132
120
  --_rs-typography-text-transform:initial;
133
121
  --_rs-typography-font-variant-numeric:initial;
@@ -162,28 +150,28 @@
162
150
  --_rs-typography-link-border-bottom-width-from-text:1px;
163
151
  }
164
152
  @media screen and (max-width: 640px){
165
- ._sizeL_1kqq769_17 [data-rs-internal='tab-list__tab']{
153
+ ._sizeL_7obrsz_17 [data-rs-internal='tab-list__tab']{
166
154
  --_rs-typography-list-li-margin-top-from-text:16px;
167
155
  }
168
156
  }
169
- ._classic_1kqq769_21{
157
+ ._classic_7obrsz_21{
170
158
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
171
159
  }
172
- ._rock_1kqq769_24{
160
+ ._rock_7obrsz_24{
173
161
  --_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
162
  }
175
- ._sparse_1kqq769_28{
163
+ ._sparse_7obrsz_28{
176
164
  --_rs-tab-list-tab-margin-left-or-initial:32px;
177
165
  }
178
166
  @media screen and (max-width: 640px){
179
- ._sparse_1kqq769_28{
167
+ ._sparse_7obrsz_28{
180
168
  --_rs-tab-list-tab-margin-left-or-initial:24px;
181
169
  }
182
170
  }
183
- ._short_1kqq769_32{
171
+ ._short_7obrsz_32{
184
172
  --_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
173
  }
186
- ._tabsContainer_1kqq769_36{
174
+ ._tabsContainer_7obrsz_36{
187
175
  --_rs-theme-dark:var(
188
176
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
189
177
  var(--rs-theme-dark, 0)
@@ -193,7 +181,7 @@
193
181
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
194
182
  }
195
183
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
196
- ._tabsContainer_1kqq769_36{
184
+ ._tabsContainer_7obrsz_36{
197
185
  --_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
186
  --_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
187
  --_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 +190,7 @@
202
190
  }
203
191
  }
204
192
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
205
- ._tabsContainer_1kqq769_36{
193
+ ._tabsContainer_7obrsz_36{
206
194
  --_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
195
  --_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
196
  --_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 +198,15 @@
210
198
  --_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
199
  }
212
200
  }
213
- ._tabsContainer_1kqq769_36 {
201
+ ._tabsContainer_7obrsz_36 {
214
202
  --_rs-tab-list-tab-base-margin-left:24px;
215
203
  }
216
204
  @media screen and (max-width: 640px){
217
- ._tabsContainer_1kqq769_36{
205
+ ._tabsContainer_7obrsz_36{
218
206
  --_rs-tab-list-tab-base-margin-left:16px;
219
207
  }
220
208
  }
221
- ._tabsContainer_1kqq769_36 {
209
+ ._tabsContainer_7obrsz_36 {
222
210
  --_rs-tab-list-tab-margin-left:var(
223
211
  --_rs-tab-list-tab-margin-left-or-initial,
224
212
  var(--_rs-tab-list-tab-base-margin-left)
@@ -226,13 +214,9 @@
226
214
 
227
215
  position:relative;
228
216
 
229
- display:-webkit-box;
230
-
231
- display:-ms-flexbox;
232
-
233
217
  display:flex;
234
218
  }
235
- ._indicator_1kqq769_46{
219
+ ._indicator_7obrsz_46{
236
220
  position:absolute;
237
221
  z-index:3;
238
222
  bottom:0;
@@ -242,18 +226,16 @@
242
226
 
243
227
  background:var(--_rs-tab-list-indicator-background);
244
228
 
245
- -webkit-transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
246
-
247
229
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
248
230
  will-change:left, width;
249
231
  }
250
- ._iconLeft_1kqq769_61{
232
+ ._iconLeft_7obrsz_61{
251
233
  --_rs-tab-list-tab-flex-direction:row;
252
234
  }
253
- ._iconRight_1kqq769_64{
235
+ ._iconRight_7obrsz_64{
254
236
  --_rs-tab-list-tab-flex-direction:row-reverse;
255
237
  }
256
- ._tab_1kqq769_36{
238
+ ._tab_7obrsz_36{
257
239
  --_rs-theme-dark:var(
258
240
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
259
241
  var(--rs-theme-dark, 0)
@@ -263,7 +245,7 @@
263
245
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
264
246
  }
265
247
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
266
- ._tab_1kqq769_36{
248
+ ._tab_7obrsz_36{
267
249
  --_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
250
  --_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
251
  --_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 +254,7 @@
272
254
  }
273
255
  }
274
256
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
275
- ._tab_1kqq769_36{
257
+ ._tab_7obrsz_36{
276
258
  --_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
259
  --_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
260
  --_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 +262,7 @@
280
262
  --_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
263
  }
282
264
  }
283
- ._tab_1kqq769_36 {
265
+ ._tab_7obrsz_36 {
284
266
  letter-spacing:var(
285
267
  --rs-text-base-letter-spacing,
286
268
  var(--_rs-typography-letter-spacing)
@@ -291,32 +273,18 @@
291
273
  font-weight:var(--_rs-typography-font-weight);
292
274
  line-height:var(--_rs-typography-line-height);
293
275
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
294
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
295
276
  font-feature-settings:'kern', 'liga', 'calt';
296
277
 
297
278
  position:relative;
298
279
 
299
- display:-webkit-box;
300
-
301
- display:-ms-flexbox;
302
-
303
280
  display:flex;
304
281
  overflow:hidden;
305
- -webkit-box-orient:vertical;
306
- -webkit-box-direction:normal;
307
- -ms-flex-direction:var(--_rs-tab-list-tab-flex-direction);
308
- flex-direction:var(--_rs-tab-list-tab-flex-direction);
282
+ flex-direction:var(--_rs-tab-list-tab-flex-direction);
309
283
  gap:var(--_rs-tab-list-icon-offset);
310
- -ms-flex-negative:0;
311
- flex-shrink:0;
312
- -webkit-box-flex:0;
313
- -ms-flex-positive:0;
314
- flex-grow:0;
315
- -ms-flex-preferred-size:initial;
316
- flex-basis:initial;
317
- -webkit-box-align:center;
318
- -ms-flex-align:center;
319
- align-items:center;
284
+ flex-shrink:0;
285
+ flex-grow:0;
286
+ flex-basis:initial;
287
+ align-items:center;
320
288
 
321
289
  margin:0 0 0 var(--_rs-tab-list-tab-margin-left);
322
290
  padding:var(--_rs-tab-list-tab-vertical-padding) 0;
@@ -333,25 +301,24 @@
333
301
 
334
302
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
335
303
  background:transparent;
336
- -webkit-box-shadow:var(--_rs-tab-list-tab-box-shadow);
337
- box-shadow:var(--_rs-tab-list-tab-box-shadow);
304
+ box-shadow:var(--_rs-tab-list-tab-box-shadow);
338
305
  -webkit-font-smoothing:inherit;
339
306
  -moz-osx-font-smoothing:inherit;
340
307
  -webkit-appearance:none;
341
308
  }
342
- ._tab_1kqq769_36::-moz-focus-inner{
309
+ ._tab_7obrsz_36::-moz-focus-inner{
343
310
  padding:0;
344
311
 
345
312
  border:none;
346
313
  }
347
- ._tab_1kqq769_36:hover,
348
- ._tab_1kqq769_36:active,
349
- ._tab_1kqq769_36:focus{
314
+ ._tab_7obrsz_36:hover,
315
+ ._tab_7obrsz_36:active,
316
+ ._tab_7obrsz_36:focus{
350
317
  outline:none;
351
318
 
352
319
  text-decoration:none;
353
320
  }
354
- ._tab_1kqq769_36:after{
321
+ ._tab_7obrsz_36:after{
355
322
  position:absolute;
356
323
  bottom:0;
357
324
  left:0;
@@ -363,62 +330,54 @@
363
330
 
364
331
  background-color:transparent;
365
332
  }
366
- ._tab_1kqq769_36:focus[data-focus-method='key']:after{
333
+ ._tab_7obrsz_36:focus[data-focus-method='key']:after{
367
334
  opacity:0;
368
335
  }
369
- ._tab_1kqq769_36:hover{
336
+ ._tab_7obrsz_36:hover{
370
337
  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
338
  }
372
- ._tab_1kqq769_36:hover:after{
339
+ ._tab_7obrsz_36:hover:after{
373
340
  height:1px;
374
341
 
375
342
  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
343
  }
377
- ._tab_1kqq769_36._selected_1kqq769_154{
344
+ ._tab_7obrsz_36._selected_7obrsz_154{
378
345
  z-index:1;
379
346
 
380
347
  cursor:default;
381
348
 
382
349
  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));
383
350
 
384
- -webkit-transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
385
-
386
351
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
387
352
  }
388
- ._tab_1kqq769_36._selected_1kqq769_154:after{
353
+ ._tab_7obrsz_36._selected_7obrsz_154:after{
389
354
  height:2px;
390
355
 
391
356
  background-color:var(--_rs-tab-list-indicator-background);
392
357
 
393
- -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
394
-
395
358
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
396
359
  }
397
- ._tab_1kqq769_36:focus[data-focus-method='key']{
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
- 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;
360
+ ._tab_7obrsz_36:focus[data-focus-method='key']{
361
+ 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
362
  }
401
- ._tab_1kqq769_36:first-child{
363
+ ._tab_7obrsz_36:first-child{
402
364
  margin-left:0;
403
365
  }
404
- ._tab_1kqq769_36 ._icon_1kqq769_61{
405
- -webkit-box-flex:0;
406
- -ms-flex:0 0;
407
- flex:0 0;
408
- -ms-flex-preferred-size:auto;
409
- flex-basis:auto;
366
+ ._tab_7obrsz_36 ._icon_7obrsz_61{
367
+ flex:0 0;
368
+ flex-basis:auto;
410
369
 
411
370
  width:auto;
412
371
  height:var(--_rs-tab-list-icon-size);
413
372
  }
414
373
 
415
- ._light_10fcasy_9{
374
+ ._light_1mgal9c_9{
416
375
  --rs-theme-dark:0;
417
376
  }
418
- ._dark_10fcasy_12{
377
+ ._dark_1mgal9c_12{
419
378
  --rs-theme-dark:1;
420
379
  }
421
- ._wrapper_10fcasy_16{
380
+ ._wrapper_1mgal9c_16{
422
381
  --_rs-theme-dark:var(
423
382
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
424
383
  var(--rs-theme-dark, 0)
@@ -428,22 +387,16 @@
428
387
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
429
388
  position:relative;
430
389
 
431
- display:-webkit-box;
432
-
433
- display:-ms-flexbox;
434
-
435
390
  display:flex;
436
391
  }
437
- ._scrollable_10fcasy_23{
438
- display:-webkit-box;
439
- display:-ms-flexbox;
392
+ ._scrollable_1mgal9c_23{
440
393
  display:flex;
441
394
  overflow-x:scroll;
442
395
 
443
396
  margin:-4px;
444
397
  padding:4px;
445
398
  }
446
- ._scrollable_10fcasy_23::after{
399
+ ._scrollable_1mgal9c_23::after{
447
400
  display:block;
448
401
 
449
402
  height:100%;
@@ -452,29 +405,23 @@
452
405
 
453
406
  content:'';
454
407
  }
455
- ._scrollable_10fcasy_23 {
408
+ ._scrollable_1mgal9c_23 {
456
409
 
457
410
  -ms-overflow-style:none;
458
411
  scrollbar-width:none;
459
412
  }
460
- ._scrollable_10fcasy_23::-webkit-scrollbar{
413
+ ._scrollable_1mgal9c_23::-webkit-scrollbar{
461
414
  display:none;
462
415
  }
463
- ._arrow_10fcasy_52{
416
+ ._arrow_1mgal9c_52{
464
417
  position:absolute;
465
418
  z-index:2;
466
419
  top:50%;
467
420
 
468
- display:-webkit-box;
469
-
470
- display:-ms-flexbox;
471
-
472
421
  display:flex;
473
422
 
474
423
  opacity:0;
475
- -webkit-box-align:center;
476
- -ms-flex-align:center;
477
- align-items:center;
424
+ align-items:center;
478
425
 
479
426
  height:100%;
480
427
 
@@ -483,47 +430,28 @@
483
430
  color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
484
431
  background-color:transparent;
485
432
 
486
- -webkit-transition:opacity 0.15s ease-out;
487
-
488
433
  transition:opacity 0.15s ease-out;
489
- -webkit-transform:translateY(-50%);
490
- transform:translateY(-50%);
434
+ transform:translateY(-50%);
491
435
  }
492
- ._arrow_10fcasy_52._shown_10fcasy_72{
436
+ ._arrow_1mgal9c_52._shown_1mgal9c_72{
493
437
  opacity:1;
494
438
 
495
439
  pointer-events:auto;
496
440
 
497
- -webkit-transition:opacity 0.15s ease-in;
498
-
499
441
  transition:opacity 0.15s ease-in;
500
442
  }
501
- ._arrow_10fcasy_52._arrowLeft_10fcasy_80{
443
+ ._arrow_1mgal9c_52._arrowLeft_1mgal9c_80{
502
444
  left:-5px;
503
445
  }
504
- ._arrow_10fcasy_52._arrowRight_10fcasy_85{
446
+ ._arrow_1mgal9c_52._arrowRight_1mgal9c_85{
505
447
  right:-5px;
506
448
  }
507
- ._withLeftArrow_10fcasy_91{
508
- -webkit-mask-image:-webkit-gradient(
509
- linear,
510
- left top, right top,
511
- from(rgba(0, 0, 0, 0)),
512
- color-stop(32px, rgba(0, 0, 0, 0)),
513
- to(black)
514
- );
449
+ ._withLeftArrow_1mgal9c_91{
515
450
  -webkit-mask-image:linear-gradient(
516
451
  to right,
517
452
  rgba(0, 0, 0, 0) 0%,
518
453
  rgba(0, 0, 0, 0) 32px,
519
454
  black 56px
520
- );
521
- mask-image:-webkit-gradient(
522
- linear,
523
- left top, right top,
524
- from(rgba(0, 0, 0, 0)),
525
- color-stop(32px, rgba(0, 0, 0, 0)),
526
- to(black)
527
455
  );
528
456
  mask-image:linear-gradient(
529
457
  to right,
@@ -532,26 +460,12 @@
532
460
  black 56px
533
461
  );
534
462
  }
535
- ._withRightArrow_10fcasy_100{
536
- -webkit-mask-image:-webkit-gradient(
537
- linear,
538
- right top, left top,
539
- from(rgba(0, 0, 0, 0)),
540
- color-stop(32px, rgba(0, 0, 0, 0)),
541
- to(black)
542
- );
463
+ ._withRightArrow_1mgal9c_100{
543
464
  -webkit-mask-image:linear-gradient(
544
465
  to left,
545
466
  rgba(0, 0, 0, 0) 0%,
546
467
  rgba(0, 0, 0, 0) 32px,
547
468
  black 56px
548
- );
549
- mask-image:-webkit-gradient(
550
- linear,
551
- right top, left top,
552
- from(rgba(0, 0, 0, 0)),
553
- color-stop(32px, rgba(0, 0, 0, 0)),
554
- to(black)
555
469
  );
556
470
  mask-image:linear-gradient(
557
471
  to left,
@@ -560,17 +474,7 @@
560
474
  black 56px
561
475
  );
562
476
  }
563
- ._withLeftArrow_10fcasy_91._withRightArrow_10fcasy_100{
564
- -webkit-mask-image:-webkit-gradient(
565
- linear,
566
- left top, right top,
567
- from(rgba(0, 0, 0, 0)),
568
- color-stop(32px, rgba(0, 0, 0, 0)),
569
- color-stop(black),
570
- color-stop(black),
571
- color-stop(rgba(0, 0, 0, 0)),
572
- to(rgba(0, 0, 0, 0))
573
- );
477
+ ._withLeftArrow_1mgal9c_91._withRightArrow_1mgal9c_100{
574
478
  -webkit-mask-image:linear-gradient(
575
479
  to right,
576
480
  rgba(0, 0, 0, 0) 0%,
@@ -579,16 +483,6 @@
579
483
  black calc(100% - 56px),
580
484
  rgba(0, 0, 0, 0) calc(100% - 32px),
581
485
  rgba(0, 0, 0, 0) 100%
582
- );
583
- mask-image:-webkit-gradient(
584
- linear,
585
- left top, right top,
586
- from(rgba(0, 0, 0, 0)),
587
- color-stop(32px, rgba(0, 0, 0, 0)),
588
- color-stop(black),
589
- color-stop(black),
590
- color-stop(rgba(0, 0, 0, 0)),
591
- to(rgba(0, 0, 0, 0))
592
486
  );
593
487
  mask-image:linear-gradient(
594
488
  to right,
@@ -600,17 +494,17 @@
600
494
  rgba(0, 0, 0, 0) 100%
601
495
  );
602
496
  }
603
- ._arrowButton_10fcasy_121{
497
+ ._arrowButton_1mgal9c_121{
604
498
  cursor:pointer;
605
499
  }
606
500
 
607
- ._light_aq3vka_4{
501
+ ._light_wbpza0_4{
608
502
  --rs-theme-dark:0;
609
503
  }
610
- ._dark_aq3vka_7{
504
+ ._dark_wbpza0_7{
611
505
  --rs-theme-dark:1;
612
506
  }
613
- ._separator_aq3vka_11{
507
+ ._separator_wbpza0_11{
614
508
  --_rs-theme-dark:var(
615
509
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
616
510
  var(--rs-theme-dark, 0)
@@ -624,7 +518,7 @@
624
518
 
625
519
  width:100%;
626
520
  }
627
- ._separator_aq3vka_11:after{
521
+ ._separator_wbpza0_11:after{
628
522
  position:absolute;
629
523
  right:0;
630
524
  bottom:0;