@rescui/tab-list 0.13.11-RUI-230-Update-icons-6919f9e4.29 → 0.13.11-RUI-230-Update-icons-1bfaa24e.31

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 +12 -12
  2. package/lib/_virtual/left.js +24 -17
  3. package/lib/_virtual/right.js +24 -17
  4. package/lib/index.css +80 -80
  5. package/lib/parts/separator.p.module.css.js +3 -3
  6. package/lib/parts/tab-list.p.module.css.js +16 -16
  7. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  8. package/package.json +6 -6
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1ymr40l_4",
3
- "sizeXS": "_sizeXS_1ymr40l_14",
4
- "sizeS": "_sizeS_1ymr40l_18",
5
- "sizeM": "_sizeM_1ymr40l_22",
6
- "sizeL": "_sizeL_1ymr40l_26",
7
- "light": "_light_1ymr40l_30",
8
- "dark": "_dark_1ymr40l_34",
9
- "allVariants": "_allVariants_1ymr40l_48",
10
- "variant16": "_variant16_1ymr40l_53",
11
- "variant20": "_variant20_1ymr40l_54",
12
- "variant24": "_variant24_1ymr40l_55",
13
- "variant28": "_variant28_1ymr40l_58"
2
+ "icon": "_icon_18715wb_4",
3
+ "sizeXS": "_sizeXS_18715wb_14",
4
+ "sizeS": "_sizeS_18715wb_18",
5
+ "sizeM": "_sizeM_18715wb_22",
6
+ "sizeL": "_sizeL_18715wb_26",
7
+ "light": "_light_18715wb_30",
8
+ "dark": "_dark_18715wb_34",
9
+ "allVariants": "_allVariants_18715wb_48",
10
+ "variant16": "_variant16_18715wb_53",
11
+ "variant20": "_variant20_18715wb_54",
12
+ "variant24": "_variant24_18715wb_55",
13
+ "variant28": "_variant28_18715wb_58"
14
14
  };
15
15
  export { styles as default };
package/lib/_virtual/left.js CHANGED
@@ -15,31 +15,38 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
-
19
- const LeftIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
18
+ const LeftIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
20
19
  viewBox: "0 0 16 16"
21
- }, props), /*#__PURE__*/React.createElement("path", {
20
+ }, props, {
21
+ ref: ref
22
+ }), /*#__PURE__*/React.createElement("path", {
22
23
  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"
23
- }));
24
-
25
- const LeftIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
24
+ })));
25
+ LeftIcon16.displayName = 'LeftIcon16';
26
+ const LeftIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
26
27
  viewBox: "0 0 20 20"
27
- }, props), /*#__PURE__*/React.createElement("path", {
28
+ }, props, {
29
+ ref: ref
30
+ }), /*#__PURE__*/React.createElement("path", {
28
31
  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"
29
- }));
30
-
31
- const LeftIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ })));
33
+ LeftIcon20.displayName = 'LeftIcon20';
34
+ const LeftIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
32
35
  viewBox: "0 0 24 24"
33
- }, props), /*#__PURE__*/React.createElement("path", {
36
+ }, props, {
37
+ ref: ref
38
+ }), /*#__PURE__*/React.createElement("path", {
34
39
  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"
35
- }));
36
-
37
- const LeftIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
40
+ })));
41
+ LeftIcon24.displayName = 'LeftIcon24';
42
+ const LeftIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
38
43
  viewBox: "0 0 28 28"
39
- }, props), /*#__PURE__*/React.createElement("path", {
44
+ }, props, {
45
+ ref: ref
46
+ }), /*#__PURE__*/React.createElement("path", {
40
47
  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"
41
- }));
42
-
48
+ })));
49
+ LeftIcon28.displayName = 'LeftIcon28';
43
50
  const LeftIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
44
51
  let {
45
52
  theme,
package/lib/_virtual/right.js CHANGED
@@ -15,31 +15,38 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
-
19
- const RightIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
18
+ const RightIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
20
19
  viewBox: "0 0 16 16"
21
- }, props), /*#__PURE__*/React.createElement("path", {
20
+ }, props, {
21
+ ref: ref
22
+ }), /*#__PURE__*/React.createElement("path", {
22
23
  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"
23
- }));
24
-
25
- const RightIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
24
+ })));
25
+ RightIcon16.displayName = 'RightIcon16';
26
+ const RightIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
26
27
  viewBox: "0 0 20 20"
27
- }, props), /*#__PURE__*/React.createElement("path", {
28
+ }, props, {
29
+ ref: ref
30
+ }), /*#__PURE__*/React.createElement("path", {
28
31
  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"
29
- }));
30
-
31
- const RightIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ })));
33
+ RightIcon20.displayName = 'RightIcon20';
34
+ const RightIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
32
35
  viewBox: "0 0 24 24"
33
- }, props), /*#__PURE__*/React.createElement("path", {
36
+ }, props, {
37
+ ref: ref
38
+ }), /*#__PURE__*/React.createElement("path", {
34
39
  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"
35
- }));
36
-
37
- const RightIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
40
+ })));
41
+ RightIcon24.displayName = 'RightIcon24';
42
+ const RightIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
38
43
  viewBox: "0 0 28 28"
39
- }, props), /*#__PURE__*/React.createElement("path", {
44
+ }, props, {
45
+ ref: ref
46
+ }), /*#__PURE__*/React.createElement("path", {
40
47
  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"
41
- }));
42
-
48
+ })));
49
+ RightIcon28.displayName = 'RightIcon28';
43
50
  const RightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
44
51
  let {
45
52
  theme,
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1ymr40l_4{
1
+ ._icon_18715wb_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_1ymr40l_4{
11
+ ._icon_18715wb_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_1ymr40l_4{
20
+ ._icon_18715wb_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_1ymr40l_4{
28
+ ._icon_18715wb_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_1ymr40l_14{
35
+ ._sizeXS_18715wb_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1ymr40l_18{
38
+ ._sizeS_18715wb_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1ymr40l_22{
41
+ ._sizeM_18715wb_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1ymr40l_26{
44
+ ._sizeL_18715wb_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1ymr40l_30{
47
+ ._light_18715wb_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_1ymr40l_34{
51
+ ._dark_18715wb_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,54 +60,54 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_1ymr40l_48{
63
+ ._allVariants_18715wb_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_1ymr40l_53,
68
- ._variant20_1ymr40l_54,
69
- ._variant24_1ymr40l_55{
67
+ ._variant16_18715wb_53,
68
+ ._variant20_18715wb_54,
69
+ ._variant24_18715wb_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_1ymr40l_58{
72
+ ._variant28_18715wb_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_1ymr40l_55{
76
+ ._variant24_18715wb_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_1ymr40l_58{
79
+ ._variant28_18715wb_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_1ymr40l_54{
84
+ ._variant20_18715wb_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_1ymr40l_55{
87
+ ._variant24_18715wb_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_1ymr40l_53{
92
+ ._variant16_18715wb_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_1ymr40l_54{
95
+ ._variant20_18715wb_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_u7woyi_7{
99
+ ._light_cxlc44_7{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_u7woyi_10{
102
+ ._dark_cxlc44_10{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeM_u7woyi_14{
105
+ ._sizeM_cxlc44_14{
106
106
  --_rs-tab-list-tab-vertical-padding:8px;
107
107
  --_rs-tab-list-icon-size:24px;
108
108
  --_rs-tab-list-icon-offset:4px;
109
109
  }
110
- ._sizeM_u7woyi_14 [data-rs-internal='tab-list__tab']{
110
+ ._sizeM_cxlc44_14 [data-rs-internal='tab-list__tab']{
111
111
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
@@ -145,16 +145,16 @@
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
147
  @media screen and (max-width: 640px){
148
- ._sizeM_u7woyi_14 [data-rs-internal='tab-list__tab']{
148
+ ._sizeM_cxlc44_14 [data-rs-internal='tab-list__tab']{
149
149
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
150
150
  }
151
151
  }
152
- ._sizeL_u7woyi_17{
152
+ ._sizeL_cxlc44_17{
153
153
  --_rs-tab-list-tab-vertical-padding:12px;
154
154
  --_rs-tab-list-icon-size:28px;
155
155
  --_rs-tab-list-icon-offset:8px;
156
156
  }
157
- ._sizeL_u7woyi_17 [data-rs-internal='tab-list__tab']{
157
+ ._sizeL_cxlc44_17 [data-rs-internal='tab-list__tab']{
158
158
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
159
159
  --_rs-typography-text-transform:initial;
160
160
  --_rs-typography-font-variant-numeric:initial;
@@ -192,28 +192,28 @@
192
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
193
193
  }
194
194
  @media screen and (max-width: 640px){
195
- ._sizeL_u7woyi_17 [data-rs-internal='tab-list__tab']{
195
+ ._sizeL_cxlc44_17 [data-rs-internal='tab-list__tab']{
196
196
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
197
197
  }
198
198
  }
199
- ._classic_u7woyi_21{
199
+ ._classic_cxlc44_21{
200
200
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
201
201
  }
202
- ._rock_u7woyi_24{
202
+ ._rock_cxlc44_24{
203
203
  --_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));
204
204
  }
205
- ._sparse_u7woyi_28{
205
+ ._sparse_cxlc44_28{
206
206
  --_rs-tab-list-tab-margin-left-or-initial:32px;
207
207
  }
208
208
  @media screen and (max-width: 640px){
209
- ._sparse_u7woyi_28{
209
+ ._sparse_cxlc44_28{
210
210
  --_rs-tab-list-tab-margin-left-or-initial:24px;
211
211
  }
212
212
  }
213
- ._short_u7woyi_32{
213
+ ._short_cxlc44_32{
214
214
  --_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));
215
215
  }
216
- ._tabsContainer_u7woyi_36{
216
+ ._tabsContainer_cxlc44_36{
217
217
  --_rs-theme-dark:var(
218
218
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
219
219
  var(--rs-theme-dark, 0)
@@ -223,7 +223,7 @@
223
223
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
224
224
  }
225
225
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
226
- ._tabsContainer_u7woyi_36{
226
+ ._tabsContainer_cxlc44_36{
227
227
  --_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)));
228
228
  --_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)));
229
229
  --_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)));
@@ -232,7 +232,7 @@
232
232
  }
233
233
  }
234
234
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
235
- ._tabsContainer_u7woyi_36{
235
+ ._tabsContainer_cxlc44_36{
236
236
  --_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);
237
237
  --_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));
238
238
  --_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));
@@ -240,15 +240,15 @@
240
240
  --_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));
241
241
  }
242
242
  }
243
- ._tabsContainer_u7woyi_36 {
243
+ ._tabsContainer_cxlc44_36 {
244
244
  --_rs-tab-list-tab-base-margin-left:24px;
245
245
  }
246
246
  @media screen and (max-width: 640px){
247
- ._tabsContainer_u7woyi_36{
247
+ ._tabsContainer_cxlc44_36{
248
248
  --_rs-tab-list-tab-base-margin-left:16px;
249
249
  }
250
250
  }
251
- ._tabsContainer_u7woyi_36 {
251
+ ._tabsContainer_cxlc44_36 {
252
252
  --_rs-tab-list-tab-margin-left:var(
253
253
  --_rs-tab-list-tab-margin-left-or-initial,
254
254
  var(--_rs-tab-list-tab-base-margin-left)
@@ -258,7 +258,7 @@
258
258
 
259
259
  display:flex;
260
260
  }
261
- ._indicator_u7woyi_46{
261
+ ._indicator_cxlc44_46{
262
262
  position:absolute;
263
263
  z-index:3;
264
264
  bottom:0;
@@ -271,16 +271,16 @@
271
271
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
272
272
  will-change:left, width;
273
273
  }
274
- ._isIndicatorHidden_u7woyi_60 ._indicator_u7woyi_46{
274
+ ._isIndicatorHidden_cxlc44_60 ._indicator_cxlc44_46{
275
275
  display:none;
276
276
  }
277
- ._iconLeft_u7woyi_65{
277
+ ._iconLeft_cxlc44_65{
278
278
  --_rs-tab-list-tab-flex-direction:row;
279
279
  }
280
- ._iconRight_u7woyi_68{
280
+ ._iconRight_cxlc44_68{
281
281
  --_rs-tab-list-tab-flex-direction:row-reverse;
282
282
  }
283
- ._tab_u7woyi_36{
283
+ ._tab_cxlc44_36{
284
284
  --_rs-theme-dark:var(
285
285
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
286
286
  var(--rs-theme-dark, 0)
@@ -290,7 +290,7 @@
290
290
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
291
291
  }
292
292
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
293
- ._tab_u7woyi_36{
293
+ ._tab_cxlc44_36{
294
294
  --_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)));
295
295
  --_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)));
296
296
  --_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)));
@@ -299,7 +299,7 @@
299
299
  }
300
300
  }
301
301
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
302
- ._tab_u7woyi_36{
302
+ ._tab_cxlc44_36{
303
303
  --_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);
304
304
  --_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));
305
305
  --_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));
@@ -307,7 +307,7 @@
307
307
  --_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));
308
308
  }
309
309
  }
310
- ._tab_u7woyi_36 {
310
+ ._tab_cxlc44_36 {
311
311
  letter-spacing:var(
312
312
  --rs-text-base-letter-spacing,
313
313
  var(--_rs-typography-letter-spacing)
@@ -351,19 +351,19 @@
351
351
  -moz-osx-font-smoothing:inherit;
352
352
  -webkit-appearance:none;
353
353
  }
354
- ._tab_u7woyi_36::-moz-focus-inner{
354
+ ._tab_cxlc44_36::-moz-focus-inner{
355
355
  padding:0;
356
356
 
357
357
  border:none;
358
358
  }
359
- ._tab_u7woyi_36:hover,
360
- ._tab_u7woyi_36:active,
361
- ._tab_u7woyi_36:focus{
359
+ ._tab_cxlc44_36:hover,
360
+ ._tab_cxlc44_36:active,
361
+ ._tab_cxlc44_36:focus{
362
362
  outline:none;
363
363
 
364
364
  text-decoration:none;
365
365
  }
366
- ._tab_u7woyi_36:after{
366
+ ._tab_cxlc44_36:after{
367
367
  position:absolute;
368
368
  bottom:0;
369
369
  left:0;
@@ -376,18 +376,18 @@
376
376
 
377
377
  background-color:transparent;
378
378
  }
379
- ._tab_u7woyi_36:focus[data-focus-method='key']:after{
379
+ ._tab_cxlc44_36:focus[data-focus-method='key']:after{
380
380
  opacity:0;
381
381
  }
382
- ._tab_u7woyi_36:hover{
382
+ ._tab_cxlc44_36:hover{
383
383
  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));
384
384
  }
385
- ._tab_u7woyi_36:hover:after{
385
+ ._tab_cxlc44_36:hover:after{
386
386
  height:1px;
387
387
 
388
388
  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));
389
389
  }
390
- ._tab_u7woyi_36._selected_u7woyi_159{
390
+ ._tab_cxlc44_36._selected_cxlc44_159{
391
391
  z-index:1;
392
392
 
393
393
  cursor:default;
@@ -396,20 +396,20 @@
396
396
 
397
397
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
398
398
  }
399
- ._tab_u7woyi_36._selected_u7woyi_159:after{
399
+ ._tab_cxlc44_36._selected_cxlc44_159:after{
400
400
  height:2px;
401
401
 
402
402
  background-color:var(--_rs-tab-list-indicator-background);
403
403
 
404
404
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
405
405
  }
406
- ._tab_u7woyi_36:focus[data-focus-method='key']{
406
+ ._tab_cxlc44_36:focus[data-focus-method='key']{
407
407
  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;
408
408
  }
409
- ._tab_u7woyi_36:first-child{
409
+ ._tab_cxlc44_36:first-child{
410
410
  margin-left:0;
411
411
  }
412
- ._tab_u7woyi_36 ._icon_u7woyi_65{
412
+ ._tab_cxlc44_36 ._icon_cxlc44_65{
413
413
  flex:0 0;
414
414
  flex-basis:auto;
415
415
 
@@ -417,13 +417,13 @@
417
417
  height:var(--_rs-tab-list-icon-size);
418
418
  }
419
419
 
420
- ._light_17stncc_9{
420
+ ._light_qvatuq_9{
421
421
  --rs-theme-dark:0;
422
422
  }
423
- ._dark_17stncc_12{
423
+ ._dark_qvatuq_12{
424
424
  --rs-theme-dark:1;
425
425
  }
426
- ._wrapper_17stncc_16{
426
+ ._wrapper_qvatuq_16{
427
427
  --_rs-theme-dark:var(
428
428
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
429
429
  var(--rs-theme-dark, 0)
@@ -435,14 +435,14 @@
435
435
 
436
436
  display:flex;
437
437
  }
438
- ._scrollable_17stncc_23{
438
+ ._scrollable_qvatuq_23{
439
439
  display:flex;
440
440
  overflow-x:scroll;
441
441
 
442
442
  margin:-4px;
443
443
  padding:4px;
444
444
  }
445
- ._scrollable_17stncc_23::after{
445
+ ._scrollable_qvatuq_23::after{
446
446
  display:block;
447
447
 
448
448
  height:100%;
@@ -451,15 +451,15 @@
451
451
 
452
452
  content:'';
453
453
  }
454
- ._scrollable_17stncc_23 {
454
+ ._scrollable_qvatuq_23 {
455
455
 
456
456
  -ms-overflow-style:none;
457
457
  scrollbar-width:none;
458
458
  }
459
- ._scrollable_17stncc_23::-webkit-scrollbar{
459
+ ._scrollable_qvatuq_23::-webkit-scrollbar{
460
460
  display:none;
461
461
  }
462
- ._arrow_17stncc_52{
462
+ ._arrow_qvatuq_52{
463
463
  position:absolute;
464
464
  z-index:2;
465
465
  top:50%;
@@ -479,20 +479,20 @@
479
479
  transition:opacity 0.15s ease-out;
480
480
  transform:translateY(-50%);
481
481
  }
482
- ._arrow_17stncc_52._shown_17stncc_72{
482
+ ._arrow_qvatuq_52._shown_qvatuq_72{
483
483
  opacity:1;
484
484
 
485
485
  pointer-events:auto;
486
486
 
487
487
  transition:opacity 0.15s ease-in;
488
488
  }
489
- ._arrow_17stncc_52._arrowLeft_17stncc_80{
489
+ ._arrow_qvatuq_52._arrowLeft_qvatuq_80{
490
490
  left:-5px;
491
491
  }
492
- ._arrow_17stncc_52._arrowRight_17stncc_85{
492
+ ._arrow_qvatuq_52._arrowRight_qvatuq_85{
493
493
  right:-5px;
494
494
  }
495
- ._withLeftArrow_17stncc_91{
495
+ ._withLeftArrow_qvatuq_91{
496
496
  -webkit-mask-image:linear-gradient(
497
497
  to right,
498
498
  rgba(0, 0, 0, 0) 0%,
@@ -506,7 +506,7 @@
506
506
  black 56px
507
507
  );
508
508
  }
509
- ._withRightArrow_17stncc_100{
509
+ ._withRightArrow_qvatuq_100{
510
510
  -webkit-mask-image:linear-gradient(
511
511
  to left,
512
512
  rgba(0, 0, 0, 0) 0%,
@@ -520,7 +520,7 @@
520
520
  black 56px
521
521
  );
522
522
  }
523
- ._withLeftArrow_17stncc_91._withRightArrow_17stncc_100{
523
+ ._withLeftArrow_qvatuq_91._withRightArrow_qvatuq_100{
524
524
  -webkit-mask-image:linear-gradient(
525
525
  to right,
526
526
  rgba(0, 0, 0, 0) 0%,
@@ -540,17 +540,17 @@
540
540
  rgba(0, 0, 0, 0) 100%
541
541
  );
542
542
  }
543
- ._arrowButton_17stncc_121{
543
+ ._arrowButton_qvatuq_121{
544
544
  cursor:pointer;
545
545
  }
546
546
 
547
- ._light_1u8lq50_4{
547
+ ._light_cek32y_4{
548
548
  --rs-theme-dark:0;
549
549
  }
550
- ._dark_1u8lq50_7{
550
+ ._dark_cek32y_7{
551
551
  --rs-theme-dark:1;
552
552
  }
553
- ._separator_1u8lq50_11{
553
+ ._separator_cek32y_11{
554
554
  --_rs-theme-dark:var(
555
555
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
556
556
  var(--rs-theme-dark, 0)
@@ -564,7 +564,7 @@
564
564
 
565
565
  width:100%;
566
566
  }
567
- ._separator_1u8lq50_11:after{
567
+ ._separator_cek32y_11:after{
568
568
  position:absolute;
569
569
  right:0;
570
570
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_1u8lq50_4",
3
- "dark": "_dark_1u8lq50_7",
4
- "separator": "_separator_1u8lq50_11"
2
+ "light": "_light_cek32y_4",
3
+ "dark": "_dark_cek32y_7",
4
+ "separator": "_separator_cek32y_11"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,19 +1,19 @@
1
1
  var styles = {
2
- "light": "_light_u7woyi_7",
3
- "dark": "_dark_u7woyi_10",
4
- "sizeM": "_sizeM_u7woyi_14",
5
- "sizeL": "_sizeL_u7woyi_17",
6
- "classic": "_classic_u7woyi_21",
7
- "rock": "_rock_u7woyi_24",
8
- "sparse": "_sparse_u7woyi_28",
9
- "short": "_short_u7woyi_32",
10
- "tabsContainer": "_tabsContainer_u7woyi_36",
11
- "indicator": "_indicator_u7woyi_46",
12
- "isIndicatorHidden": "_isIndicatorHidden_u7woyi_60",
13
- "iconLeft": "_iconLeft_u7woyi_65",
14
- "iconRight": "_iconRight_u7woyi_68",
15
- "tab": "_tab_u7woyi_36",
16
- "selected": "_selected_u7woyi_159",
17
- "icon": "_icon_u7woyi_65"
2
+ "light": "_light_cxlc44_7",
3
+ "dark": "_dark_cxlc44_10",
4
+ "sizeM": "_sizeM_cxlc44_14",
5
+ "sizeL": "_sizeL_cxlc44_17",
6
+ "classic": "_classic_cxlc44_21",
7
+ "rock": "_rock_cxlc44_24",
8
+ "sparse": "_sparse_cxlc44_28",
9
+ "short": "_short_cxlc44_32",
10
+ "tabsContainer": "_tabsContainer_cxlc44_36",
11
+ "indicator": "_indicator_cxlc44_46",
12
+ "isIndicatorHidden": "_isIndicatorHidden_cxlc44_60",
13
+ "iconLeft": "_iconLeft_cxlc44_65",
14
+ "iconRight": "_iconRight_cxlc44_68",
15
+ "tab": "_tab_cxlc44_36",
16
+ "selected": "_selected_cxlc44_159",
17
+ "icon": "_icon_cxlc44_65"
18
18
  };
19
19
  export { styles as default };
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "light": "_light_17stncc_9",
3
- "dark": "_dark_17stncc_12",
4
- "wrapper": "_wrapper_17stncc_16",
5
- "scrollable": "_scrollable_17stncc_23",
6
- "arrow": "_arrow_17stncc_52",
7
- "shown": "_shown_17stncc_72",
8
- "arrowLeft": "_arrowLeft_17stncc_80",
9
- "arrowRight": "_arrowRight_17stncc_85",
10
- "withLeftArrow": "_withLeftArrow_17stncc_91",
11
- "withRightArrow": "_withRightArrow_17stncc_100",
12
- "arrowButton": "_arrowButton_17stncc_121"
2
+ "light": "_light_qvatuq_9",
3
+ "dark": "_dark_qvatuq_12",
4
+ "wrapper": "_wrapper_qvatuq_16",
5
+ "scrollable": "_scrollable_qvatuq_23",
6
+ "arrow": "_arrow_qvatuq_52",
7
+ "shown": "_shown_qvatuq_72",
8
+ "arrowLeft": "_arrowLeft_qvatuq_80",
9
+ "arrowRight": "_arrowRight_qvatuq_85",
10
+ "withLeftArrow": "_withLeftArrow_qvatuq_91",
11
+ "withRightArrow": "_withRightArrow_qvatuq_100",
12
+ "arrowButton": "_arrowButton_qvatuq_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-6919f9e4.29+6919f9e4",
3
+ "version": "0.13.11-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
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-6919f9e4.29+6919f9e4",
20
- "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
19
+ "@rescui/button": "0.20.3-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
20
+ "@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-1bfaa24e.55+1bfaa24e",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,10 +26,10 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
29
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-1bfaa24e.55+1bfaa24e",
30
30
  "@rescui/postcss-preset-library": "0.2.2",
31
31
  "@rescui/scripts": "0.3.5",
32
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
32
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-1bfaa24e.31+1bfaa24e",
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": "6919f9e47242359e9341826175a53441c8c70f75"
40
+ "gitHead": "1bfaa24e81b1a94b625304e660d29d1b3eb3d71d"
41
41
  }