@rescui/menu 0.14.2-RUI-308-Fix-select-issues-405b9fa40.12 → 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 (11) hide show
  1. package/lib/_virtual/check-outline.js +294 -63
  2. package/lib/_virtual/index.css.js +12 -12
  3. package/lib/index.css +68 -68
  4. package/lib/menu.js +374 -119
  5. package/lib/menu.p.module.css.js +34 -34
  6. package/lib/parts/divider.js +53 -11
  7. package/lib/parts/group-header.js +43 -11
  8. package/lib/parts/menu-context.js +72 -15
  9. package/lib/parts/menu-item.js +305 -92
  10. package/lib/parts/use-menu-keyboard-navigation.js +225 -110
  11. package/package.json +10 -10
package/lib/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._icon_8k0v18_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_8k0v18_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_8k0v18_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_8k0v18_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_8k0v18_14{
40
+ ._sizeXS_uyx2zk_14{
41
41
  --_rs-icons-height:16px;
42
42
  }
43
- ._sizeS_8k0v18_18{
43
+ ._sizeS_uyx2zk_18{
44
44
  --_rs-icons-height:20px;
45
45
  }
46
- ._sizeM_8k0v18_22{
46
+ ._sizeM_uyx2zk_22{
47
47
  --_rs-icons-height:24px;
48
48
  }
49
- ._sizeL_8k0v18_26{
49
+ ._sizeL_uyx2zk_26{
50
50
  --_rs-icons-height:28px;
51
51
  }
52
- ._light_8k0v18_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_8k0v18_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_8k0v18_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_8k0v18_53,
73
- ._variant20_8k0v18_54,
74
- ._variant24_8k0v18_55{
72
+ ._variant16_uyx2zk_53,
73
+ ._variant20_uyx2zk_54,
74
+ ._variant24_uyx2zk_55{
75
75
  display:none;
76
76
  }
77
- ._variant28_8k0v18_58{
77
+ ._variant28_uyx2zk_58{
78
78
  display:block;
79
79
  }
80
80
  @container rs-icon (max-height: 24px){
81
- ._variant24_8k0v18_55{
81
+ ._variant24_uyx2zk_55{
82
82
  display:block;
83
83
  }
84
- ._variant28_8k0v18_58{
84
+ ._variant28_uyx2zk_58{
85
85
  display:none;
86
86
  }
87
87
  }
88
88
  @container rs-icon (max-height: 20px){
89
- ._variant20_8k0v18_54{
89
+ ._variant20_uyx2zk_54{
90
90
  display:block;
91
91
  }
92
- ._variant24_8k0v18_55{
92
+ ._variant24_uyx2zk_55{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 16px){
97
- ._variant16_8k0v18_53{
97
+ ._variant16_uyx2zk_53{
98
98
  display:block;
99
99
  }
100
- ._variant20_8k0v18_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_lrn2jk_8{
109
+ ._themeLight_2eg6os_8{
110
110
  --rs-theme-dark:0;
111
111
  }
112
- ._themeDark_lrn2jk_11{
112
+ ._themeDark_2eg6os_11{
113
113
  --rs-theme-dark:1;
114
114
  }
115
- ._menu_lrn2jk_15:focus{
115
+ ._menu_2eg6os_15:focus{
116
116
  outline:none;
117
117
  }
118
- ._sizeS_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_37{
281
+ ._modeClear_2eg6os_37{
282
282
  --_rs-menu-mi-horizontal-padding-with-mode:0;
283
283
  }
284
- ._modeClear_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_49{
300
+ ._wrapper_2eg6os_49{
301
301
  display:flex;
302
302
  }
303
- ._hoverIcon_lrn2jk_53{
303
+ ._hoverIcon_2eg6os_53{
304
304
  visibility:hidden;
305
305
  }
306
- ._hoverIcon_lrn2jk_53._hoverIconNoReserve_lrn2jk_56{
306
+ ._hoverIcon_2eg6os_53._hoverIconNoReserve_2eg6os_56{
307
307
  display:none;
308
308
  }
309
- ._menuItem_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_61:focus{
377
+ ._menuItem_2eg6os_61:focus{
378
378
  outline:none;
379
379
  }
380
- ._keyboardNavigationDisabled_lrn2jk_98 ._menuItem_lrn2jk_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_lrn2jk_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_lrn2jk_61._selected_lrn2jk_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_lrn2jk_119 ._menuItem_lrn2jk_61:focus,
392
- ._keyboardNavigationDisabled_lrn2jk_98 ._menuItem_lrn2jk_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_lrn2jk_119 ._menuItem_lrn2jk_61:focus ._hoverIcon_lrn2jk_53, ._keyboardNavigationDisabled_lrn2jk_98 ._menuItem_lrn2jk_61:hover ._hoverIcon_lrn2jk_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_lrn2jk_119 ._menuItem_lrn2jk_61._hideCustomIconOnHover_lrn2jk_130:focus ._customIcon_lrn2jk_132, ._keyboardNavigationDisabled_lrn2jk_98 ._menuItem_lrn2jk_61._hideCustomIconOnHover_lrn2jk_130:hover ._customIcon_lrn2jk_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_lrn2jk_119 ._menuItem_lrn2jk_61._hideSelectedIconOnHover_lrn2jk_137:focus ._selectedIcon_lrn2jk_139, ._keyboardNavigationDisabled_lrn2jk_98 ._menuItem_lrn2jk_61._hideSelectedIconOnHover_lrn2jk_137:hover ._selectedIcon_lrn2jk_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_lrn2jk_61._disabled_lrn2jk_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_lrn2jk_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_lrn2jk_151{
418
+ ._content_2eg6os_151{
419
419
  flex-grow:1;
420
420
 
421
421
  font-size:inherit;
422
422
  }
423
- ._icon_lrn2jk_41{
423
+ ._icon_2eg6os_41{
424
424
  flex:0 0;
425
425
  flex-basis:auto;
426
426
  }
427
- ._icon_lrn2jk_41._resizedIcon_lrn2jk_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_lrn2jk_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_lrn2jk_191{
442
+ ._groupHeaderThemeLight_2eg6os_191{
443
443
  --rs-theme-dark:0;
444
444
  }
445
- ._groupHeaderThemeDark_lrn2jk_194{
445
+ ._groupHeaderThemeDark_2eg6os_194{
446
446
  --rs-theme-dark:1;
447
447
  }
448
- ._groupHeaderSizeL_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_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_lrn2jk_191 {
577
+ ._groupHeader_2eg6os_191 {
578
578
  letter-spacing:var(
579
579
  --rs-text-base-letter-spacing,
580
580
  var(--_rs-typography-letter-spacing)