@rescui/menu 0.14.0 → 0.14.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 +12 -12
  2. package/lib/index.css +78 -68
  3. package/lib/menu.p.module.css.js +34 -34
  4. package/lib/public-api.p.css +5 -0
  5. package/lib/public-api.pcss +5 -0
  6. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_3sp1p2_4",
3
- "sizeXS": "_sizeXS_3sp1p2_14",
4
- "sizeS": "_sizeS_3sp1p2_18",
5
- "sizeM": "_sizeM_3sp1p2_22",
6
- "sizeL": "_sizeL_3sp1p2_26",
7
- "light": "_light_3sp1p2_30",
8
- "dark": "_dark_3sp1p2_34",
9
- "allVariants": "_allVariants_3sp1p2_48",
10
- "variant16": "_variant16_3sp1p2_53",
11
- "variant20": "_variant20_3sp1p2_54",
12
- "variant24": "_variant24_3sp1p2_55",
13
- "variant28": "_variant28_3sp1p2_58"
2
+ "icon": "_icon_1npbgia_4",
3
+ "sizeXS": "_sizeXS_1npbgia_14",
4
+ "sizeS": "_sizeS_1npbgia_18",
5
+ "sizeM": "_sizeM_1npbgia_22",
6
+ "sizeL": "_sizeL_1npbgia_26",
7
+ "light": "_light_1npbgia_30",
8
+ "dark": "_dark_1npbgia_34",
9
+ "allVariants": "_allVariants_1npbgia_48",
10
+ "variant16": "_variant16_1npbgia_53",
11
+ "variant20": "_variant20_1npbgia_54",
12
+ "variant24": "_variant24_1npbgia_55",
13
+ "variant28": "_variant28_1npbgia_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,9 @@
1
- ._icon_3sp1p2_4{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._icon_1npbgia_4{
2
7
  --_rs-theme-dark:var(
3
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
9
  var(--rs-theme-dark, 0)
@@ -8,7 +13,7 @@
8
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
14
  }
10
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_3sp1p2_4{
16
+ ._icon_1npbgia_4{
12
17
  --_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
18
  --_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
19
  --_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 +22,7 @@
17
22
  }
18
23
  }
19
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_3sp1p2_4{
25
+ ._icon_1npbgia_4{
21
26
  --_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
27
  --_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
28
  --_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 +30,30 @@
25
30
  --_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
31
  }
27
32
  }
28
- ._icon_3sp1p2_4{
33
+ ._icon_1npbgia_4{
29
34
 
30
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
36
 
32
37
  width:var(--rs-icons-width, auto);
33
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
39
  }
35
- ._sizeXS_3sp1p2_14{
40
+ ._sizeXS_1npbgia_14{
36
41
  --_rs-icons-height:16px;
37
42
  }
38
- ._sizeS_3sp1p2_18{
43
+ ._sizeS_1npbgia_18{
39
44
  --_rs-icons-height:20px;
40
45
  }
41
- ._sizeM_3sp1p2_22{
46
+ ._sizeM_1npbgia_22{
42
47
  --_rs-icons-height:24px;
43
48
  }
44
- ._sizeL_3sp1p2_26{
49
+ ._sizeL_1npbgia_26{
45
50
  --_rs-icons-height:28px;
46
51
  }
47
- ._light_3sp1p2_30{
52
+ ._light_1npbgia_30{
48
53
  --rs-theme-dark:0;
49
54
  --_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
55
  }
51
- ._dark_3sp1p2_34{
56
+ ._dark_1npbgia_34{
52
57
  --rs-theme-dark:1;
53
58
  --_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
59
  }
@@ -60,52 +65,57 @@
60
65
  transform:rotate(360deg);
61
66
  }
62
67
  }
63
- ._allVariants_3sp1p2_48{
68
+ ._allVariants_1npbgia_48{
64
69
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
70
  container:rs-icon / size;
66
71
  }
67
- ._variant16_3sp1p2_53,
68
- ._variant20_3sp1p2_54,
69
- ._variant24_3sp1p2_55{
72
+ ._variant16_1npbgia_53,
73
+ ._variant20_1npbgia_54,
74
+ ._variant24_1npbgia_55{
70
75
  display:none;
71
76
  }
72
- ._variant28_3sp1p2_58{
77
+ ._variant28_1npbgia_58{
73
78
  display:block;
74
79
  }
75
80
  @container rs-icon (max-height: 24px){
76
- ._variant24_3sp1p2_55{
81
+ ._variant24_1npbgia_55{
77
82
  display:block;
78
83
  }
79
- ._variant28_3sp1p2_58{
84
+ ._variant28_1npbgia_58{
80
85
  display:none;
81
86
  }
82
87
  }
83
88
  @container rs-icon (max-height: 20px){
84
- ._variant20_3sp1p2_54{
89
+ ._variant20_1npbgia_54{
85
90
  display:block;
86
91
  }
87
- ._variant24_3sp1p2_55{
92
+ ._variant24_1npbgia_55{
88
93
  display:none;
89
94
  }
90
95
  }
91
96
  @container rs-icon (max-height: 16px){
92
- ._variant16_3sp1p2_53{
97
+ ._variant16_1npbgia_53{
93
98
  display:block;
94
99
  }
95
- ._variant20_3sp1p2_54{
100
+ ._variant20_1npbgia_54{
96
101
  display:none;
97
102
  }
98
103
  }
99
- ._themeLight_1t76rai_8{
104
+ @property --_rs-theme-dark-coefficient{
105
+ syntax:'<number>';
106
+ inherits:true;
107
+ initial-value:0;
108
+ }
109
+ ._themeLight_9jqyem_8{
100
110
  --rs-theme-dark:0;
101
111
  }
102
- ._themeDark_1t76rai_11{
112
+ ._themeDark_9jqyem_11{
103
113
  --rs-theme-dark:1;
104
114
  }
105
- ._menu_1t76rai_15:focus{
115
+ ._menu_9jqyem_15:focus{
106
116
  outline:none;
107
117
  }
108
- ._sizeS_1t76rai_21{
118
+ ._sizeS_9jqyem_21{
109
119
  --_rs-menu-mi-icon-offset:8px;
110
120
  --_rs-menu-mi-icon-size:20px;
111
121
  --_rs-menu-mi-vertical-padding:6px;
@@ -144,7 +154,7 @@
144
154
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
145
155
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
156
  }
147
- ._sizeM_1t76rai_24{
157
+ ._sizeM_9jqyem_24{
148
158
  --_rs-menu-mi-icon-offset:8px;
149
159
  --_rs-menu-mi-icon-size:24px;
150
160
  --_rs-menu-mi-vertical-padding:8px;
@@ -187,11 +197,11 @@
187
197
  --_rs-typography-link-border-bottom-width-from-text:1px;
188
198
  }
189
199
  @media screen and (max-width: 640px){
190
- ._sizeM_1t76rai_24{
200
+ ._sizeM_9jqyem_24{
191
201
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
192
202
  }
193
203
  }
194
- ._sizeL_1t76rai_27{
204
+ ._sizeL_9jqyem_27{
195
205
  --_rs-menu-mi-icon-offset:16px;
196
206
  --_rs-menu-mi-icon-size:28px;
197
207
  --_rs-menu-mi-vertical-padding:12px;
@@ -234,16 +244,16 @@
234
244
  --_rs-typography-link-border-bottom-width-from-text:1px;
235
245
  }
236
246
  @media screen and (max-width: 640px){
237
- ._sizeL_1t76rai_27{
247
+ ._sizeL_9jqyem_27{
238
248
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
239
249
  }
240
250
  }
241
- ._modeClassic_1t76rai_31{
251
+ ._modeClassic_9jqyem_31{
242
252
  --_rs-menu-mi-horizontal-padding-with-mode:var(
243
253
  --_rs-menu-mi-horizontal-padding
244
254
  );
245
255
  }
246
- ._modeClassic_1t76rai_31 [data-rs-internal="menu__menu-item__inner"]{
256
+ ._modeClassic_9jqyem_31 [data-rs-internal="menu__menu-item__inner"]{
247
257
  --_rs-menu-mi-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);
248
258
  --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
249
259
  --_rs-menu-mi-selected-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -255,12 +265,12 @@
255
265
  );
256
266
  --_rs-menu-mi-hover-background:var(--_rs-color-primary);
257
267
  }
258
- ._modeRock_1t76rai_34{
268
+ ._modeRock_9jqyem_34{
259
269
  --_rs-menu-mi-horizontal-padding-with-mode:var(
260
270
  --_rs-menu-mi-horizontal-padding
261
271
  );
262
272
  }
263
- ._modeRock_1t76rai_34 [data-rs-internal="menu__menu-item__inner"]{
273
+ ._modeRock_9jqyem_34 [data-rs-internal="menu__menu-item__inner"]{
264
274
  --_rs-menu-mi-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);
265
275
  --_rs-menu-mi-active-background:transparent;
266
276
  --_rs-menu-mi-selected-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -268,10 +278,10 @@
268
278
  --_rs-menu-mi-hover-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));
269
279
  --_rs-menu-mi-hover-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));
270
280
  }
271
- ._modeClear_1t76rai_37{
281
+ ._modeClear_9jqyem_37{
272
282
  --_rs-menu-mi-horizontal-padding-with-mode:0;
273
283
  }
274
- ._modeClear_1t76rai_37 [data-rs-internal="menu__menu-item__inner"]{
284
+ ._modeClear_9jqyem_37 [data-rs-internal="menu__menu-item__inner"]{
275
285
  --_rs-menu-mi-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));
276
286
  --_rs-menu-mi-active-background:transparent;
277
287
  --_rs-menu-mi-selected-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -279,24 +289,24 @@
279
289
  --_rs-menu-mi-hover-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));
280
290
  --_rs-menu-mi-hover-background:transparent;
281
291
  }
282
- ._iconPlacementLeft_1t76rai_41{
292
+ ._iconPlacementLeft_9jqyem_41{
283
293
  --_rs-menu-mi-flex-direction:row;
284
294
  --_rs-menu-mi-justify-content:initial;
285
295
  }
286
- ._iconPlacementRight_1t76rai_45{
296
+ ._iconPlacementRight_9jqyem_45{
287
297
  --_rs-menu-mi-flex-direction:row-reverse;
288
298
  --_rs-menu-mi-justify-content:space-between;
289
299
  }
290
- ._wrapper_1t76rai_49{
300
+ ._wrapper_9jqyem_49{
291
301
  display:flex;
292
302
  }
293
- ._hoverIcon_1t76rai_53{
303
+ ._hoverIcon_9jqyem_53{
294
304
  visibility:hidden;
295
305
  }
296
- ._hoverIcon_1t76rai_53._hoverIconNoReserve_1t76rai_56{
306
+ ._hoverIcon_9jqyem_53._hoverIconNoReserve_9jqyem_56{
297
307
  display:none;
298
308
  }
299
- ._menuItem_1t76rai_61{
309
+ ._menuItem_9jqyem_61{
300
310
  --_rs-theme-dark:var(
301
311
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
302
312
  var(--rs-theme-dark, 0)
@@ -306,7 +316,7 @@
306
316
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
307
317
  }
308
318
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
309
- ._menuItem_1t76rai_61{
319
+ ._menuItem_9jqyem_61{
310
320
  --_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)));
311
321
  --_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)));
312
322
  --_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)));
@@ -315,7 +325,7 @@
315
325
  }
316
326
  }
317
327
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
318
- ._menuItem_1t76rai_61{
328
+ ._menuItem_9jqyem_61{
319
329
  --_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);
320
330
  --_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));
321
331
  --_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));
@@ -323,7 +333,7 @@
323
333
  --_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));
324
334
  }
325
335
  }
326
- ._menuItem_1t76rai_61 {
336
+ ._menuItem_9jqyem_61 {
327
337
  letter-spacing:var(
328
338
  --rs-text-base-letter-spacing,
329
339
  var(--_rs-typography-letter-spacing)
@@ -364,61 +374,61 @@
364
374
  -webkit-font-smoothing:inherit;
365
375
  -moz-osx-font-smoothing:inherit;
366
376
  }
367
- ._menuItem_1t76rai_61:focus{
377
+ ._menuItem_9jqyem_61:focus{
368
378
  outline:none;
369
379
  }
370
- ._keyboardNavigationDisabled_1t76rai_98 ._menuItem_1t76rai_61:focus[data-focus-method='key']{
380
+ ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61:focus[data-focus-method='key']{
371
381
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
372
382
  }
373
- ._menuItem_1t76rai_61:active{
383
+ ._menuItem_9jqyem_61:active{
374
384
  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));
375
385
  background:var(--_rs-menu-mi-active-background);
376
386
  }
377
- ._menuItem_1t76rai_61._selected_1t76rai_112{
387
+ ._menuItem_9jqyem_61._selected_9jqyem_112{
378
388
  color:var(--_rs-menu-mi-selected-color);
379
389
  background:var(--_rs-menu-mi-selected-background);
380
390
  }
381
- ._keyboardNavigationEnabled_1t76rai_119 ._menuItem_1t76rai_61:focus,
382
- ._keyboardNavigationDisabled_1t76rai_98 ._menuItem_1t76rai_61:hover{
391
+ ._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61:focus,
392
+ ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61:hover{
383
393
  color:var(--_rs-menu-mi-hover-color);
384
394
  background:var(--_rs-menu-mi-hover-background);
385
395
  }
386
- ._keyboardNavigationEnabled_1t76rai_119 ._menuItem_1t76rai_61:focus ._hoverIcon_1t76rai_53, ._keyboardNavigationDisabled_1t76rai_98 ._menuItem_1t76rai_61:hover ._hoverIcon_1t76rai_53{
396
+ ._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61:focus ._hoverIcon_9jqyem_53, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61:hover ._hoverIcon_9jqyem_53{
387
397
  display:block;
388
398
  visibility:visible;
389
399
  }
390
- ._keyboardNavigationEnabled_1t76rai_119 ._menuItem_1t76rai_61._hideCustomIconOnHover_1t76rai_130:focus ._customIcon_1t76rai_132, ._keyboardNavigationDisabled_1t76rai_98 ._menuItem_1t76rai_61._hideCustomIconOnHover_1t76rai_130:hover ._customIcon_1t76rai_132{
400
+ ._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61._hideCustomIconOnHover_9jqyem_130:focus ._customIcon_9jqyem_132, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61._hideCustomIconOnHover_9jqyem_130:hover ._customIcon_9jqyem_132{
391
401
  display:none;
392
402
  }
393
- ._keyboardNavigationEnabled_1t76rai_119 ._menuItem_1t76rai_61._hideSelectedIconOnHover_1t76rai_137:focus ._selectedIcon_1t76rai_139, ._keyboardNavigationDisabled_1t76rai_98 ._menuItem_1t76rai_61._hideSelectedIconOnHover_1t76rai_137:hover ._selectedIcon_1t76rai_139{
403
+ ._keyboardNavigationEnabled_9jqyem_119 ._menuItem_9jqyem_61._hideSelectedIconOnHover_9jqyem_137:focus ._selectedIcon_9jqyem_139, ._keyboardNavigationDisabled_9jqyem_98 ._menuItem_9jqyem_61._hideSelectedIconOnHover_9jqyem_137:hover ._selectedIcon_9jqyem_139{
394
404
  display:none;
395
405
  }
396
- ._menuItem_1t76rai_61._disabled_1t76rai_144{
406
+ ._menuItem_9jqyem_61._disabled_9jqyem_144{
397
407
  pointer-events:none;
398
408
 
399
409
  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.5);
400
410
  }
401
- ._contentWrapper_1t76rai_151{
411
+ ._contentWrapper_9jqyem_151{
402
412
  display:flex;
403
413
  flex-grow:1;
404
414
 
405
415
  justify-content:space-between;
406
416
  gap:var(--_rs-menu-mi-icon-offset);
407
417
  }
408
- ._content_1t76rai_151{
418
+ ._content_9jqyem_151{
409
419
  flex-grow:1;
410
420
 
411
421
  font-size:inherit;
412
422
  }
413
- ._icon_1t76rai_41{
423
+ ._icon_9jqyem_41{
414
424
  flex:0 0;
415
425
  flex-basis:auto;
416
426
  }
417
- ._icon_1t76rai_41._resizedIcon_1t76rai_169{
427
+ ._icon_9jqyem_41._resizedIcon_9jqyem_169{
418
428
  width:auto;
419
429
  height:var(--_rs-menu-mi-icon-size);
420
430
  }
421
- ._divider_1t76rai_177{
431
+ ._divider_9jqyem_177{
422
432
  flex-shrink:0;
423
433
 
424
434
  width:100%;
@@ -429,13 +439,13 @@
429
439
 
430
440
  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), 0.2);
431
441
  }
432
- ._groupHeaderThemeLight_1t76rai_191{
442
+ ._groupHeaderThemeLight_9jqyem_191{
433
443
  --rs-theme-dark:0;
434
444
  }
435
- ._groupHeaderThemeDark_1t76rai_194{
445
+ ._groupHeaderThemeDark_9jqyem_194{
436
446
  --rs-theme-dark:1;
437
447
  }
438
- ._groupHeaderSizeL_1t76rai_198{
448
+ ._groupHeaderSizeL_9jqyem_198{
439
449
  --_rs-menu-gh-vertical-padding:12px;
440
450
  --_rs-menu-gh-horizontal-padding:16px;
441
451
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -469,7 +479,7 @@
469
479
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
470
480
  --_rs-typography-link-border-bottom-width-from-text:2px;
471
481
  }
472
- ._groupHeaderSizeM_1t76rai_201{
482
+ ._groupHeaderSizeM_9jqyem_201{
473
483
  --_rs-menu-gh-vertical-padding:8px;
474
484
  --_rs-menu-gh-horizontal-padding:16px;
475
485
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -503,7 +513,7 @@
503
513
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
504
514
  --_rs-typography-link-border-bottom-width-from-text:2px;
505
515
  }
506
- ._groupHeaderSizeS_1t76rai_204{
516
+ ._groupHeaderSizeS_9jqyem_204{
507
517
  --_rs-menu-gh-vertical-padding:6px;
508
518
  --_rs-menu-gh-horizontal-padding:8px;
509
519
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -537,7 +547,7 @@
537
547
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
538
548
  --_rs-typography-link-border-bottom-width-from-text:2px;
539
549
  }
540
- ._groupHeader_1t76rai_191{
550
+ ._groupHeader_9jqyem_191{
541
551
  --_rs-theme-dark:var(
542
552
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
543
553
  var(--rs-theme-dark, 0)
@@ -547,7 +557,7 @@
547
557
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
548
558
  }
549
559
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
550
- ._groupHeader_1t76rai_191{
560
+ ._groupHeader_9jqyem_191{
551
561
  --_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)));
552
562
  --_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)));
553
563
  --_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)));
@@ -556,7 +566,7 @@
556
566
  }
557
567
  }
558
568
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
559
- ._groupHeader_1t76rai_191{
569
+ ._groupHeader_9jqyem_191{
560
570
  --_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);
561
571
  --_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));
562
572
  --_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));
@@ -564,7 +574,7 @@
564
574
  --_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));
565
575
  }
566
576
  }
567
- ._groupHeader_1t76rai_191 {
577
+ ._groupHeader_9jqyem_191 {
568
578
  letter-spacing:var(
569
579
  --rs-text-base-letter-spacing,
570
580
  var(--_rs-typography-letter-spacing)
package/lib/menu.p.module.css.js CHANGED
@@ -1,37 +1,37 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1t76rai_8",
3
- "themeDark": "_themeDark_1t76rai_11",
4
- "menu": "_menu_1t76rai_15",
5
- "sizeS": "_sizeS_1t76rai_21",
6
- "sizeM": "_sizeM_1t76rai_24",
7
- "sizeL": "_sizeL_1t76rai_27",
8
- "modeClassic": "_modeClassic_1t76rai_31",
9
- "modeRock": "_modeRock_1t76rai_34",
10
- "modeClear": "_modeClear_1t76rai_37",
11
- "iconPlacementLeft": "_iconPlacementLeft_1t76rai_41",
12
- "iconPlacementRight": "_iconPlacementRight_1t76rai_45",
13
- "wrapper": "_wrapper_1t76rai_49",
14
- "hoverIcon": "_hoverIcon_1t76rai_53",
15
- "hoverIconNoReserve": "_hoverIconNoReserve_1t76rai_56",
16
- "menuItem": "_menuItem_1t76rai_61",
17
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1t76rai_98",
18
- "selected": "_selected_1t76rai_112",
19
- "keyboardNavigationEnabled": "_keyboardNavigationEnabled_1t76rai_119",
20
- "hideCustomIconOnHover": "_hideCustomIconOnHover_1t76rai_130",
21
- "customIcon": "_customIcon_1t76rai_132",
22
- "hideSelectedIconOnHover": "_hideSelectedIconOnHover_1t76rai_137",
23
- "selectedIcon": "_selectedIcon_1t76rai_139",
24
- "disabled": "_disabled_1t76rai_144",
25
- "contentWrapper": "_contentWrapper_1t76rai_151",
26
- "content": "_content_1t76rai_151",
27
- "icon": "_icon_1t76rai_41",
28
- "resizedIcon": "_resizedIcon_1t76rai_169",
29
- "divider": "_divider_1t76rai_177",
30
- "groupHeaderThemeLight": "_groupHeaderThemeLight_1t76rai_191",
31
- "groupHeaderThemeDark": "_groupHeaderThemeDark_1t76rai_194",
32
- "groupHeaderSizeL": "_groupHeaderSizeL_1t76rai_198",
33
- "groupHeaderSizeM": "_groupHeaderSizeM_1t76rai_201",
34
- "groupHeaderSizeS": "_groupHeaderSizeS_1t76rai_204",
35
- "groupHeader": "_groupHeader_1t76rai_191"
2
+ "themeLight": "_themeLight_9jqyem_8",
3
+ "themeDark": "_themeDark_9jqyem_11",
4
+ "menu": "_menu_9jqyem_15",
5
+ "sizeS": "_sizeS_9jqyem_21",
6
+ "sizeM": "_sizeM_9jqyem_24",
7
+ "sizeL": "_sizeL_9jqyem_27",
8
+ "modeClassic": "_modeClassic_9jqyem_31",
9
+ "modeRock": "_modeRock_9jqyem_34",
10
+ "modeClear": "_modeClear_9jqyem_37",
11
+ "iconPlacementLeft": "_iconPlacementLeft_9jqyem_41",
12
+ "iconPlacementRight": "_iconPlacementRight_9jqyem_45",
13
+ "wrapper": "_wrapper_9jqyem_49",
14
+ "hoverIcon": "_hoverIcon_9jqyem_53",
15
+ "hoverIconNoReserve": "_hoverIconNoReserve_9jqyem_56",
16
+ "menuItem": "_menuItem_9jqyem_61",
17
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_9jqyem_98",
18
+ "selected": "_selected_9jqyem_112",
19
+ "keyboardNavigationEnabled": "_keyboardNavigationEnabled_9jqyem_119",
20
+ "hideCustomIconOnHover": "_hideCustomIconOnHover_9jqyem_130",
21
+ "customIcon": "_customIcon_9jqyem_132",
22
+ "hideSelectedIconOnHover": "_hideSelectedIconOnHover_9jqyem_137",
23
+ "selectedIcon": "_selectedIcon_9jqyem_139",
24
+ "disabled": "_disabled_9jqyem_144",
25
+ "contentWrapper": "_contentWrapper_9jqyem_151",
26
+ "content": "_content_9jqyem_151",
27
+ "icon": "_icon_9jqyem_41",
28
+ "resizedIcon": "_resizedIcon_9jqyem_169",
29
+ "divider": "_divider_9jqyem_177",
30
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_9jqyem_191",
31
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_9jqyem_194",
32
+ "groupHeaderSizeL": "_groupHeaderSizeL_9jqyem_198",
33
+ "groupHeaderSizeM": "_groupHeaderSizeM_9jqyem_201",
34
+ "groupHeaderSizeS": "_groupHeaderSizeS_9jqyem_204",
35
+ "groupHeader": "_groupHeader_9jqyem_191"
36
36
  };
37
37
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-menu-size-s{
2
7
  & [data-rs-internal="menu__menu-item"]{
3
8
  --_rs-menu-mi-icon-offset:8px;
package/lib/public-api.pcss CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-menu-size-s{
2
7
  & [data-rs-internal="menu__menu-item"]{
3
8
  --_rs-menu-mi-icon-offset:8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,10 +26,10 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.3.2",
30
- "@rescui/postcss-preset-library": "^0.2.2",
29
+ "@rescui/colors": "^0.3.3",
30
+ "@rescui/postcss-preset-library": "^0.2.3",
31
31
  "@rescui/scripts": "^0.5.2",
32
- "@rescui/typography": "^0.27.3",
32
+ "@rescui/typography": "^0.27.4",
33
33
  "@rescui/visual-regression": "^0.1.4",
34
34
  "postcss": "^8.3.0"
35
35
  },
@@ -38,5 +38,5 @@
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "7614b4519a4716fbf1151d94c97fda48eab60800"
41
+ "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
42
42
  }