@rescui/menu 0.16.0 → 0.17.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 (4) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +69 -68
  3. package/lib/menu.p.module.css.js +1 -1
  4. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "icon": "_icon_1lt6eh4_4",
3
- "sizeXS": "_sizeXS_1lt6eh4_14",
4
- "sizeS": "_sizeS_1lt6eh4_18",
5
- "sizeM": "_sizeM_1lt6eh4_22",
6
- "sizeL": "_sizeL_1lt6eh4_26",
7
- "light": "_light_1lt6eh4_30",
8
- "dark": "_dark_1lt6eh4_34",
9
- "allVariants": "_allVariants_1lt6eh4_48",
10
- "variant16": "_variant16_1lt6eh4_53",
11
- "variant20": "_variant20_1lt6eh4_54",
12
- "variant24": "_variant24_1lt6eh4_55",
13
- "variant28": "_variant28_1lt6eh4_58"
2
+ "icon": "_icon_7vq2bk_4",
3
+ "sizeXS": "_sizeXS_7vq2bk_14",
4
+ "sizeS": "_sizeS_7vq2bk_18",
5
+ "sizeM": "_sizeM_7vq2bk_22",
6
+ "sizeL": "_sizeL_7vq2bk_26",
7
+ "light": "_light_7vq2bk_30",
8
+ "dark": "_dark_7vq2bk_34",
9
+ "allVariants": "_allVariants_7vq2bk_48",
10
+ "variant16": "_variant16_7vq2bk_53",
11
+ "variant20": "_variant20_7vq2bk_54",
12
+ "variant24": "_variant24_7vq2bk_55",
13
+ "variant28": "_variant28_7vq2bk_58"
14
14
  };
15
15
 
16
16
  export { styles as default };
package/lib/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._icon_1lt6eh4_4{
6
+ ._icon_7vq2bk_4{
7
7
  --_rs-theme-dark:var(
8
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
9
9
  var(--rs-theme-dark, 0)
@@ -13,7 +13,7 @@
13
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
14
14
  }
15
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
16
- ._icon_1lt6eh4_4{
16
+ ._icon_7vq2bk_4{
17
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)));
18
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)));
19
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)));
@@ -22,7 +22,7 @@
22
22
  }
23
23
  }
24
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
25
- ._icon_1lt6eh4_4{
25
+ ._icon_7vq2bk_4{
26
26
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
27
27
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
28
28
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -30,7 +30,7 @@
30
30
  --_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
31
31
  }
32
32
  }
33
- ._icon_1lt6eh4_4{
33
+ ._icon_7vq2bk_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
@@ -38,27 +38,27 @@
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
40
 
41
- ._sizeXS_1lt6eh4_14{
41
+ ._sizeXS_7vq2bk_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_1lt6eh4_18{
45
+ ._sizeS_7vq2bk_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_1lt6eh4_22{
49
+ ._sizeM_7vq2bk_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_1lt6eh4_26{
53
+ ._sizeL_7vq2bk_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_1lt6eh4_30{
57
+ ._light_7vq2bk_30{
58
58
  --rs-theme-dark:0;
59
59
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
60
60
  }
61
- ._dark_1lt6eh4_34{
61
+ ._dark_7vq2bk_34{
62
62
  --rs-theme-dark:1;
63
63
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
64
64
  }
@@ -72,40 +72,40 @@
72
72
  }
73
73
  }
74
74
 
75
- ._allVariants_1lt6eh4_48{
75
+ ._allVariants_7vq2bk_48{
76
76
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
77
77
  container:rs-icon / size;
78
78
  }
79
79
 
80
- ._variant16_1lt6eh4_53,
81
- ._variant20_1lt6eh4_54,
82
- ._variant24_1lt6eh4_55{
80
+ ._variant16_7vq2bk_53,
81
+ ._variant20_7vq2bk_54,
82
+ ._variant24_7vq2bk_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_1lt6eh4_58{
85
+ ._variant28_7vq2bk_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_1lt6eh4_55{
89
+ ._variant24_7vq2bk_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_1lt6eh4_58{
92
+ ._variant28_7vq2bk_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_1lt6eh4_54{
97
+ ._variant20_7vq2bk_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_1lt6eh4_55{
100
+ ._variant24_7vq2bk_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_1lt6eh4_53{
105
+ ._variant16_7vq2bk_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_1lt6eh4_54{
108
+ ._variant20_7vq2bk_54{
109
109
  display:none;
110
110
  }
111
111
  }
@@ -116,18 +116,18 @@
116
116
  initial-value:0;
117
117
  }
118
118
 
119
- ._themeLight_1wezx10_8{
119
+ ._themeLight_1opequo_8{
120
120
  --rs-theme-dark:0;
121
121
  }
122
- ._themeDark_1wezx10_11{
122
+ ._themeDark_1opequo_11{
123
123
  --rs-theme-dark:1;
124
124
  }
125
125
 
126
- ._menu_1wezx10_15:focus{
126
+ ._menu_1opequo_15:focus{
127
127
  outline:none;
128
128
  }
129
129
 
130
- ._sizeS_1wezx10_21{
130
+ ._sizeS_1opequo_21{
131
131
  --_rs-menu-mi-icon-offset:8px;
132
132
  --_rs-menu-mi-icon-size:20px;
133
133
  --_rs-menu-mi-vertical-padding:6px;
@@ -166,7 +166,7 @@
166
166
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
167
167
  --_rs-typography-link-border-bottom-width-from-text:1px;
168
168
  }
169
- ._sizeM_1wezx10_24{
169
+ ._sizeM_1opequo_24{
170
170
  --_rs-menu-mi-icon-offset:8px;
171
171
  --_rs-menu-mi-icon-size:24px;
172
172
  --_rs-menu-mi-vertical-padding:8px;
@@ -209,11 +209,11 @@
209
209
  --_rs-typography-link-border-bottom-width-from-text:1px;
210
210
  }
211
211
  @media screen and (max-width: 640px){
212
- ._sizeM_1wezx10_24{
212
+ ._sizeM_1opequo_24{
213
213
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
214
214
  }
215
215
  }
216
- ._sizeL_1wezx10_27{
216
+ ._sizeL_1opequo_27{
217
217
  --_rs-menu-mi-icon-offset:16px;
218
218
  --_rs-menu-mi-icon-size:28px;
219
219
  --_rs-menu-mi-vertical-padding:12px;
@@ -256,18 +256,18 @@
256
256
  --_rs-typography-link-border-bottom-width-from-text:1px;
257
257
  }
258
258
  @media screen and (max-width: 640px){
259
- ._sizeL_1wezx10_27{
259
+ ._sizeL_1opequo_27{
260
260
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
261
261
  }
262
262
  }
263
263
 
264
- ._modeClassic_1wezx10_31{
264
+ ._modeClassic_1opequo_31{
265
265
  --_rs-menu-mi-horizontal-padding-with-mode:var(
266
266
  --_rs-menu-mi-horizontal-padding
267
267
  );
268
268
  }
269
269
 
270
- ._modeClassic_1wezx10_31 [data-rs-internal="menu__menu-item__inner"]{
270
+ ._modeClassic_1opequo_31 [data-rs-internal="menu__menu-item__inner"]{
271
271
  --_rs-menu-mi-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.7);
272
272
  --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
273
273
  --_rs-menu-mi-selected-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
@@ -279,12 +279,12 @@
279
279
  );
280
280
  --_rs-menu-mi-hover-background:var(--_rs-color-primary);
281
281
  }
282
- ._modeRock_1wezx10_34{
282
+ ._modeRock_1opequo_34{
283
283
  --_rs-menu-mi-horizontal-padding-with-mode:var(
284
284
  --_rs-menu-mi-horizontal-padding
285
285
  );
286
286
  }
287
- ._modeRock_1wezx10_34 [data-rs-internal="menu__menu-item__inner"]{
287
+ ._modeRock_1opequo_34 [data-rs-internal="menu__menu-item__inner"]{
288
288
  --_rs-menu-mi-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.7);
289
289
  --_rs-menu-mi-active-background:transparent;
290
290
  --_rs-menu-mi-selected-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
@@ -292,10 +292,10 @@
292
292
  --_rs-menu-mi-hover-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
293
293
  --_rs-menu-mi-hover-background:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
294
294
  }
295
- ._modeClear_1wezx10_37{
295
+ ._modeClear_1opequo_37{
296
296
  --_rs-menu-mi-horizontal-padding-with-mode:0;
297
297
  }
298
- ._modeClear_1wezx10_37 [data-rs-internal="menu__menu-item__inner"]{
298
+ ._modeClear_1opequo_37 [data-rs-internal="menu__menu-item__inner"]{
299
299
  --_rs-menu-mi-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
300
300
  --_rs-menu-mi-active-background:transparent;
301
301
  --_rs-menu-mi-selected-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
@@ -304,29 +304,29 @@
304
304
  --_rs-menu-mi-hover-background:transparent;
305
305
  }
306
306
 
307
- ._iconPlacementLeft_1wezx10_41{
307
+ ._iconPlacementLeft_1opequo_41{
308
308
  --_rs-menu-mi-flex-direction:row;
309
309
  --_rs-menu-mi-justify-content:initial;
310
310
  }
311
311
 
312
- ._iconPlacementRight_1wezx10_45{
312
+ ._iconPlacementRight_1opequo_45{
313
313
  --_rs-menu-mi-flex-direction:row-reverse;
314
314
  --_rs-menu-mi-justify-content:space-between;
315
315
  }
316
316
 
317
- ._wrapper_1wezx10_49{
317
+ ._wrapper_1opequo_49{
318
318
  display:flex;
319
319
  }
320
320
 
321
- ._hoverIcon_1wezx10_53{
321
+ ._hoverIcon_1opequo_53{
322
322
  visibility:hidden;
323
323
  }
324
324
 
325
- ._hoverIcon_1wezx10_53._hoverIconNoReserve_1wezx10_56{
325
+ ._hoverIcon_1opequo_53._hoverIconNoReserve_1opequo_56{
326
326
  display:none;
327
327
  }
328
328
 
329
- ._menuItem_1wezx10_61{
329
+ ._menuItem_1opequo_61{
330
330
  --_rs-theme-dark:var(
331
331
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
332
332
  var(--rs-theme-dark, 0)
@@ -338,7 +338,7 @@
338
338
 
339
339
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
340
340
 
341
- ._menuItem_1wezx10_61{
341
+ ._menuItem_1opequo_61{
342
342
  --_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)));
343
343
  --_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)));
344
344
  --_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)));
@@ -349,7 +349,7 @@
349
349
 
350
350
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
351
351
 
352
- ._menuItem_1wezx10_61{
352
+ ._menuItem_1opequo_61{
353
353
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
354
354
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
355
355
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -358,7 +358,7 @@
358
358
  }
359
359
  }
360
360
 
361
- ._menuItem_1wezx10_61 {
361
+ ._menuItem_1opequo_61 {
362
362
  letter-spacing:var(
363
363
  --rs-text-base-letter-spacing,
364
364
  var(--_rs-typography-letter-spacing)
@@ -399,50 +399,51 @@
399
399
  -moz-osx-font-smoothing:inherit;
400
400
  }
401
401
 
402
- ._menuItem_1wezx10_61:focus{
402
+ ._menuItem_1opequo_61:focus{
403
403
  outline:none;
404
404
  }
405
405
 
406
- ._keyboardNavigationDisabled_1wezx10_98 ._menuItem_1wezx10_61:focus[data-focus-method='key']{
406
+ ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61:focus-visible,
407
+ ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61:focus[data-focus-method='key']{
407
408
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
408
409
  }
409
410
 
410
- ._menuItem_1wezx10_61:active{
411
+ ._menuItem_1opequo_61:active{
411
412
  color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
412
413
  background:var(--_rs-menu-mi-active-background);
413
414
  }
414
415
 
415
- ._menuItem_1wezx10_61._selected_1wezx10_112{
416
+ ._menuItem_1opequo_61._selected_1opequo_113{
416
417
  color:var(--_rs-menu-mi-selected-color);
417
418
  background:var(--_rs-menu-mi-selected-background);
418
419
  }
419
420
 
420
- ._keyboardNavigationEnabled_1wezx10_119 ._menuItem_1wezx10_61:focus,
421
- ._keyboardNavigationDisabled_1wezx10_98 ._menuItem_1wezx10_61:hover{
421
+ ._keyboardNavigationEnabled_1opequo_120 ._menuItem_1opequo_61:focus,
422
+ ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61:hover{
422
423
  color:var(--_rs-menu-mi-hover-color);
423
424
  background:var(--_rs-menu-mi-hover-background);
424
425
  }
425
426
 
426
- ._keyboardNavigationEnabled_1wezx10_119 ._menuItem_1wezx10_61:focus ._hoverIcon_1wezx10_53, ._keyboardNavigationDisabled_1wezx10_98 ._menuItem_1wezx10_61:hover ._hoverIcon_1wezx10_53{
427
+ ._keyboardNavigationEnabled_1opequo_120 ._menuItem_1opequo_61:focus ._hoverIcon_1opequo_53, ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61:hover ._hoverIcon_1opequo_53{
427
428
  display:block;
428
429
  visibility:visible;
429
430
  }
430
431
 
431
- ._keyboardNavigationEnabled_1wezx10_119 ._menuItem_1wezx10_61._hideCustomIconOnHover_1wezx10_130:focus ._customIcon_1wezx10_132, ._keyboardNavigationDisabled_1wezx10_98 ._menuItem_1wezx10_61._hideCustomIconOnHover_1wezx10_130:hover ._customIcon_1wezx10_132{
432
+ ._keyboardNavigationEnabled_1opequo_120 ._menuItem_1opequo_61._hideCustomIconOnHover_1opequo_131:focus ._customIcon_1opequo_133, ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61._hideCustomIconOnHover_1opequo_131:hover ._customIcon_1opequo_133{
432
433
  display:none;
433
434
  }
434
435
 
435
- ._keyboardNavigationEnabled_1wezx10_119 ._menuItem_1wezx10_61._hideSelectedIconOnHover_1wezx10_137:focus ._selectedIcon_1wezx10_139, ._keyboardNavigationDisabled_1wezx10_98 ._menuItem_1wezx10_61._hideSelectedIconOnHover_1wezx10_137:hover ._selectedIcon_1wezx10_139{
436
+ ._keyboardNavigationEnabled_1opequo_120 ._menuItem_1opequo_61._hideSelectedIconOnHover_1opequo_138:focus ._selectedIcon_1opequo_140, ._keyboardNavigationDisabled_1opequo_98 ._menuItem_1opequo_61._hideSelectedIconOnHover_1opequo_138:hover ._selectedIcon_1opequo_140{
436
437
  display:none;
437
438
  }
438
439
 
439
- ._menuItem_1wezx10_61._disabled_1wezx10_144{
440
+ ._menuItem_1opequo_61._disabled_1opequo_145{
440
441
  pointer-events:none;
441
442
 
442
443
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
443
444
  }
444
445
 
445
- ._contentWrapper_1wezx10_151{
446
+ ._contentWrapper_1opequo_152{
446
447
  display:flex;
447
448
  flex-grow:1;
448
449
 
@@ -450,23 +451,23 @@
450
451
  gap:var(--_rs-menu-mi-icon-offset);
451
452
  }
452
453
 
453
- ._content_1wezx10_151{
454
+ ._content_1opequo_152{
454
455
  flex-grow:1;
455
456
 
456
457
  font-size:inherit;
457
458
  }
458
459
 
459
- ._icon_1wezx10_41{
460
+ ._icon_1opequo_41{
460
461
  flex:0 0;
461
462
  flex-basis:auto;
462
463
  }
463
464
 
464
- ._icon_1wezx10_41._resizedIcon_1wezx10_169{
465
+ ._icon_1opequo_41._resizedIcon_1opequo_170{
465
466
  width:auto;
466
467
  height:var(--_rs-menu-mi-icon-size);
467
468
  }
468
469
 
469
- ._divider_1wezx10_177{
470
+ ._divider_1opequo_178{
470
471
  flex-shrink:0;
471
472
 
472
473
  width:100%;
@@ -478,14 +479,14 @@
478
479
  background-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
479
480
  }
480
481
 
481
- ._groupHeaderThemeLight_1wezx10_191{
482
+ ._groupHeaderThemeLight_1opequo_192{
482
483
  --rs-theme-dark:0;
483
484
  }
484
- ._groupHeaderThemeDark_1wezx10_194{
485
+ ._groupHeaderThemeDark_1opequo_195{
485
486
  --rs-theme-dark:1;
486
487
  }
487
488
 
488
- ._groupHeaderSizeL_1wezx10_198{
489
+ ._groupHeaderSizeL_1opequo_199{
489
490
  --_rs-menu-gh-vertical-padding:12px;
490
491
  --_rs-menu-gh-horizontal-padding:16px;
491
492
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -519,7 +520,7 @@
519
520
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
520
521
  --_rs-typography-link-border-bottom-width-from-text:2px;
521
522
  }
522
- ._groupHeaderSizeM_1wezx10_201{
523
+ ._groupHeaderSizeM_1opequo_202{
523
524
  --_rs-menu-gh-vertical-padding:8px;
524
525
  --_rs-menu-gh-horizontal-padding:16px;
525
526
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -553,7 +554,7 @@
553
554
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
554
555
  --_rs-typography-link-border-bottom-width-from-text:2px;
555
556
  }
556
- ._groupHeaderSizeS_1wezx10_204{
557
+ ._groupHeaderSizeS_1opequo_205{
557
558
  --_rs-menu-gh-vertical-padding:6px;
558
559
  --_rs-menu-gh-horizontal-padding:8px;
559
560
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -588,7 +589,7 @@
588
589
  --_rs-typography-link-border-bottom-width-from-text:2px;
589
590
  }
590
591
 
591
- ._groupHeader_1wezx10_191{
592
+ ._groupHeader_1opequo_192{
592
593
  --_rs-theme-dark:var(
593
594
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
594
595
  var(--rs-theme-dark, 0)
@@ -600,7 +601,7 @@
600
601
 
601
602
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
602
603
 
603
- ._groupHeader_1wezx10_191{
604
+ ._groupHeader_1opequo_192{
604
605
  --_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)));
605
606
  --_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)));
606
607
  --_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)));
@@ -611,7 +612,7 @@
611
612
 
612
613
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
613
614
 
614
- ._groupHeader_1wezx10_191{
615
+ ._groupHeader_1opequo_192{
615
616
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
616
617
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
617
618
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -620,7 +621,7 @@
620
621
  }
621
622
  }
622
623
 
623
- ._groupHeader_1wezx10_191 {
624
+ ._groupHeader_1opequo_192 {
624
625
  letter-spacing:var(
625
626
  --rs-text-base-letter-spacing,
626
627
  var(--_rs-typography-letter-spacing)
package/lib/menu.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1wezx10_8","themeDark":"_themeDark_1wezx10_11","menu":"_menu_1wezx10_15","sizeS":"_sizeS_1wezx10_21","sizeM":"_sizeM_1wezx10_24","sizeL":"_sizeL_1wezx10_27","modeClassic":"_modeClassic_1wezx10_31","modeRock":"_modeRock_1wezx10_34","modeClear":"_modeClear_1wezx10_37","iconPlacementLeft":"_iconPlacementLeft_1wezx10_41","iconPlacementRight":"_iconPlacementRight_1wezx10_45","wrapper":"_wrapper_1wezx10_49","hoverIcon":"_hoverIcon_1wezx10_53","hoverIconNoReserve":"_hoverIconNoReserve_1wezx10_56","menuItem":"_menuItem_1wezx10_61","keyboardNavigationDisabled":"_keyboardNavigationDisabled_1wezx10_98","selected":"_selected_1wezx10_112","keyboardNavigationEnabled":"_keyboardNavigationEnabled_1wezx10_119","hideCustomIconOnHover":"_hideCustomIconOnHover_1wezx10_130","customIcon":"_customIcon_1wezx10_132","hideSelectedIconOnHover":"_hideSelectedIconOnHover_1wezx10_137","selectedIcon":"_selectedIcon_1wezx10_139","disabled":"_disabled_1wezx10_144","contentWrapper":"_contentWrapper_1wezx10_151","content":"_content_1wezx10_151","icon":"_icon_1wezx10_41","resizedIcon":"_resizedIcon_1wezx10_169","divider":"_divider_1wezx10_177","groupHeaderThemeLight":"_groupHeaderThemeLight_1wezx10_191","groupHeaderThemeDark":"_groupHeaderThemeDark_1wezx10_194","groupHeaderSizeL":"_groupHeaderSizeL_1wezx10_198","groupHeaderSizeM":"_groupHeaderSizeM_1wezx10_201","groupHeaderSizeS":"_groupHeaderSizeS_1wezx10_204","groupHeader":"_groupHeader_1wezx10_191"};
1
+ var styles = {"themeLight":"_themeLight_1opequo_8","themeDark":"_themeDark_1opequo_11","menu":"_menu_1opequo_15","sizeS":"_sizeS_1opequo_21","sizeM":"_sizeM_1opequo_24","sizeL":"_sizeL_1opequo_27","modeClassic":"_modeClassic_1opequo_31","modeRock":"_modeRock_1opequo_34","modeClear":"_modeClear_1opequo_37","iconPlacementLeft":"_iconPlacementLeft_1opequo_41","iconPlacementRight":"_iconPlacementRight_1opequo_45","wrapper":"_wrapper_1opequo_49","hoverIcon":"_hoverIcon_1opequo_53","hoverIconNoReserve":"_hoverIconNoReserve_1opequo_56","menuItem":"_menuItem_1opequo_61","keyboardNavigationDisabled":"_keyboardNavigationDisabled_1opequo_98","selected":"_selected_1opequo_113","keyboardNavigationEnabled":"_keyboardNavigationEnabled_1opequo_120","hideCustomIconOnHover":"_hideCustomIconOnHover_1opequo_131","customIcon":"_customIcon_1opequo_133","hideSelectedIconOnHover":"_hideSelectedIconOnHover_1opequo_138","selectedIcon":"_selectedIcon_1opequo_140","disabled":"_disabled_1opequo_145","contentWrapper":"_contentWrapper_1opequo_152","content":"_content_1opequo_152","icon":"_icon_1opequo_41","resizedIcon":"_resizedIcon_1opequo_170","divider":"_divider_1opequo_178","groupHeaderThemeLight":"_groupHeaderThemeLight_1opequo_192","groupHeaderThemeDark":"_groupHeaderThemeDark_1opequo_195","groupHeaderSizeL":"_groupHeaderSizeL_1opequo_199","groupHeaderSizeM":"_groupHeaderSizeM_1opequo_202","groupHeaderSizeS":"_groupHeaderSizeS_1opequo_205","groupHeader":"_groupHeader_1opequo_192"};
2
2
 
3
3
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.16.0",
3
+ "version": "0.17.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,11 +25,11 @@
25
25
  "react": ">=17.0.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.3.5",
28
+ "@rescui/colors": "^0.3.6",
29
29
  "@rescui/postcss-preset-library": "^0.2.4",
30
30
  "@rescui/scripts": "^0.6.0",
31
- "@rescui/typography": "^0.29.0",
32
- "@rescui/visual-regression": "^0.1.4",
31
+ "@rescui/typography": "^0.30.1",
32
+ "@rescui/visual-regression": "^0.1.5",
33
33
  "postcss": "^8.5.28"
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": "e3d19214955db8de3ac6dccdea512f9331332d29"
40
+ "gitHead": "428fe8428862945a1199cf875bbe180ccbb71df3"
41
41
  }