@rescui/menu 0.13.6-RUI-293-Update-menu-component-7a032357e.20 → 0.13.6-RUI-293-Update-menu-component-6ca9d26d3.22

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 (7) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +63 -63
  3. package/lib/menu.d.ts +1 -1
  4. package/lib/menu.js +0 -15
  5. package/lib/menu.p.module.css.js +28 -28
  6. package/lib/types.d.ts +19 -0
  7. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_11g9wvk_4",
3
- "sizeXS": "_sizeXS_11g9wvk_14",
4
- "sizeS": "_sizeS_11g9wvk_18",
5
- "sizeM": "_sizeM_11g9wvk_22",
6
- "sizeL": "_sizeL_11g9wvk_26",
7
- "light": "_light_11g9wvk_30",
8
- "dark": "_dark_11g9wvk_34",
9
- "allVariants": "_allVariants_11g9wvk_48",
10
- "variant16": "_variant16_11g9wvk_53",
11
- "variant20": "_variant20_11g9wvk_54",
12
- "variant24": "_variant24_11g9wvk_55",
13
- "variant28": "_variant28_11g9wvk_58"
2
+ "icon": "_icon_7dcaqk_4",
3
+ "sizeXS": "_sizeXS_7dcaqk_14",
4
+ "sizeS": "_sizeS_7dcaqk_18",
5
+ "sizeM": "_sizeM_7dcaqk_22",
6
+ "sizeL": "_sizeL_7dcaqk_26",
7
+ "light": "_light_7dcaqk_30",
8
+ "dark": "_dark_7dcaqk_34",
9
+ "allVariants": "_allVariants_7dcaqk_48",
10
+ "variant16": "_variant16_7dcaqk_53",
11
+ "variant20": "_variant20_7dcaqk_54",
12
+ "variant24": "_variant24_7dcaqk_55",
13
+ "variant28": "_variant28_7dcaqk_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_11g9wvk_4{
1
+ ._icon_7dcaqk_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_11g9wvk_4{
11
+ ._icon_7dcaqk_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_11g9wvk_4{
20
+ ._icon_7dcaqk_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_11g9wvk_4{
28
+ ._icon_7dcaqk_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_11g9wvk_14{
35
+ ._sizeXS_7dcaqk_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_11g9wvk_18{
38
+ ._sizeS_7dcaqk_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_11g9wvk_22{
41
+ ._sizeM_7dcaqk_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_11g9wvk_26{
44
+ ._sizeL_7dcaqk_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_11g9wvk_30{
47
+ ._light_7dcaqk_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_11g9wvk_34{
51
+ ._dark_7dcaqk_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,52 +60,52 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_11g9wvk_48{
63
+ ._allVariants_7dcaqk_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_11g9wvk_53,
68
- ._variant20_11g9wvk_54,
69
- ._variant24_11g9wvk_55{
67
+ ._variant16_7dcaqk_53,
68
+ ._variant20_7dcaqk_54,
69
+ ._variant24_7dcaqk_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_11g9wvk_58{
72
+ ._variant28_7dcaqk_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_11g9wvk_55{
76
+ ._variant24_7dcaqk_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_11g9wvk_58{
79
+ ._variant28_7dcaqk_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_11g9wvk_54{
84
+ ._variant20_7dcaqk_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_11g9wvk_55{
87
+ ._variant24_7dcaqk_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_11g9wvk_53{
92
+ ._variant16_7dcaqk_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_11g9wvk_54{
95
+ ._variant20_7dcaqk_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_1bzmk9l_8{
99
+ ._themeLight_2x3bw5_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_1bzmk9l_11{
102
+ ._themeDark_2x3bw5_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._menu_1bzmk9l_15:focus{
105
+ ._menu_2x3bw5_15:focus{
106
106
  outline:none;
107
107
  }
108
- ._sizeS_1bzmk9l_21{
108
+ ._sizeS_2x3bw5_21{
109
109
  --_rs-menu-mi-icon-offset:8px;
110
110
  --_rs-menu-mi-icon-size:20px;
111
111
  --_rs-menu-mi-vertical-padding:6px;
@@ -144,7 +144,7 @@
144
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
- ._sizeM_1bzmk9l_24{
147
+ ._sizeM_2x3bw5_24{
148
148
  --_rs-menu-mi-icon-offset:8px;
149
149
  --_rs-menu-mi-icon-size:24px;
150
150
  --_rs-menu-mi-vertical-padding:8px;
@@ -187,11 +187,11 @@
187
187
  --_rs-typography-link-border-bottom-width-from-text:1px;
188
188
  }
189
189
  @media screen and (max-width: 640px){
190
- ._sizeM_1bzmk9l_24{
190
+ ._sizeM_2x3bw5_24{
191
191
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
192
192
  }
193
193
  }
194
- ._sizeL_1bzmk9l_27{
194
+ ._sizeL_2x3bw5_27{
195
195
  --_rs-menu-mi-icon-offset:16px;
196
196
  --_rs-menu-mi-icon-size:28px;
197
197
  --_rs-menu-mi-vertical-padding:12px;
@@ -234,16 +234,16 @@
234
234
  --_rs-typography-link-border-bottom-width-from-text:1px;
235
235
  }
236
236
  @media screen and (max-width: 640px){
237
- ._sizeL_1bzmk9l_27{
237
+ ._sizeL_2x3bw5_27{
238
238
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
239
239
  }
240
240
  }
241
- ._modeClassic_1bzmk9l_31{
241
+ ._modeClassic_2x3bw5_31{
242
242
  --_rs-menu-mi-horizontal-padding-with-mode:var(
243
243
  --_rs-menu-mi-horizontal-padding
244
244
  );
245
245
  }
246
- ._modeClassic_1bzmk9l_31 [data-rs-internal="menu__menu-item__inner"]{
246
+ ._modeClassic_2x3bw5_31 [data-rs-internal="menu__menu-item__inner"]{
247
247
  --_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
248
  --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
249
249
  --_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 +255,12 @@
255
255
  );
256
256
  --_rs-menu-mi-hover-background:var(--_rs-color-primary);
257
257
  }
258
- ._modeRock_1bzmk9l_34{
258
+ ._modeRock_2x3bw5_34{
259
259
  --_rs-menu-mi-horizontal-padding-with-mode:var(
260
260
  --_rs-menu-mi-horizontal-padding
261
261
  );
262
262
  }
263
- ._modeRock_1bzmk9l_34 [data-rs-internal="menu__menu-item__inner"]{
263
+ ._modeRock_2x3bw5_34 [data-rs-internal="menu__menu-item__inner"]{
264
264
  --_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
265
  --_rs-menu-mi-active-background:transparent;
266
266
  --_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 +268,10 @@
268
268
  --_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
269
  --_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
270
  }
271
- ._modeClear_1bzmk9l_37{
271
+ ._modeClear_2x3bw5_37{
272
272
  --_rs-menu-mi-horizontal-padding-with-mode:0;
273
273
  }
274
- ._modeClear_1bzmk9l_37 [data-rs-internal="menu__menu-item__inner"]{
274
+ ._modeClear_2x3bw5_37 [data-rs-internal="menu__menu-item__inner"]{
275
275
  --_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
276
  --_rs-menu-mi-active-background:transparent;
277
277
  --_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,18 +279,18 @@
279
279
  --_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
280
  --_rs-menu-mi-hover-background:transparent;
281
281
  }
282
- ._iconPlacementLeft_1bzmk9l_41{
282
+ ._iconPlacementLeft_2x3bw5_41{
283
283
  --_rs-menu-mi-flex-direction:row;
284
284
  --_rs-menu-mi-justify-content:initial;
285
285
  }
286
- ._iconPlacementRight_1bzmk9l_45{
286
+ ._iconPlacementRight_2x3bw5_45{
287
287
  --_rs-menu-mi-flex-direction:row-reverse;
288
288
  --_rs-menu-mi-justify-content:space-between;
289
289
  }
290
- ._wrapper_1bzmk9l_49{
290
+ ._wrapper_2x3bw5_49{
291
291
  display:flex;
292
292
  }
293
- ._menuItem_1bzmk9l_53{
293
+ ._menuItem_2x3bw5_53{
294
294
  --_rs-theme-dark:var(
295
295
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
296
296
  var(--rs-theme-dark, 0)
@@ -300,7 +300,7 @@
300
300
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
301
301
  }
302
302
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
303
- ._menuItem_1bzmk9l_53{
303
+ ._menuItem_2x3bw5_53{
304
304
  --_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)));
305
305
  --_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)));
306
306
  --_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)));
@@ -309,7 +309,7 @@
309
309
  }
310
310
  }
311
311
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
312
- ._menuItem_1bzmk9l_53{
312
+ ._menuItem_2x3bw5_53{
313
313
  --_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);
314
314
  --_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));
315
315
  --_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));
@@ -317,7 +317,7 @@
317
317
  --_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));
318
318
  }
319
319
  }
320
- ._menuItem_1bzmk9l_53 {
320
+ ._menuItem_2x3bw5_53 {
321
321
  letter-spacing:var(
322
322
  --rs-text-base-letter-spacing,
323
323
  var(--_rs-typography-letter-spacing)
@@ -358,51 +358,51 @@
358
358
  -webkit-font-smoothing:inherit;
359
359
  -moz-osx-font-smoothing:inherit;
360
360
  }
361
- ._menuItem_1bzmk9l_53:focus{
361
+ ._menuItem_2x3bw5_53:focus{
362
362
  outline:none;
363
363
  }
364
- ._keyboardNavigationDisabled_1bzmk9l_90 ._menuItem_1bzmk9l_53:focus[data-focus-method='key']{
364
+ ._keyboardNavigationDisabled_2x3bw5_90 ._menuItem_2x3bw5_53:focus[data-focus-method='key']{
365
365
  box-shadow:0 0 0 2px var(--_rs-color-primary-dim), inset 0 0 0 2px var(--_rs-color-primary-dim);
366
366
  }
367
- ._menuItem_1bzmk9l_53:active{
367
+ ._menuItem_2x3bw5_53:active{
368
368
  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));
369
369
  background:var(--_rs-menu-mi-active-background);
370
370
  }
371
- ._menuItem_1bzmk9l_53._selected_1bzmk9l_104{
371
+ ._menuItem_2x3bw5_53._selected_2x3bw5_104{
372
372
  color:var(--_rs-menu-mi-selected-color);
373
373
  background:var(--_rs-menu-mi-selected-background);
374
374
  }
375
- ._keyboardNavigationEnabled_1bzmk9l_111 ._menuItem_1bzmk9l_53:focus,
376
- ._keyboardNavigationDisabled_1bzmk9l_90 ._menuItem_1bzmk9l_53:hover{
375
+ ._keyboardNavigationEnabled_2x3bw5_111 ._menuItem_2x3bw5_53:focus,
376
+ ._keyboardNavigationDisabled_2x3bw5_90 ._menuItem_2x3bw5_53:hover{
377
377
  color:var(--_rs-menu-mi-hover-color);
378
378
  background:var(--_rs-menu-mi-hover-background);
379
379
  }
380
- ._menuItem_1bzmk9l_53._disabled_1bzmk9l_117{
380
+ ._menuItem_2x3bw5_53._disabled_2x3bw5_117{
381
381
  pointer-events:none;
382
382
 
383
383
  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);
384
384
  }
385
- ._contentWrapper_1bzmk9l_124{
385
+ ._contentWrapper_2x3bw5_124{
386
386
  display:flex;
387
387
  flex-grow:1;
388
388
 
389
389
  justify-content:space-between;
390
390
  gap:var(--_rs-menu-mi-icon-offset);
391
391
  }
392
- ._content_1bzmk9l_124{
392
+ ._content_2x3bw5_124{
393
393
  flex-grow:1;
394
394
 
395
395
  font-size:inherit;
396
396
  }
397
- ._icon_1bzmk9l_41{
397
+ ._icon_2x3bw5_41{
398
398
  flex:0 0;
399
399
  flex-basis:auto;
400
400
  }
401
- ._icon_1bzmk9l_41._resizedIcon_1bzmk9l_142{
401
+ ._icon_2x3bw5_41._resizedIcon_2x3bw5_142{
402
402
  width:auto;
403
403
  height:var(--_rs-menu-mi-icon-size);
404
404
  }
405
- ._divider_1bzmk9l_150{
405
+ ._divider_2x3bw5_150{
406
406
  flex-shrink:0;
407
407
 
408
408
  width:100%;
@@ -413,13 +413,13 @@
413
413
 
414
414
  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);
415
415
  }
416
- ._groupHeaderThemeLight_1bzmk9l_164{
416
+ ._groupHeaderThemeLight_2x3bw5_164{
417
417
  --rs-theme-dark:0;
418
418
  }
419
- ._groupHeaderThemeDark_1bzmk9l_167{
419
+ ._groupHeaderThemeDark_2x3bw5_167{
420
420
  --rs-theme-dark:1;
421
421
  }
422
- ._groupHeaderSizeL_1bzmk9l_171{
422
+ ._groupHeaderSizeL_2x3bw5_171{
423
423
  --_rs-menu-gh-vertical-padding:12px;
424
424
  --_rs-menu-gh-horizontal-padding:16px;
425
425
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
@@ -453,7 +453,7 @@
453
453
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
454
454
  --_rs-typography-link-border-bottom-width-from-text:2px;
455
455
  }
456
- ._groupHeaderSizeM_1bzmk9l_174{
456
+ ._groupHeaderSizeM_2x3bw5_174{
457
457
  --_rs-menu-gh-vertical-padding:8px;
458
458
  --_rs-menu-gh-horizontal-padding:16px;
459
459
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
@@ -487,7 +487,7 @@
487
487
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
488
488
  --_rs-typography-link-border-bottom-width-from-text:2px;
489
489
  }
490
- ._groupHeaderSizeS_1bzmk9l_177{
490
+ ._groupHeaderSizeS_2x3bw5_177{
491
491
  --_rs-menu-gh-vertical-padding:6px;
492
492
  --_rs-menu-gh-horizontal-padding:8px;
493
493
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
@@ -521,7 +521,7 @@
521
521
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
522
522
  --_rs-typography-link-border-bottom-width-from-text:2px;
523
523
  }
524
- ._groupHeader_1bzmk9l_164{
524
+ ._groupHeader_2x3bw5_164{
525
525
  --_rs-theme-dark:var(
526
526
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
527
527
  var(--rs-theme-dark, 0)
@@ -531,7 +531,7 @@
531
531
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
532
532
  }
533
533
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
534
- ._groupHeader_1bzmk9l_164{
534
+ ._groupHeader_2x3bw5_164{
535
535
  --_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)));
536
536
  --_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)));
537
537
  --_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)));
@@ -540,7 +540,7 @@
540
540
  }
541
541
  }
542
542
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
543
- ._groupHeader_1bzmk9l_164{
543
+ ._groupHeader_2x3bw5_164{
544
544
  --_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);
545
545
  --_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));
546
546
  --_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));
@@ -548,7 +548,7 @@
548
548
  --_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));
549
549
  }
550
550
  }
551
- ._groupHeader_1bzmk9l_164 {
551
+ ._groupHeader_2x3bw5_164 {
552
552
  letter-spacing:var(
553
553
  --rs-text-base-letter-spacing,
554
554
  var(--_rs-typography-letter-spacing)
package/lib/menu.d.ts CHANGED
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
3
3
  import type { MenuProps } from './types';
4
4
  export type { MenuProps } from './types';
5
5
  export declare const Menu: {
6
- ({ enableKeyboardNavigation, activateFirstItem, tag, disabled, size, mode, iconPlacement, resizeIcons, ...props }: MenuProps): React.JSX.Element;
6
+ ({ enableKeyboardNavigation, activateFirstItem, tag, ...props }: MenuProps): React.JSX.Element;
7
7
  propTypes: {
8
8
  size: PropTypes.Requireable<string>;
9
9
  mode: PropTypes.Requireable<string>;
package/lib/menu.js CHANGED
@@ -128,29 +128,14 @@ const Menu = _ref3 => {
128
128
  enableKeyboardNavigation = false,
129
129
  activateFirstItem = false,
130
130
  tag = 'ul',
131
- disabled = false,
132
- size = 'm',
133
- mode = 'classic',
134
- iconPlacement = 'left',
135
- resizeIcons = false,
136
131
  ...props
137
132
  } = _ref3;
138
133
  return enableKeyboardNavigation ? /*#__PURE__*/React.createElement(MenuListbox, {
139
134
  activateFirstItem: activateFirstItem,
140
135
  tag: tag,
141
- disabled: disabled,
142
- size: size,
143
- mode: mode,
144
- iconPlacement: iconPlacement,
145
- resizeIcons: resizeIcons,
146
136
  ...props
147
137
  }) : /*#__PURE__*/React.createElement(MenuRegular, {
148
138
  tag: tag,
149
- disabled: disabled,
150
- size: size,
151
- mode: mode,
152
- iconPlacement: iconPlacement,
153
- resizeIcons: resizeIcons,
154
139
  ...props
155
140
  });
156
141
  };
package/lib/menu.p.module.css.js CHANGED
@@ -1,31 +1,31 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1bzmk9l_8",
3
- "themeDark": "_themeDark_1bzmk9l_11",
4
- "menu": "_menu_1bzmk9l_15",
5
- "sizeS": "_sizeS_1bzmk9l_21",
6
- "sizeM": "_sizeM_1bzmk9l_24",
7
- "sizeL": "_sizeL_1bzmk9l_27",
8
- "modeClassic": "_modeClassic_1bzmk9l_31",
9
- "modeRock": "_modeRock_1bzmk9l_34",
10
- "modeClear": "_modeClear_1bzmk9l_37",
11
- "iconPlacementLeft": "_iconPlacementLeft_1bzmk9l_41",
12
- "iconPlacementRight": "_iconPlacementRight_1bzmk9l_45",
13
- "wrapper": "_wrapper_1bzmk9l_49",
14
- "menuItem": "_menuItem_1bzmk9l_53",
15
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1bzmk9l_90",
16
- "selected": "_selected_1bzmk9l_104",
17
- "keyboardNavigationEnabled": "_keyboardNavigationEnabled_1bzmk9l_111",
18
- "disabled": "_disabled_1bzmk9l_117",
19
- "contentWrapper": "_contentWrapper_1bzmk9l_124",
20
- "content": "_content_1bzmk9l_124",
21
- "icon": "_icon_1bzmk9l_41",
22
- "resizedIcon": "_resizedIcon_1bzmk9l_142",
23
- "divider": "_divider_1bzmk9l_150",
24
- "groupHeaderThemeLight": "_groupHeaderThemeLight_1bzmk9l_164",
25
- "groupHeaderThemeDark": "_groupHeaderThemeDark_1bzmk9l_167",
26
- "groupHeaderSizeL": "_groupHeaderSizeL_1bzmk9l_171",
27
- "groupHeaderSizeM": "_groupHeaderSizeM_1bzmk9l_174",
28
- "groupHeaderSizeS": "_groupHeaderSizeS_1bzmk9l_177",
29
- "groupHeader": "_groupHeader_1bzmk9l_164"
2
+ "themeLight": "_themeLight_2x3bw5_8",
3
+ "themeDark": "_themeDark_2x3bw5_11",
4
+ "menu": "_menu_2x3bw5_15",
5
+ "sizeS": "_sizeS_2x3bw5_21",
6
+ "sizeM": "_sizeM_2x3bw5_24",
7
+ "sizeL": "_sizeL_2x3bw5_27",
8
+ "modeClassic": "_modeClassic_2x3bw5_31",
9
+ "modeRock": "_modeRock_2x3bw5_34",
10
+ "modeClear": "_modeClear_2x3bw5_37",
11
+ "iconPlacementLeft": "_iconPlacementLeft_2x3bw5_41",
12
+ "iconPlacementRight": "_iconPlacementRight_2x3bw5_45",
13
+ "wrapper": "_wrapper_2x3bw5_49",
14
+ "menuItem": "_menuItem_2x3bw5_53",
15
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_2x3bw5_90",
16
+ "selected": "_selected_2x3bw5_104",
17
+ "keyboardNavigationEnabled": "_keyboardNavigationEnabled_2x3bw5_111",
18
+ "disabled": "_disabled_2x3bw5_117",
19
+ "contentWrapper": "_contentWrapper_2x3bw5_124",
20
+ "content": "_content_2x3bw5_124",
21
+ "icon": "_icon_2x3bw5_41",
22
+ "resizedIcon": "_resizedIcon_2x3bw5_142",
23
+ "divider": "_divider_2x3bw5_150",
24
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_2x3bw5_164",
25
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_2x3bw5_167",
26
+ "groupHeaderSizeL": "_groupHeaderSizeL_2x3bw5_171",
27
+ "groupHeaderSizeM": "_groupHeaderSizeM_2x3bw5_174",
28
+ "groupHeaderSizeS": "_groupHeaderSizeS_2x3bw5_177",
29
+ "groupHeader": "_groupHeader_2x3bw5_164"
30
30
  };
31
31
  export { styles as default };
package/lib/types.d.ts CHANGED
@@ -22,13 +22,32 @@ export type MenuContextValue = {
22
22
  resizeIcons?: boolean;
23
23
  };
24
24
  type MenuSpecificProps = {
25
+ /**
26
+ * Icon placement relative to the menu item text
27
+ * @default left
28
+ */
25
29
  iconPlacement?: MenuItemIconPlacement;
30
+ /**
31
+ * @default false
32
+ * @rawDefaultValue
33
+ */
26
34
  disabled?: boolean;
35
+ /**
36
+ * @default m
37
+ */
27
38
  size?: MenuItemSize;
39
+ /**
40
+ * @default classic
41
+ */
28
42
  mode?: MenuItemMode;
29
43
  theme?: Theme;
30
44
  tag?: React.ElementType;
31
45
  itemTag?: React.ElementType;
46
+ /**
47
+ * Enable icons resizing in tandem with menu size
48
+ * @default false
49
+ * @rawDefaultValue
50
+ */
32
51
  resizeIcons?: boolean;
33
52
  children?: React.ReactNode;
34
53
  enableKeyboardNavigation?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.13.6-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
3
+ "version": "0.13.6-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
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.1-RUI-293-Update-menu-component-7a032357e.55+7a032357e",
29
+ "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-6ca9d26d3.57+6ca9d26d3",
30
30
  "@rescui/postcss-preset-library": "0.2.2",
31
31
  "@rescui/scripts": "0.5.2",
32
- "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
32
+ "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-6ca9d26d3.22+6ca9d26d3",
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": "7a032357e8f31abbf69e18aa6b7ef2d75e40f42e"
41
+ "gitHead": "6ca9d26d30da536dc5a10fdd86222129e2832efa"
42
42
  }