@rescui/tab-list 0.13.11-RUI-230-Update-icons-0bd4e5fc.9 → 0.13.12

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/_virtual/left.js +3 -43
  3. package/lib/_virtual/right.js +3 -43
  4. package/lib/index.css +68 -68
  5. package/lib/parts/separator.p.module.css.js +3 -3
  6. package/lib/parts/tab-list.p.module.css.js +15 -15
  7. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  8. package/package.json +9 -9
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
2
+ "icon": "_icon_4o5r48_4",
3
+ "sizeXS": "_sizeXS_4o5r48_14",
4
+ "sizeS": "_sizeS_4o5r48_18",
5
+ "sizeM": "_sizeM_4o5r48_22",
6
+ "sizeL": "_sizeL_4o5r48_26",
7
+ "light": "_light_4o5r48_30",
8
+ "dark": "_dark_4o5r48_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/left.js CHANGED
@@ -9,12 +9,6 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
- const Size = {
13
- "xs": "xs",
14
- "s": "s",
15
- "m": "m",
16
- "l": "l"
17
- };
18
12
  const LeftIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
13
  let {
20
14
  theme,
@@ -22,47 +16,13 @@ const LeftIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
22
16
  className,
23
17
  ...props
24
18
  } = _ref;
25
-
26
- if (size === Size['xs']) {
27
- return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M10.03 11.53a.75.75 0 0 0 0-1.06L7.56 8l2.47-2.47a.75.75 0 1 0-1.06-1.06l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06 0"
34
- }));
35
- }
36
-
37
- if (size === Size['s']) {
38
- return /*#__PURE__*/React.createElement("svg", _extends({
39
- viewBox: "0 0 20 20"
40
- }, props, {
41
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
- ref: ref
43
- }), /*#__PURE__*/React.createElement("path", {
44
- d: "M12.707 14.707a1 1 0 0 0 0-1.414L9.414 10l3.293-3.293a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414 0"
45
- }));
46
- }
47
-
48
- if (size === Size['m']) {
49
- return /*#__PURE__*/React.createElement("svg", _extends({
50
- viewBox: "0 0 24 24"
51
- }, props, {
52
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("path", {
55
- d: "M16.06 19.06a1.5 1.5 0 0 0 0-2.12L11.122 12l4.94-4.94a1.5 1.5 0 0 0-2.122-2.12l-6 6a1.5 1.5 0 0 0 0 2.12l6 6a1.5 1.5 0 0 0 2.122 0"
56
- }));
57
- }
58
-
59
19
  return /*#__PURE__*/React.createElement("svg", _extends({
60
- viewBox: "0 0 28 28"
20
+ viewBox: "0 0 24 24"
61
21
  }, props, {
62
22
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
23
  ref: ref
64
24
  }), /*#__PURE__*/React.createElement("path", {
65
- d: "M18.56 22.06a1.5 1.5 0 0 0 0-2.12L12.622 14l5.94-5.94a1.5 1.5 0 0 0-2.122-2.12l-7 7a1.5 1.5 0 0 0 0 2.12l7 7a1.5 1.5 0 0 0 2.122 0"
25
+ d: "M15.004 19V5l-8 7 8 7z"
66
26
  }));
67
27
  });
68
28
  LeftIcon.propTypes = {
@@ -73,4 +33,4 @@ LeftIcon.propTypes = {
73
33
  LeftIcon.defaultProps = {
74
34
  size: "m"
75
35
  };
76
- export { Size, LeftIcon as default };
36
+ export { LeftIcon as default };
package/lib/_virtual/right.js CHANGED
@@ -9,12 +9,6 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
- const Size = {
13
- "xs": "xs",
14
- "s": "s",
15
- "m": "m",
16
- "l": "l"
17
- };
18
12
  const RightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
13
  let {
20
14
  theme,
@@ -22,47 +16,13 @@ const RightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
22
16
  className,
23
17
  ...props
24
18
  } = _ref;
25
-
26
- if (size === Size['xs']) {
27
- return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M5.97 4.47a.75.75 0 0 0 0 1.06L8.44 8l-2.47 2.47a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0"
34
- }));
35
- }
36
-
37
- if (size === Size['s']) {
38
- return /*#__PURE__*/React.createElement("svg", _extends({
39
- viewBox: "0 0 20 20"
40
- }, props, {
41
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
- ref: ref
43
- }), /*#__PURE__*/React.createElement("path", {
44
- d: "M7.293 5.293a1 1 0 0 0 0 1.414L10.586 10l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0"
45
- }));
46
- }
47
-
48
- if (size === Size['m']) {
49
- return /*#__PURE__*/React.createElement("svg", _extends({
50
- viewBox: "0 0 24 24"
51
- }, props, {
52
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("path", {
55
- d: "M7.94 4.94a1.5 1.5 0 0 0 0 2.12L12.878 12l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0"
56
- }));
57
- }
58
-
59
19
  return /*#__PURE__*/React.createElement("svg", _extends({
60
- viewBox: "0 0 28 28"
20
+ viewBox: "0 0 24 24"
61
21
  }, props, {
62
22
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
23
  ref: ref
64
24
  }), /*#__PURE__*/React.createElement("path", {
65
- d: "M9.44 5.94a1.5 1.5 0 0 0 0 2.12L15.378 14l-5.94 5.94a1.5 1.5 0 0 0 2.122 2.12l7-7a1.5 1.5 0 0 0 0-2.12l-7-7a1.5 1.5 0 0 0-2.122 0"
25
+ d: "M9.004 19l8-7-8-7v14z"
66
26
  }));
67
27
  });
68
28
  RightIcon.propTypes = {
@@ -73,4 +33,4 @@ RightIcon.propTypes = {
73
33
  RightIcon.defaultProps = {
74
34
  size: "m"
75
35
  };
76
- export { Size, RightIcon as default };
36
+ export { RightIcon as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
1
+ ._icon_4o5r48_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_7axx9h_4{
11
+ ._icon_4o5r48_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_7axx9h_4{
20
+ ._icon_4o5r48_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_7axx9h_4{
28
+ ._icon_4o5r48_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_7axx9h_14{
35
+ ._sizeXS_4o5r48_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_4o5r48_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_4o5r48_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_4o5r48_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
47
+ ._light_4o5r48_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_7axx9h_34{
51
+ ._dark_4o5r48_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_1oa2na_7{
63
+ ._light_gayz_7{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_1oa2na_10{
66
+ ._dark_gayz_10{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeM_1oa2na_14{
69
+ ._sizeM_gayz_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_1oa2na_14 [data-rs-internal='tab-list__tab']{
74
+ ._sizeM_gayz_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;
@@ -106,16 +106,16 @@
106
106
  --_rs-typography-link-border-bottom-width-from-text:1px;
107
107
  }
108
108
  @media screen and (max-width: 640px){
109
- ._sizeM_1oa2na_14 [data-rs-internal='tab-list__tab']{
109
+ ._sizeM_gayz_14 [data-rs-internal='tab-list__tab']{
110
110
  --_rs-typography-list-li-margin-top-from-text:12px;
111
111
  }
112
112
  }
113
- ._sizeL_1oa2na_17{
113
+ ._sizeL_gayz_17{
114
114
  --_rs-tab-list-tab-vertical-padding:12px;
115
115
  --_rs-tab-list-icon-size:28px;
116
116
  --_rs-tab-list-icon-offset:8px;
117
117
  }
118
- ._sizeL_1oa2na_17 [data-rs-internal='tab-list__tab']{
118
+ ._sizeL_gayz_17 [data-rs-internal='tab-list__tab']{
119
119
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
120
120
  --_rs-typography-text-transform:initial;
121
121
  --_rs-typography-font-variant-numeric:initial;
@@ -150,28 +150,28 @@
150
150
  --_rs-typography-link-border-bottom-width-from-text:1px;
151
151
  }
152
152
  @media screen and (max-width: 640px){
153
- ._sizeL_1oa2na_17 [data-rs-internal='tab-list__tab']{
153
+ ._sizeL_gayz_17 [data-rs-internal='tab-list__tab']{
154
154
  --_rs-typography-list-li-margin-top-from-text:16px;
155
155
  }
156
156
  }
157
- ._classic_1oa2na_21{
157
+ ._classic_gayz_21{
158
158
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
159
159
  }
160
- ._rock_1oa2na_24{
160
+ ._rock_gayz_24{
161
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));
162
162
  }
163
- ._sparse_1oa2na_28{
163
+ ._sparse_gayz_28{
164
164
  --_rs-tab-list-tab-margin-left-or-initial:32px;
165
165
  }
166
166
  @media screen and (max-width: 640px){
167
- ._sparse_1oa2na_28{
167
+ ._sparse_gayz_28{
168
168
  --_rs-tab-list-tab-margin-left-or-initial:24px;
169
169
  }
170
170
  }
171
- ._short_1oa2na_32{
171
+ ._short_gayz_32{
172
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));
173
173
  }
174
- ._tabsContainer_1oa2na_36{
174
+ ._tabsContainer_gayz_36{
175
175
  --_rs-theme-dark:var(
176
176
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
177
177
  var(--rs-theme-dark, 0)
@@ -181,7 +181,7 @@
181
181
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
182
182
  }
183
183
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
184
- ._tabsContainer_1oa2na_36{
184
+ ._tabsContainer_gayz_36{
185
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)));
186
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)));
187
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)));
@@ -190,7 +190,7 @@
190
190
  }
191
191
  }
192
192
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
193
- ._tabsContainer_1oa2na_36{
193
+ ._tabsContainer_gayz_36{
194
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);
195
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));
196
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));
@@ -198,15 +198,15 @@
198
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));
199
199
  }
200
200
  }
201
- ._tabsContainer_1oa2na_36 {
201
+ ._tabsContainer_gayz_36 {
202
202
  --_rs-tab-list-tab-base-margin-left:24px;
203
203
  }
204
204
  @media screen and (max-width: 640px){
205
- ._tabsContainer_1oa2na_36{
205
+ ._tabsContainer_gayz_36{
206
206
  --_rs-tab-list-tab-base-margin-left:16px;
207
207
  }
208
208
  }
209
- ._tabsContainer_1oa2na_36 {
209
+ ._tabsContainer_gayz_36 {
210
210
  --_rs-tab-list-tab-margin-left:var(
211
211
  --_rs-tab-list-tab-margin-left-or-initial,
212
212
  var(--_rs-tab-list-tab-base-margin-left)
@@ -216,7 +216,7 @@
216
216
 
217
217
  display:flex;
218
218
  }
219
- ._indicator_1oa2na_46{
219
+ ._indicator_gayz_46{
220
220
  position:absolute;
221
221
  z-index:3;
222
222
  bottom:0;
@@ -229,13 +229,13 @@
229
229
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
230
230
  will-change:left, width;
231
231
  }
232
- ._iconLeft_1oa2na_61{
232
+ ._iconLeft_gayz_61{
233
233
  --_rs-tab-list-tab-flex-direction:row;
234
234
  }
235
- ._iconRight_1oa2na_64{
235
+ ._iconRight_gayz_64{
236
236
  --_rs-tab-list-tab-flex-direction:row-reverse;
237
237
  }
238
- ._tab_1oa2na_36{
238
+ ._tab_gayz_36{
239
239
  --_rs-theme-dark:var(
240
240
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
241
241
  var(--rs-theme-dark, 0)
@@ -245,7 +245,7 @@
245
245
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
246
246
  }
247
247
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
248
- ._tab_1oa2na_36{
248
+ ._tab_gayz_36{
249
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)));
250
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)));
251
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)));
@@ -254,7 +254,7 @@
254
254
  }
255
255
  }
256
256
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
257
- ._tab_1oa2na_36{
257
+ ._tab_gayz_36{
258
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);
259
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));
260
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));
@@ -262,7 +262,7 @@
262
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));
263
263
  }
264
264
  }
265
- ._tab_1oa2na_36 {
265
+ ._tab_gayz_36 {
266
266
  letter-spacing:var(
267
267
  --rs-text-base-letter-spacing,
268
268
  var(--_rs-typography-letter-spacing)
@@ -306,19 +306,19 @@
306
306
  -moz-osx-font-smoothing:inherit;
307
307
  -webkit-appearance:none;
308
308
  }
309
- ._tab_1oa2na_36::-moz-focus-inner{
309
+ ._tab_gayz_36::-moz-focus-inner{
310
310
  padding:0;
311
311
 
312
312
  border:none;
313
313
  }
314
- ._tab_1oa2na_36:hover,
315
- ._tab_1oa2na_36:active,
316
- ._tab_1oa2na_36:focus{
314
+ ._tab_gayz_36:hover,
315
+ ._tab_gayz_36:active,
316
+ ._tab_gayz_36:focus{
317
317
  outline:none;
318
318
 
319
319
  text-decoration:none;
320
320
  }
321
- ._tab_1oa2na_36:after{
321
+ ._tab_gayz_36:after{
322
322
  position:absolute;
323
323
  bottom:0;
324
324
  left:0;
@@ -330,18 +330,18 @@
330
330
 
331
331
  background-color:transparent;
332
332
  }
333
- ._tab_1oa2na_36:focus[data-focus-method='key']:after{
333
+ ._tab_gayz_36:focus[data-focus-method='key']:after{
334
334
  opacity:0;
335
335
  }
336
- ._tab_1oa2na_36:hover{
336
+ ._tab_gayz_36:hover{
337
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));
338
338
  }
339
- ._tab_1oa2na_36:hover:after{
339
+ ._tab_gayz_36:hover:after{
340
340
  height:1px;
341
341
 
342
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));
343
343
  }
344
- ._tab_1oa2na_36._selected_1oa2na_154{
344
+ ._tab_gayz_36._selected_gayz_154{
345
345
  z-index:1;
346
346
 
347
347
  cursor:default;
@@ -350,20 +350,20 @@
350
350
 
351
351
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
352
352
  }
353
- ._tab_1oa2na_36._selected_1oa2na_154:after{
353
+ ._tab_gayz_36._selected_gayz_154:after{
354
354
  height:2px;
355
355
 
356
356
  background-color:var(--_rs-tab-list-indicator-background);
357
357
 
358
358
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
359
359
  }
360
- ._tab_1oa2na_36:focus[data-focus-method='key']{
360
+ ._tab_gayz_36:focus[data-focus-method='key']{
361
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;
362
362
  }
363
- ._tab_1oa2na_36:first-child{
363
+ ._tab_gayz_36:first-child{
364
364
  margin-left:0;
365
365
  }
366
- ._tab_1oa2na_36 ._icon_1oa2na_61{
366
+ ._tab_gayz_36 ._icon_gayz_61{
367
367
  flex:0 0;
368
368
  flex-basis:auto;
369
369
 
@@ -371,13 +371,13 @@
371
371
  height:var(--_rs-tab-list-icon-size);
372
372
  }
373
373
 
374
- ._light_vbjvol_9{
374
+ ._light_hz4pwo_9{
375
375
  --rs-theme-dark:0;
376
376
  }
377
- ._dark_vbjvol_12{
377
+ ._dark_hz4pwo_12{
378
378
  --rs-theme-dark:1;
379
379
  }
380
- ._wrapper_vbjvol_16{
380
+ ._wrapper_hz4pwo_16{
381
381
  --_rs-theme-dark:var(
382
382
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
383
383
  var(--rs-theme-dark, 0)
@@ -389,14 +389,14 @@
389
389
 
390
390
  display:flex;
391
391
  }
392
- ._scrollable_vbjvol_23{
392
+ ._scrollable_hz4pwo_23{
393
393
  display:flex;
394
394
  overflow-x:scroll;
395
395
 
396
396
  margin:-4px;
397
397
  padding:4px;
398
398
  }
399
- ._scrollable_vbjvol_23::after{
399
+ ._scrollable_hz4pwo_23::after{
400
400
  display:block;
401
401
 
402
402
  height:100%;
@@ -405,15 +405,15 @@
405
405
 
406
406
  content:'';
407
407
  }
408
- ._scrollable_vbjvol_23 {
408
+ ._scrollable_hz4pwo_23 {
409
409
 
410
410
  -ms-overflow-style:none;
411
411
  scrollbar-width:none;
412
412
  }
413
- ._scrollable_vbjvol_23::-webkit-scrollbar{
413
+ ._scrollable_hz4pwo_23::-webkit-scrollbar{
414
414
  display:none;
415
415
  }
416
- ._arrow_vbjvol_52{
416
+ ._arrow_hz4pwo_52{
417
417
  position:absolute;
418
418
  z-index:2;
419
419
  top:50%;
@@ -433,20 +433,20 @@
433
433
  transition:opacity 0.15s ease-out;
434
434
  transform:translateY(-50%);
435
435
  }
436
- ._arrow_vbjvol_52._shown_vbjvol_72{
436
+ ._arrow_hz4pwo_52._shown_hz4pwo_72{
437
437
  opacity:1;
438
438
 
439
439
  pointer-events:auto;
440
440
 
441
441
  transition:opacity 0.15s ease-in;
442
442
  }
443
- ._arrow_vbjvol_52._arrowLeft_vbjvol_80{
443
+ ._arrow_hz4pwo_52._arrowLeft_hz4pwo_80{
444
444
  left:-5px;
445
445
  }
446
- ._arrow_vbjvol_52._arrowRight_vbjvol_85{
446
+ ._arrow_hz4pwo_52._arrowRight_hz4pwo_85{
447
447
  right:-5px;
448
448
  }
449
- ._withLeftArrow_vbjvol_91{
449
+ ._withLeftArrow_hz4pwo_91{
450
450
  -webkit-mask-image:linear-gradient(
451
451
  to right,
452
452
  rgba(0, 0, 0, 0) 0%,
@@ -460,7 +460,7 @@
460
460
  black 56px
461
461
  );
462
462
  }
463
- ._withRightArrow_vbjvol_100{
463
+ ._withRightArrow_hz4pwo_100{
464
464
  -webkit-mask-image:linear-gradient(
465
465
  to left,
466
466
  rgba(0, 0, 0, 0) 0%,
@@ -474,7 +474,7 @@
474
474
  black 56px
475
475
  );
476
476
  }
477
- ._withLeftArrow_vbjvol_91._withRightArrow_vbjvol_100{
477
+ ._withLeftArrow_hz4pwo_91._withRightArrow_hz4pwo_100{
478
478
  -webkit-mask-image:linear-gradient(
479
479
  to right,
480
480
  rgba(0, 0, 0, 0) 0%,
@@ -494,17 +494,17 @@
494
494
  rgba(0, 0, 0, 0) 100%
495
495
  );
496
496
  }
497
- ._arrowButton_vbjvol_121{
497
+ ._arrowButton_hz4pwo_121{
498
498
  cursor:pointer;
499
499
  }
500
500
 
501
- ._light_13g688t_4{
501
+ ._light_1qlix8w_4{
502
502
  --rs-theme-dark:0;
503
503
  }
504
- ._dark_13g688t_7{
504
+ ._dark_1qlix8w_7{
505
505
  --rs-theme-dark:1;
506
506
  }
507
- ._separator_13g688t_11{
507
+ ._separator_1qlix8w_11{
508
508
  --_rs-theme-dark:var(
509
509
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
510
510
  var(--rs-theme-dark, 0)
@@ -518,7 +518,7 @@
518
518
 
519
519
  width:100%;
520
520
  }
521
- ._separator_13g688t_11:after{
521
+ ._separator_1qlix8w_11:after{
522
522
  position:absolute;
523
523
  right:0;
524
524
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_13g688t_4",
3
- "dark": "_dark_13g688t_7",
4
- "separator": "_separator_13g688t_11"
2
+ "light": "_light_1qlix8w_4",
3
+ "dark": "_dark_1qlix8w_7",
4
+ "separator": "_separator_1qlix8w_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_1oa2na_7",
3
- "dark": "_dark_1oa2na_10",
4
- "sizeM": "_sizeM_1oa2na_14",
5
- "sizeL": "_sizeL_1oa2na_17",
6
- "classic": "_classic_1oa2na_21",
7
- "rock": "_rock_1oa2na_24",
8
- "sparse": "_sparse_1oa2na_28",
9
- "short": "_short_1oa2na_32",
10
- "tabsContainer": "_tabsContainer_1oa2na_36",
11
- "indicator": "_indicator_1oa2na_46",
12
- "iconLeft": "_iconLeft_1oa2na_61",
13
- "iconRight": "_iconRight_1oa2na_64",
14
- "tab": "_tab_1oa2na_36",
15
- "selected": "_selected_1oa2na_154",
16
- "icon": "_icon_1oa2na_61"
2
+ "light": "_light_gayz_7",
3
+ "dark": "_dark_gayz_10",
4
+ "sizeM": "_sizeM_gayz_14",
5
+ "sizeL": "_sizeL_gayz_17",
6
+ "classic": "_classic_gayz_21",
7
+ "rock": "_rock_gayz_24",
8
+ "sparse": "_sparse_gayz_28",
9
+ "short": "_short_gayz_32",
10
+ "tabsContainer": "_tabsContainer_gayz_36",
11
+ "indicator": "_indicator_gayz_46",
12
+ "iconLeft": "_iconLeft_gayz_61",
13
+ "iconRight": "_iconRight_gayz_64",
14
+ "tab": "_tab_gayz_36",
15
+ "selected": "_selected_gayz_154",
16
+ "icon": "_icon_gayz_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_vbjvol_9",
3
- "dark": "_dark_vbjvol_12",
4
- "wrapper": "_wrapper_vbjvol_16",
5
- "scrollable": "_scrollable_vbjvol_23",
6
- "arrow": "_arrow_vbjvol_52",
7
- "shown": "_shown_vbjvol_72",
8
- "arrowLeft": "_arrowLeft_vbjvol_80",
9
- "arrowRight": "_arrowRight_vbjvol_85",
10
- "withLeftArrow": "_withLeftArrow_vbjvol_91",
11
- "withRightArrow": "_withRightArrow_vbjvol_100",
12
- "arrowButton": "_arrowButton_vbjvol_121"
2
+ "light": "_light_hz4pwo_9",
3
+ "dark": "_dark_hz4pwo_12",
4
+ "wrapper": "_wrapper_hz4pwo_16",
5
+ "scrollable": "_scrollable_hz4pwo_23",
6
+ "arrow": "_arrow_hz4pwo_52",
7
+ "shown": "_shown_hz4pwo_72",
8
+ "arrowLeft": "_arrowLeft_hz4pwo_80",
9
+ "arrowRight": "_arrowRight_hz4pwo_85",
10
+ "withLeftArrow": "_withLeftArrow_hz4pwo_91",
11
+ "withRightArrow": "_withRightArrow_hz4pwo_100",
12
+ "arrowButton": "_arrowButton_hz4pwo_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.11-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.13.12",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/button": "0.20.3-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
20
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
19
+ "@rescui/button": "^0.21.0",
20
+ "@rescui/use-resize-observer": "^0.2.6",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,16 +26,16 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
30
- "@rescui/postcss-preset-library": "0.2.2",
31
- "@rescui/scripts": "0.3.5",
32
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
33
- "@rescui/visual-regression": "0.1.2"
29
+ "@rescui/colors": "^0.2.7",
30
+ "@rescui/postcss-preset-library": "^0.2.2",
31
+ "@rescui/scripts": "^0.3.5",
32
+ "@rescui/typography": "^0.21.1",
33
+ "@rescui/visual-regression": "^0.1.2"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
40
+ "gitHead": "d7450a0d420331e1321802ca50b2a12dfb974a4e"
41
41
  }