@rescui/menu 0.15.0 → 0.15.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 +68 -68
  3. package/lib/menu.p.module.css.js +34 -34
  4. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1ohuzr2_4",
3
- "sizeXS": "_sizeXS_1ohuzr2_14",
4
- "sizeS": "_sizeS_1ohuzr2_18",
5
- "sizeM": "_sizeM_1ohuzr2_22",
6
- "sizeL": "_sizeL_1ohuzr2_26",
7
- "light": "_light_1ohuzr2_30",
8
- "dark": "_dark_1ohuzr2_34",
9
- "allVariants": "_allVariants_1ohuzr2_48",
10
- "variant16": "_variant16_1ohuzr2_53",
11
- "variant20": "_variant20_1ohuzr2_54",
12
- "variant24": "_variant24_1ohuzr2_55",
13
- "variant28": "_variant28_1ohuzr2_58"
2
+ "icon": "_icon_uyx2zk_4",
3
+ "sizeXS": "_sizeXS_uyx2zk_14",
4
+ "sizeS": "_sizeS_uyx2zk_18",
5
+ "sizeM": "_sizeM_uyx2zk_22",
6
+ "sizeL": "_sizeL_uyx2zk_26",
7
+ "light": "_light_uyx2zk_30",
8
+ "dark": "_dark_uyx2zk_34",
9
+ "allVariants": "_allVariants_uyx2zk_48",
10
+ "variant16": "_variant16_uyx2zk_53",
11
+ "variant20": "_variant20_uyx2zk_54",
12
+ "variant24": "_variant24_uyx2zk_55",
13
+ "variant28": "_variant28_uyx2zk_58"
14
14
  };
15
15
  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_1ohuzr2_4{
6
+ ._icon_uyx2zk_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_1ohuzr2_4{
16
+ ._icon_uyx2zk_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_1ohuzr2_4{
25
+ ._icon_uyx2zk_4{
26
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);
27
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));
28
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));
@@ -30,30 +30,30 @@
30
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));
31
31
  }
32
32
  }
33
- ._icon_1ohuzr2_4{
33
+ ._icon_uyx2zk_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
37
37
  width:var(--rs-icons-width, auto);
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
- ._sizeXS_1ohuzr2_14{
40
+ ._sizeXS_uyx2zk_14{
41
41
  --_rs-icons-height:16px;
42
42
  }
43
- ._sizeS_1ohuzr2_18{
43
+ ._sizeS_uyx2zk_18{
44
44
  --_rs-icons-height:20px;
45
45
  }
46
- ._sizeM_1ohuzr2_22{
46
+ ._sizeM_uyx2zk_22{
47
47
  --_rs-icons-height:24px;
48
48
  }
49
- ._sizeL_1ohuzr2_26{
49
+ ._sizeL_uyx2zk_26{
50
50
  --_rs-icons-height:28px;
51
51
  }
52
- ._light_1ohuzr2_30{
52
+ ._light_uyx2zk_30{
53
53
  --rs-theme-dark:0;
54
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));
55
55
  }
56
- ._dark_1ohuzr2_34{
56
+ ._dark_uyx2zk_34{
57
57
  --rs-theme-dark:1;
58
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));
59
59
  }
@@ -65,39 +65,39 @@
65
65
  transform:rotate(360deg);
66
66
  }
67
67
  }
68
- ._allVariants_1ohuzr2_48{
68
+ ._allVariants_uyx2zk_48{
69
69
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
70
70
  container:rs-icon / size;
71
71
  }
72
- ._variant16_1ohuzr2_53,
73
- ._variant20_1ohuzr2_54,
74
- ._variant24_1ohuzr2_55{
72
+ ._variant16_uyx2zk_53,
73
+ ._variant20_uyx2zk_54,
74
+ ._variant24_uyx2zk_55{
75
75
  display:none;
76
76
  }
77
- ._variant28_1ohuzr2_58{
77
+ ._variant28_uyx2zk_58{
78
78
  display:block;
79
79
  }
80
80
  @container rs-icon (max-height: 24px){
81
- ._variant24_1ohuzr2_55{
81
+ ._variant24_uyx2zk_55{
82
82
  display:block;
83
83
  }
84
- ._variant28_1ohuzr2_58{
84
+ ._variant28_uyx2zk_58{
85
85
  display:none;
86
86
  }
87
87
  }
88
88
  @container rs-icon (max-height: 20px){
89
- ._variant20_1ohuzr2_54{
89
+ ._variant20_uyx2zk_54{
90
90
  display:block;
91
91
  }
92
- ._variant24_1ohuzr2_55{
92
+ ._variant24_uyx2zk_55{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 16px){
97
- ._variant16_1ohuzr2_53{
97
+ ._variant16_uyx2zk_53{
98
98
  display:block;
99
99
  }
100
- ._variant20_1ohuzr2_54{
100
+ ._variant20_uyx2zk_54{
101
101
  display:none;
102
102
  }
103
103
  }
@@ -106,16 +106,16 @@
106
106
  inherits:true;
107
107
  initial-value:0;
108
108
  }
109
- ._themeLight_gu3ipu_8{
109
+ ._themeLight_2eg6os_8{
110
110
  --rs-theme-dark:0;
111
111
  }
112
- ._themeDark_gu3ipu_11{
112
+ ._themeDark_2eg6os_11{
113
113
  --rs-theme-dark:1;
114
114
  }
115
- ._menu_gu3ipu_15:focus{
115
+ ._menu_2eg6os_15:focus{
116
116
  outline:none;
117
117
  }
118
- ._sizeS_gu3ipu_21{
118
+ ._sizeS_2eg6os_21{
119
119
  --_rs-menu-mi-icon-offset:8px;
120
120
  --_rs-menu-mi-icon-size:20px;
121
121
  --_rs-menu-mi-vertical-padding:6px;
@@ -154,7 +154,7 @@
154
154
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
155
155
  --_rs-typography-link-border-bottom-width-from-text:1px;
156
156
  }
157
- ._sizeM_gu3ipu_24{
157
+ ._sizeM_2eg6os_24{
158
158
  --_rs-menu-mi-icon-offset:8px;
159
159
  --_rs-menu-mi-icon-size:24px;
160
160
  --_rs-menu-mi-vertical-padding:8px;
@@ -197,11 +197,11 @@
197
197
  --_rs-typography-link-border-bottom-width-from-text:1px;
198
198
  }
199
199
  @media screen and (max-width: 640px){
200
- ._sizeM_gu3ipu_24{
200
+ ._sizeM_2eg6os_24{
201
201
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
202
202
  }
203
203
  }
204
- ._sizeL_gu3ipu_27{
204
+ ._sizeL_2eg6os_27{
205
205
  --_rs-menu-mi-icon-offset:16px;
206
206
  --_rs-menu-mi-icon-size:28px;
207
207
  --_rs-menu-mi-vertical-padding:12px;
@@ -244,16 +244,16 @@
244
244
  --_rs-typography-link-border-bottom-width-from-text:1px;
245
245
  }
246
246
  @media screen and (max-width: 640px){
247
- ._sizeL_gu3ipu_27{
247
+ ._sizeL_2eg6os_27{
248
248
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
249
249
  }
250
250
  }
251
- ._modeClassic_gu3ipu_31{
251
+ ._modeClassic_2eg6os_31{
252
252
  --_rs-menu-mi-horizontal-padding-with-mode:var(
253
253
  --_rs-menu-mi-horizontal-padding
254
254
  );
255
255
  }
256
- ._modeClassic_gu3ipu_31 [data-rs-internal="menu__menu-item__inner"]{
256
+ ._modeClassic_2eg6os_31 [data-rs-internal="menu__menu-item__inner"]{
257
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);
258
258
  --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
259
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));
@@ -265,12 +265,12 @@
265
265
  );
266
266
  --_rs-menu-mi-hover-background:var(--_rs-color-primary);
267
267
  }
268
- ._modeRock_gu3ipu_34{
268
+ ._modeRock_2eg6os_34{
269
269
  --_rs-menu-mi-horizontal-padding-with-mode:var(
270
270
  --_rs-menu-mi-horizontal-padding
271
271
  );
272
272
  }
273
- ._modeRock_gu3ipu_34 [data-rs-internal="menu__menu-item__inner"]{
273
+ ._modeRock_2eg6os_34 [data-rs-internal="menu__menu-item__inner"]{
274
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);
275
275
  --_rs-menu-mi-active-background:transparent;
276
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));
@@ -278,10 +278,10 @@
278
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));
279
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));
280
280
  }
281
- ._modeClear_gu3ipu_37{
281
+ ._modeClear_2eg6os_37{
282
282
  --_rs-menu-mi-horizontal-padding-with-mode:0;
283
283
  }
284
- ._modeClear_gu3ipu_37 [data-rs-internal="menu__menu-item__inner"]{
284
+ ._modeClear_2eg6os_37 [data-rs-internal="menu__menu-item__inner"]{
285
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));
286
286
  --_rs-menu-mi-active-background:transparent;
287
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));
@@ -289,24 +289,24 @@
289
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));
290
290
  --_rs-menu-mi-hover-background:transparent;
291
291
  }
292
- ._iconPlacementLeft_gu3ipu_41{
292
+ ._iconPlacementLeft_2eg6os_41{
293
293
  --_rs-menu-mi-flex-direction:row;
294
294
  --_rs-menu-mi-justify-content:initial;
295
295
  }
296
- ._iconPlacementRight_gu3ipu_45{
296
+ ._iconPlacementRight_2eg6os_45{
297
297
  --_rs-menu-mi-flex-direction:row-reverse;
298
298
  --_rs-menu-mi-justify-content:space-between;
299
299
  }
300
- ._wrapper_gu3ipu_49{
300
+ ._wrapper_2eg6os_49{
301
301
  display:flex;
302
302
  }
303
- ._hoverIcon_gu3ipu_53{
303
+ ._hoverIcon_2eg6os_53{
304
304
  visibility:hidden;
305
305
  }
306
- ._hoverIcon_gu3ipu_53._hoverIconNoReserve_gu3ipu_56{
306
+ ._hoverIcon_2eg6os_53._hoverIconNoReserve_2eg6os_56{
307
307
  display:none;
308
308
  }
309
- ._menuItem_gu3ipu_61{
309
+ ._menuItem_2eg6os_61{
310
310
  --_rs-theme-dark:var(
311
311
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
312
312
  var(--rs-theme-dark, 0)
@@ -316,7 +316,7 @@
316
316
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
317
317
  }
318
318
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
319
- ._menuItem_gu3ipu_61{
319
+ ._menuItem_2eg6os_61{
320
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)));
321
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)));
322
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)));
@@ -325,7 +325,7 @@
325
325
  }
326
326
  }
327
327
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
328
- ._menuItem_gu3ipu_61{
328
+ ._menuItem_2eg6os_61{
329
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);
330
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));
331
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));
@@ -333,7 +333,7 @@
333
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));
334
334
  }
335
335
  }
336
- ._menuItem_gu3ipu_61 {
336
+ ._menuItem_2eg6os_61 {
337
337
  letter-spacing:var(
338
338
  --rs-text-base-letter-spacing,
339
339
  var(--_rs-typography-letter-spacing)
@@ -374,61 +374,61 @@
374
374
  -webkit-font-smoothing:inherit;
375
375
  -moz-osx-font-smoothing:inherit;
376
376
  }
377
- ._menuItem_gu3ipu_61:focus{
377
+ ._menuItem_2eg6os_61:focus{
378
378
  outline:none;
379
379
  }
380
- ._keyboardNavigationDisabled_gu3ipu_98 ._menuItem_gu3ipu_61:focus[data-focus-method='key']{
380
+ ._keyboardNavigationDisabled_2eg6os_98 ._menuItem_2eg6os_61:focus[data-focus-method='key']{
381
381
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
382
382
  }
383
- ._menuItem_gu3ipu_61:active{
383
+ ._menuItem_2eg6os_61:active{
384
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));
385
385
  background:var(--_rs-menu-mi-active-background);
386
386
  }
387
- ._menuItem_gu3ipu_61._selected_gu3ipu_112{
387
+ ._menuItem_2eg6os_61._selected_2eg6os_112{
388
388
  color:var(--_rs-menu-mi-selected-color);
389
389
  background:var(--_rs-menu-mi-selected-background);
390
390
  }
391
- ._keyboardNavigationEnabled_gu3ipu_119 ._menuItem_gu3ipu_61:focus,
392
- ._keyboardNavigationDisabled_gu3ipu_98 ._menuItem_gu3ipu_61:hover{
391
+ ._keyboardNavigationEnabled_2eg6os_119 ._menuItem_2eg6os_61:focus,
392
+ ._keyboardNavigationDisabled_2eg6os_98 ._menuItem_2eg6os_61:hover{
393
393
  color:var(--_rs-menu-mi-hover-color);
394
394
  background:var(--_rs-menu-mi-hover-background);
395
395
  }
396
- ._keyboardNavigationEnabled_gu3ipu_119 ._menuItem_gu3ipu_61:focus ._hoverIcon_gu3ipu_53, ._keyboardNavigationDisabled_gu3ipu_98 ._menuItem_gu3ipu_61:hover ._hoverIcon_gu3ipu_53{
396
+ ._keyboardNavigationEnabled_2eg6os_119 ._menuItem_2eg6os_61:focus ._hoverIcon_2eg6os_53, ._keyboardNavigationDisabled_2eg6os_98 ._menuItem_2eg6os_61:hover ._hoverIcon_2eg6os_53{
397
397
  display:block;
398
398
  visibility:visible;
399
399
  }
400
- ._keyboardNavigationEnabled_gu3ipu_119 ._menuItem_gu3ipu_61._hideCustomIconOnHover_gu3ipu_130:focus ._customIcon_gu3ipu_132, ._keyboardNavigationDisabled_gu3ipu_98 ._menuItem_gu3ipu_61._hideCustomIconOnHover_gu3ipu_130:hover ._customIcon_gu3ipu_132{
400
+ ._keyboardNavigationEnabled_2eg6os_119 ._menuItem_2eg6os_61._hideCustomIconOnHover_2eg6os_130:focus ._customIcon_2eg6os_132, ._keyboardNavigationDisabled_2eg6os_98 ._menuItem_2eg6os_61._hideCustomIconOnHover_2eg6os_130:hover ._customIcon_2eg6os_132{
401
401
  display:none;
402
402
  }
403
- ._keyboardNavigationEnabled_gu3ipu_119 ._menuItem_gu3ipu_61._hideSelectedIconOnHover_gu3ipu_137:focus ._selectedIcon_gu3ipu_139, ._keyboardNavigationDisabled_gu3ipu_98 ._menuItem_gu3ipu_61._hideSelectedIconOnHover_gu3ipu_137:hover ._selectedIcon_gu3ipu_139{
403
+ ._keyboardNavigationEnabled_2eg6os_119 ._menuItem_2eg6os_61._hideSelectedIconOnHover_2eg6os_137:focus ._selectedIcon_2eg6os_139, ._keyboardNavigationDisabled_2eg6os_98 ._menuItem_2eg6os_61._hideSelectedIconOnHover_2eg6os_137:hover ._selectedIcon_2eg6os_139{
404
404
  display:none;
405
405
  }
406
- ._menuItem_gu3ipu_61._disabled_gu3ipu_144{
406
+ ._menuItem_2eg6os_61._disabled_2eg6os_144{
407
407
  pointer-events:none;
408
408
 
409
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);
410
410
  }
411
- ._contentWrapper_gu3ipu_151{
411
+ ._contentWrapper_2eg6os_151{
412
412
  display:flex;
413
413
  flex-grow:1;
414
414
 
415
415
  justify-content:space-between;
416
416
  gap:var(--_rs-menu-mi-icon-offset);
417
417
  }
418
- ._content_gu3ipu_151{
418
+ ._content_2eg6os_151{
419
419
  flex-grow:1;
420
420
 
421
421
  font-size:inherit;
422
422
  }
423
- ._icon_gu3ipu_41{
423
+ ._icon_2eg6os_41{
424
424
  flex:0 0;
425
425
  flex-basis:auto;
426
426
  }
427
- ._icon_gu3ipu_41._resizedIcon_gu3ipu_169{
427
+ ._icon_2eg6os_41._resizedIcon_2eg6os_169{
428
428
  width:auto;
429
429
  height:var(--_rs-menu-mi-icon-size);
430
430
  }
431
- ._divider_gu3ipu_177{
431
+ ._divider_2eg6os_177{
432
432
  flex-shrink:0;
433
433
 
434
434
  width:100%;
@@ -439,13 +439,13 @@
439
439
 
440
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);
441
441
  }
442
- ._groupHeaderThemeLight_gu3ipu_191{
442
+ ._groupHeaderThemeLight_2eg6os_191{
443
443
  --rs-theme-dark:0;
444
444
  }
445
- ._groupHeaderThemeDark_gu3ipu_194{
445
+ ._groupHeaderThemeDark_2eg6os_194{
446
446
  --rs-theme-dark:1;
447
447
  }
448
- ._groupHeaderSizeL_gu3ipu_198{
448
+ ._groupHeaderSizeL_2eg6os_198{
449
449
  --_rs-menu-gh-vertical-padding:12px;
450
450
  --_rs-menu-gh-horizontal-padding:16px;
451
451
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -479,7 +479,7 @@
479
479
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
480
480
  --_rs-typography-link-border-bottom-width-from-text:2px;
481
481
  }
482
- ._groupHeaderSizeM_gu3ipu_201{
482
+ ._groupHeaderSizeM_2eg6os_201{
483
483
  --_rs-menu-gh-vertical-padding:8px;
484
484
  --_rs-menu-gh-horizontal-padding:16px;
485
485
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -513,7 +513,7 @@
513
513
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
514
514
  --_rs-typography-link-border-bottom-width-from-text:2px;
515
515
  }
516
- ._groupHeaderSizeS_gu3ipu_204{
516
+ ._groupHeaderSizeS_2eg6os_204{
517
517
  --_rs-menu-gh-vertical-padding:6px;
518
518
  --_rs-menu-gh-horizontal-padding:8px;
519
519
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -547,7 +547,7 @@
547
547
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
548
548
  --_rs-typography-link-border-bottom-width-from-text:2px;
549
549
  }
550
- ._groupHeader_gu3ipu_191{
550
+ ._groupHeader_2eg6os_191{
551
551
  --_rs-theme-dark:var(
552
552
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
553
553
  var(--rs-theme-dark, 0)
@@ -557,7 +557,7 @@
557
557
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
558
558
  }
559
559
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
560
- ._groupHeader_gu3ipu_191{
560
+ ._groupHeader_2eg6os_191{
561
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)));
562
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)));
563
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)));
@@ -566,7 +566,7 @@
566
566
  }
567
567
  }
568
568
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
569
- ._groupHeader_gu3ipu_191{
569
+ ._groupHeader_2eg6os_191{
570
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);
571
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));
572
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));
@@ -574,7 +574,7 @@
574
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));
575
575
  }
576
576
  }
577
- ._groupHeader_gu3ipu_191 {
577
+ ._groupHeader_2eg6os_191 {
578
578
  letter-spacing:var(
579
579
  --rs-text-base-letter-spacing,
580
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_gu3ipu_8",
3
- "themeDark": "_themeDark_gu3ipu_11",
4
- "menu": "_menu_gu3ipu_15",
5
- "sizeS": "_sizeS_gu3ipu_21",
6
- "sizeM": "_sizeM_gu3ipu_24",
7
- "sizeL": "_sizeL_gu3ipu_27",
8
- "modeClassic": "_modeClassic_gu3ipu_31",
9
- "modeRock": "_modeRock_gu3ipu_34",
10
- "modeClear": "_modeClear_gu3ipu_37",
11
- "iconPlacementLeft": "_iconPlacementLeft_gu3ipu_41",
12
- "iconPlacementRight": "_iconPlacementRight_gu3ipu_45",
13
- "wrapper": "_wrapper_gu3ipu_49",
14
- "hoverIcon": "_hoverIcon_gu3ipu_53",
15
- "hoverIconNoReserve": "_hoverIconNoReserve_gu3ipu_56",
16
- "menuItem": "_menuItem_gu3ipu_61",
17
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_gu3ipu_98",
18
- "selected": "_selected_gu3ipu_112",
19
- "keyboardNavigationEnabled": "_keyboardNavigationEnabled_gu3ipu_119",
20
- "hideCustomIconOnHover": "_hideCustomIconOnHover_gu3ipu_130",
21
- "customIcon": "_customIcon_gu3ipu_132",
22
- "hideSelectedIconOnHover": "_hideSelectedIconOnHover_gu3ipu_137",
23
- "selectedIcon": "_selectedIcon_gu3ipu_139",
24
- "disabled": "_disabled_gu3ipu_144",
25
- "contentWrapper": "_contentWrapper_gu3ipu_151",
26
- "content": "_content_gu3ipu_151",
27
- "icon": "_icon_gu3ipu_41",
28
- "resizedIcon": "_resizedIcon_gu3ipu_169",
29
- "divider": "_divider_gu3ipu_177",
30
- "groupHeaderThemeLight": "_groupHeaderThemeLight_gu3ipu_191",
31
- "groupHeaderThemeDark": "_groupHeaderThemeDark_gu3ipu_194",
32
- "groupHeaderSizeL": "_groupHeaderSizeL_gu3ipu_198",
33
- "groupHeaderSizeM": "_groupHeaderSizeM_gu3ipu_201",
34
- "groupHeaderSizeS": "_groupHeaderSizeS_gu3ipu_204",
35
- "groupHeader": "_groupHeader_gu3ipu_191"
2
+ "themeLight": "_themeLight_2eg6os_8",
3
+ "themeDark": "_themeDark_2eg6os_11",
4
+ "menu": "_menu_2eg6os_15",
5
+ "sizeS": "_sizeS_2eg6os_21",
6
+ "sizeM": "_sizeM_2eg6os_24",
7
+ "sizeL": "_sizeL_2eg6os_27",
8
+ "modeClassic": "_modeClassic_2eg6os_31",
9
+ "modeRock": "_modeRock_2eg6os_34",
10
+ "modeClear": "_modeClear_2eg6os_37",
11
+ "iconPlacementLeft": "_iconPlacementLeft_2eg6os_41",
12
+ "iconPlacementRight": "_iconPlacementRight_2eg6os_45",
13
+ "wrapper": "_wrapper_2eg6os_49",
14
+ "hoverIcon": "_hoverIcon_2eg6os_53",
15
+ "hoverIconNoReserve": "_hoverIconNoReserve_2eg6os_56",
16
+ "menuItem": "_menuItem_2eg6os_61",
17
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_2eg6os_98",
18
+ "selected": "_selected_2eg6os_112",
19
+ "keyboardNavigationEnabled": "_keyboardNavigationEnabled_2eg6os_119",
20
+ "hideCustomIconOnHover": "_hideCustomIconOnHover_2eg6os_130",
21
+ "customIcon": "_customIcon_2eg6os_132",
22
+ "hideSelectedIconOnHover": "_hideSelectedIconOnHover_2eg6os_137",
23
+ "selectedIcon": "_selectedIcon_2eg6os_139",
24
+ "disabled": "_disabled_2eg6os_144",
25
+ "contentWrapper": "_contentWrapper_2eg6os_151",
26
+ "content": "_content_2eg6os_151",
27
+ "icon": "_icon_2eg6os_41",
28
+ "resizedIcon": "_resizedIcon_2eg6os_169",
29
+ "divider": "_divider_2eg6os_177",
30
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_2eg6os_191",
31
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_2eg6os_194",
32
+ "groupHeaderSizeL": "_groupHeaderSizeL_2eg6os_198",
33
+ "groupHeaderSizeM": "_groupHeaderSizeM_2eg6os_201",
34
+ "groupHeaderSizeS": "_groupHeaderSizeS_2eg6os_204",
35
+ "groupHeader": "_groupHeader_2eg6os_191"
36
36
  };
37
37
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.15.0",
3
+ "version": "0.15.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -21,7 +21,7 @@
21
21
  "react-compiler-runtime": "^1.0.0"
22
22
  },
23
23
  "peerDependencies": {
24
- "@rescui/ui-contexts": "^0.6.0",
24
+ "@rescui/ui-contexts": "^0.7.0",
25
25
  "prop-types": "^15",
26
26
  "react": ">=17.0.0 <20"
27
27
  },
@@ -29,7 +29,7 @@
29
29
  "@rescui/colors": "^0.3.4",
30
30
  "@rescui/postcss-preset-library": "^0.2.3",
31
31
  "@rescui/scripts": "^0.5.3",
32
- "@rescui/typography": "^0.28.0",
32
+ "@rescui/typography": "^0.28.1",
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": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
41
+ "gitHead": "ce4c6c5e3fd5aede0006f6ef8e655fc0ab394c0f"
42
42
  }