@rescui/menu 0.7.3 → 0.8.0

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 (5) hide show
  1. package/lib/index.css +89 -93
  2. package/lib/index.p.module.css.js +27 -25
  3. package/lib/parts/group-header.js +2 -2
  4. package/lib/parts/menu-item.js +7 -7
  5. package/package.json +2 -2
package/lib/index.css CHANGED
@@ -1,9 +1,9 @@
1
- ._wrapper_1jolkki_8{
1
+ ._wrapper_1k35pyz_8{
2
2
  display:-webkit-box;
3
3
  display:-ms-flexbox;
4
4
  display:flex;
5
5
  }
6
- ._menuItem_1jolkki_12{
6
+ ._menuItem_1k35pyz_12{
7
7
  display:-webkit-box;
8
8
  display:-ms-flexbox;
9
9
  display:flex;
@@ -31,49 +31,23 @@
31
31
  -webkit-font-smoothing:inherit;
32
32
  -moz-osx-font-smoothing:inherit;
33
33
  }
34
- ._menuItem_1jolkki_12:focus{
34
+ ._menuItem_1k35pyz_12:focus{
35
35
  outline:none;
36
36
  }
37
- ._content_1jolkki_40{
37
+ ._content_1k35pyz_40{
38
38
  -webkit-box-flex:1;
39
39
  -ms-flex-positive:1;
40
40
  flex-grow:1;
41
41
 
42
42
  font-size:inherit;
43
43
  }
44
- ._placementRight_1jolkki_46{
44
+ ._placementRight_1k35pyz_46{
45
45
  -webkit-box-pack:justify;
46
46
  -ms-flex-pack:justify;
47
47
  justify-content:space-between;
48
48
  }
49
- ._sizeS_1jolkki_51{
49
+ ._sizeS_1k35pyz_51{
50
50
  padding: 6px 8px;
51
- }
52
- ._sizeM_1jolkki_55{
53
- padding: 8px 16px;
54
- }
55
- ._sizeL_1jolkki_59{
56
- padding: 12px 16px;
57
- }
58
- ._modeClear_1jolkki_63._sizeS_1jolkki_51,
59
- ._modeClear_1jolkki_63._sizeM_1jolkki_55,
60
- ._modeClear_1jolkki_63._sizeL_1jolkki_59{
61
- padding-right:0;
62
- padding-left:0;
63
- }
64
- ._keyboardNavigationDisabled_1jolkki_71 ._themeLight_1jolkki_71:focus[data-focus-method='key']{
65
- -webkit-box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
66
- -webkit-box-shadow:0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff), inset 0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff);
67
- box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
68
- box-shadow:0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff), inset 0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff);
69
- }
70
- ._keyboardNavigationDisabled_1jolkki_71 ._themeDark_1jolkki_78:focus[data-focus-method='key']{
71
- -webkit-box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
72
- -webkit-box-shadow:0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2), inset 0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2);
73
- box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
74
- box-shadow:0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2), inset 0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2);
75
- }
76
- ._sizeS_1jolkki_51{
77
51
  letter-spacing:0.0045em;
78
52
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
79
53
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -84,10 +58,11 @@
84
58
  line-height:20px;
85
59
  line-height:var(--rs-text-3-line-height, 20px);
86
60
  }
87
- ._rs-reset-letter-spacing_1jolkki_1 ._sizeS_1jolkki_51{
61
+ ._rs-reset-letter-spacing_1k35pyz_1 ._sizeS_1k35pyz_51{
88
62
  letter-spacing:normal;
89
63
  }
90
- ._sizeM_1jolkki_55{
64
+ ._sizeM_1k35pyz_56{
65
+ padding: 8px 16px;
91
66
  letter-spacing:0.0015em;
92
67
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
93
68
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -99,10 +74,11 @@
99
74
  line-height:24px;
100
75
  line-height:var(--rs-text-2-line-height, 24px);
101
76
  }
102
- ._rs-reset-letter-spacing_1jolkki_1 ._sizeM_1jolkki_55{
77
+ ._rs-reset-letter-spacing_1k35pyz_1 ._sizeM_1k35pyz_56{
103
78
  letter-spacing:normal;
104
79
  }
105
- ._sizeL_1jolkki_59{
80
+ ._sizeL_1k35pyz_61{
81
+ padding: 12px 16px;
106
82
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
107
83
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
108
84
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -113,136 +89,156 @@
113
89
  line-height:28px;
114
90
  line-height:var(--rs-text-1-line-height, 28px);
115
91
  }
116
- ._themeLight_1jolkki_71{
117
- color:rgba(25,25,28,0.7);
118
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
92
+ ._modeClear_1k35pyz_66._sizeS_1k35pyz_51,
93
+ ._modeClear_1k35pyz_66._sizeM_1k35pyz_56,
94
+ ._modeClear_1k35pyz_66._sizeL_1k35pyz_61{
95
+ padding-right:0;
96
+ padding-left:0;
119
97
  }
120
- ._themeDark_1jolkki_78{
121
- color:rgba(255,255,255,0.7);
122
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
98
+ ._themeLight_1k35pyz_73,
99
+ ._themeLight_1k35pyz_73:focus{
100
+ color:#19191C;
101
+ color:var(--rs-typography-color-hard, #19191C);
123
102
  }
124
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71:active{
103
+ ._themeDark_1k35pyz_78,
104
+ ._themeDark_1k35pyz_78:focus{
105
+ color:#FFFFFF;
106
+ color:var(--rs-typography-color-hard, #FFFFFF);
107
+ }
108
+ ._keyboardNavigationDisabled_1k35pyz_83 ._themeLight_1k35pyz_73:focus[data-focus-method='key']{
109
+ -webkit-box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
110
+ -webkit-box-shadow:0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff), inset 0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff);
111
+ box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
112
+ box-shadow:0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff), inset 0 0 0 2px var(--rs-color-primary-dim-light-theme, #8979ff);
113
+ }
114
+ ._keyboardNavigationDisabled_1k35pyz_83 ._themeDark_1k35pyz_78:focus[data-focus-method='key']{
115
+ -webkit-box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
116
+ -webkit-box-shadow:0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2), inset 0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2);
117
+ box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
118
+ box-shadow:0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2), inset 0 0 0 2px var(--rs-color-primary-dim-dark-theme, #6f61d2);
119
+ }
120
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73:active{
125
121
  color:#19191C;
126
122
  color:var(--rs-typography-color-hard, #19191C);
127
123
  background-color:rgba(107, 87, 255,0.2);
128
124
  background-color:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
129
125
  }
130
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78:active{
126
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78:active{
131
127
  color:#FFFFFF;
132
128
  color:var(--rs-typography-color-hard, #FFFFFF);
133
129
  background-color:rgba(132, 115, 255,0.3);
134
130
  background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
135
131
  }
136
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71._selected_1jolkki_119{
132
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73._selected_1k35pyz_111{
137
133
  color:#FFFFFF;
138
134
  color:var(--rs-typography-color-hard, #FFFFFF);
139
135
  background-color:#19191C;
140
136
  }
141
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78._selected_1jolkki_119{
137
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78._selected_1k35pyz_111{
142
138
  color:#19191C;
143
139
  color:var(--rs-typography-color-hard, #19191C);
144
140
  background-color:#FFFFFF;
145
141
  }
146
- ._modeRock_1jolkki_129._themeLight_1jolkki_71._selected_1jolkki_119{
142
+ ._modeRock_1k35pyz_121._themeLight_1k35pyz_73._selected_1k35pyz_111{
147
143
  color:#FFFFFF;
148
144
  color:var(--rs-typography-color-hard, #FFFFFF);
149
145
  background-color:#19191C;
150
146
  }
151
- ._modeRock_1jolkki_129._themeDark_1jolkki_78._selected_1jolkki_119{
147
+ ._modeRock_1k35pyz_121._themeDark_1k35pyz_78._selected_1k35pyz_111{
152
148
  color:#19191C;
153
149
  color:var(--rs-typography-color-hard, #19191C);
154
150
  background-color:#FFFFFF;
155
151
  }
156
- ._modeClear_1jolkki_63._themeLight_1jolkki_71._selected_1jolkki_119{
152
+ ._modeClear_1k35pyz_66._themeLight_1k35pyz_73._selected_1k35pyz_111{
157
153
  color:#6B57FF;
158
154
  color:var(--rs-color-primary-light-theme, #6B57FF);
159
155
  }
160
- ._modeClear_1jolkki_63._themeDark_1jolkki_78._selected_1jolkki_119{
156
+ ._modeClear_1k35pyz_66._themeDark_1k35pyz_78._selected_1k35pyz_111{
161
157
  color:#8473FF;
162
158
  color:var(--rs-color-primary-dark-theme, #8473FF);
163
159
  }
164
- ._disableCursor_1jolkki_149{
160
+ ._disableCursor_1k35pyz_141{
165
161
  pointer-events:none;
166
162
  }
167
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71._highlighted_1jolkki_154,
168
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71:not(._disableCursor_1jolkki_149):hover{
163
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73._highlighted_1k35pyz_146,
164
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73:not(._disableCursor_1k35pyz_141):hover{
169
165
  color:#19191C;
170
166
  color:var(--rs-typography-color-hard, #19191C);
171
167
  background-color:rgba(25,25,28,0.1);
172
168
  }
173
- ._modeRock_1jolkki_129._themeLight_1jolkki_71._highlighted_1jolkki_154,
174
- ._modeRock_1jolkki_129._themeLight_1jolkki_71:not(._disableCursor_1jolkki_149):hover{
169
+ ._modeRock_1k35pyz_121._themeLight_1k35pyz_73._highlighted_1k35pyz_146,
170
+ ._modeRock_1k35pyz_121._themeLight_1k35pyz_73:not(._disableCursor_1k35pyz_141):hover{
175
171
  color:#FFFFFF;
176
172
  color:var(--rs-typography-color-hard, #FFFFFF);
177
173
  background-color:#6B57FF;
178
174
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
179
175
  }
180
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78._highlighted_1jolkki_154,
181
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78:not(._disableCursor_1jolkki_149):hover{
176
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78._highlighted_1k35pyz_146,
177
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78:not(._disableCursor_1k35pyz_141):hover{
182
178
  color:#FFFFFF;
183
179
  color:var(--rs-typography-color-hard, #FFFFFF);
184
180
  background-color:rgba(255,255,255,0.1);
185
181
  }
186
- ._modeRock_1jolkki_129._themeDark_1jolkki_78._highlighted_1jolkki_154,
187
- ._modeRock_1jolkki_129._themeDark_1jolkki_78:not(._disableCursor_1jolkki_149):hover{
182
+ ._modeRock_1k35pyz_121._themeDark_1k35pyz_78._highlighted_1k35pyz_146,
183
+ ._modeRock_1k35pyz_121._themeDark_1k35pyz_78:not(._disableCursor_1k35pyz_141):hover{
188
184
  color:#FFFFFF;
189
185
  color:var(--rs-typography-color-hard, #FFFFFF);
190
186
  background-color:#8473FF;
191
187
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
192
188
  }
193
- ._modeClear_1jolkki_63._themeLight_1jolkki_71._highlighted_1jolkki_154,
194
- ._modeClear_1jolkki_63._themeLight_1jolkki_71:not(._disableCursor_1jolkki_149):hover{
189
+ ._modeClear_1k35pyz_66._themeLight_1k35pyz_73._highlighted_1k35pyz_146,
190
+ ._modeClear_1k35pyz_66._themeLight_1k35pyz_73:not(._disableCursor_1k35pyz_141):hover{
195
191
  color:#19191C;
196
192
  color:var(--rs-typography-color-hard, #19191C);
197
193
  }
198
- ._modeClear_1jolkki_63._themeDark_1jolkki_78._highlighted_1jolkki_154,
199
- ._modeClear_1jolkki_63._themeDark_1jolkki_78:not(._disableCursor_1jolkki_149):hover{
194
+ ._modeClear_1k35pyz_66._themeDark_1k35pyz_78._highlighted_1k35pyz_146,
195
+ ._modeClear_1k35pyz_66._themeDark_1k35pyz_78:not(._disableCursor_1k35pyz_141):hover{
200
196
  color:#FFFFFF;
201
197
  color:var(--rs-typography-color-hard, #FFFFFF);
202
198
  }
203
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71._highlighted_1jolkki_154._selected_1jolkki_119,
204
- ._modeClassic_1jolkki_107._themeLight_1jolkki_71._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
199
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73._highlighted_1k35pyz_146._selected_1k35pyz_111,
200
+ ._modeClassic_1k35pyz_99._themeLight_1k35pyz_73._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
205
201
  background-color:#303033;
206
202
  color:#FFFFFF;
207
203
  color:var(--rs-typography-color-hard, #FFFFFF);
208
204
  }
209
- ._modeRock_1jolkki_129._themeLight_1jolkki_71._highlighted_1jolkki_154._selected_1jolkki_119,
210
- ._modeRock_1jolkki_129._themeLight_1jolkki_71._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
205
+ ._modeRock_1k35pyz_121._themeLight_1k35pyz_73._highlighted_1k35pyz_146._selected_1k35pyz_111,
206
+ ._modeRock_1k35pyz_121._themeLight_1k35pyz_73._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
211
207
  background-color:#303033;
212
208
  color:#FFFFFF;
213
209
  color:var(--rs-typography-color-hard, #FFFFFF);
214
210
  }
215
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78._highlighted_1jolkki_154._selected_1jolkki_119,
216
- ._modeClassic_1jolkki_107._themeDark_1jolkki_78._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
211
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78._highlighted_1k35pyz_146._selected_1k35pyz_111,
212
+ ._modeClassic_1k35pyz_99._themeDark_1k35pyz_78._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
217
213
  background-color:#E8E8E8;
218
214
  color:#19191C;
219
215
  color:var(--rs-typography-color-hard, #19191C);
220
216
  }
221
- ._modeRock_1jolkki_129._themeDark_1jolkki_78._highlighted_1jolkki_154._selected_1jolkki_119,
222
- ._modeRock_1jolkki_129._themeDark_1jolkki_78._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
217
+ ._modeRock_1k35pyz_121._themeDark_1k35pyz_78._highlighted_1k35pyz_146._selected_1k35pyz_111,
218
+ ._modeRock_1k35pyz_121._themeDark_1k35pyz_78._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
223
219
  background-color:#E8E8E8;
224
220
  color:#19191C;
225
221
  color:var(--rs-typography-color-hard, #19191C);
226
222
  }
227
- ._modeClear_1jolkki_63._themeLight_1jolkki_71._highlighted_1jolkki_154._selected_1jolkki_119,
228
- ._modeClear_1jolkki_63._themeLight_1jolkki_71._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
223
+ ._modeClear_1k35pyz_66._themeLight_1k35pyz_73._highlighted_1k35pyz_146._selected_1k35pyz_111,
224
+ ._modeClear_1k35pyz_66._themeLight_1k35pyz_73._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
229
225
  background-color:rgba(25,25,28,0.1);
230
226
  }
231
- ._modeClear_1jolkki_63._themeDark_1jolkki_78._highlighted_1jolkki_154._selected_1jolkki_119,
232
- ._modeClear_1jolkki_63._themeDark_1jolkki_78._selected_1jolkki_119:not(._disableCursor_1jolkki_149):hover{
227
+ ._modeClear_1k35pyz_66._themeDark_1k35pyz_78._highlighted_1k35pyz_146._selected_1k35pyz_111,
228
+ ._modeClear_1k35pyz_66._themeDark_1k35pyz_78._selected_1k35pyz_111:not(._disableCursor_1k35pyz_141):hover{
233
229
  background-color:rgba(255,255,255,0.1);
234
230
  }
235
- ._menuItem_1jolkki_12._themeLight_1jolkki_71._disabled_1jolkki_237{
231
+ ._menuItem_1k35pyz_12._themeLight_1k35pyz_73._disabled_1k35pyz_229{
236
232
  pointer-events:none;
237
233
  color:rgba(25,25,28,0.5);
238
234
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
239
235
  }
240
- ._menuItem_1jolkki_12._themeDark_1jolkki_78._disabled_1jolkki_237{
236
+ ._menuItem_1k35pyz_12._themeDark_1k35pyz_78._disabled_1k35pyz_229{
241
237
  pointer-events:none;
242
238
  color:rgba(255,255,255,0.5);
243
239
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
244
240
  }
245
- ._icon_1jolkki_248{
241
+ ._icon_1k35pyz_240{
246
242
  -webkit-box-flex:0;
247
243
  -ms-flex:0 0;
248
244
  flex:0 0;
@@ -250,25 +246,25 @@
250
246
  flex-basis:auto;
251
247
 
252
248
  }
253
- ._sizeS_1jolkki_51._placementLeft_1jolkki_252 ._icon_1jolkki_248{
249
+ ._sizeS_1k35pyz_51._placementLeft_1k35pyz_244 ._icon_1k35pyz_240{
254
250
  margin-right:8px;
255
251
  }
256
- ._sizeS_1jolkki_51._placementRight_1jolkki_46 ._icon_1jolkki_248{
252
+ ._sizeS_1k35pyz_51._placementRight_1k35pyz_46 ._icon_1k35pyz_240{
257
253
  margin-left:8px;
258
254
  }
259
- ._sizeM_1jolkki_55._placementLeft_1jolkki_252 ._icon_1jolkki_248{
255
+ ._sizeM_1k35pyz_56._placementLeft_1k35pyz_244 ._icon_1k35pyz_240{
260
256
  margin-right:8px;
261
257
  }
262
- ._sizeM_1jolkki_55._placementRight_1jolkki_46 ._icon_1jolkki_248{
258
+ ._sizeM_1k35pyz_56._placementRight_1k35pyz_46 ._icon_1k35pyz_240{
263
259
  margin-left:8px;
264
260
  }
265
- ._sizeL_1jolkki_59._placementLeft_1jolkki_252 ._icon_1jolkki_248{
261
+ ._sizeL_1k35pyz_61._placementLeft_1k35pyz_244 ._icon_1k35pyz_240{
266
262
  margin-right:16px;
267
263
  }
268
- ._sizeL_1jolkki_59._placementRight_1jolkki_46 ._icon_1jolkki_248{
264
+ ._sizeL_1k35pyz_61._placementRight_1k35pyz_46 ._icon_1k35pyz_240{
269
265
  margin-left:16px;
270
266
  }
271
- ._divider_1jolkki_278{
267
+ ._divider_1k35pyz_270{
272
268
  -ms-flex-negative:0;
273
269
  flex-shrink:0;
274
270
 
@@ -278,16 +274,16 @@
278
274
 
279
275
  border:none;
280
276
  }
281
- ._divider_1jolkki_278._themeLight_1jolkki_71{
277
+ ._divider_1k35pyz_270._themeLight_1k35pyz_73{
282
278
  background-color:rgba(25,25,28,0.2);
283
279
  }
284
- ._divider_1jolkki_278._themeDark_1jolkki_78{
280
+ ._divider_1k35pyz_270._themeDark_1k35pyz_78{
285
281
  background-color:rgba(255,255,255,0.2);
286
282
  }
287
- ._groupHeader_1jolkki_296{
283
+ ._groupHeader_1k35pyz_288{
288
284
  border:none;
289
285
  }
290
- ._groupHeaderSizeL_1jolkki_300{
286
+ ._groupHeaderSizeL_1k35pyz_292{
291
287
  padding: 12px 16px;
292
288
  letter-spacing:normal;
293
289
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -301,7 +297,7 @@
301
297
  line-height:28px;
302
298
  line-height:var(--rs-h3-line-height, 28px);
303
299
  }
304
- ._groupHeaderSizeM_1jolkki_305{
300
+ ._groupHeaderSizeM_1k35pyz_297{
305
301
  padding: 8px 16px;
306
302
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
307
303
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -314,7 +310,7 @@
314
310
  line-height:24px;
315
311
  line-height:var(--rs-h4-line-height, 24px);
316
312
  }
317
- ._groupHeaderSizeS_1jolkki_310{
313
+ ._groupHeaderSizeS_1k35pyz_302{
318
314
  padding: 6px 8px;
319
315
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
320
316
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -327,11 +323,11 @@
327
323
  line-height:20px;
328
324
  line-height:var(--rs-h5-line-height, 20px);
329
325
  }
330
- ._themeLight_1jolkki_71{
326
+ ._groupHeaderThemeLight_1k35pyz_307{
331
327
  color:#19191C;
332
328
  color:var(--rs-typography-color-hard, #19191C);
333
329
  }
334
- ._themeDark_1jolkki_78{
330
+ ._groupHeaderThemeDark_1k35pyz_311{
335
331
  color:#FFFFFF;
336
332
  color:var(--rs-typography-color-hard, #FFFFFF);
337
333
  }
package/lib/index.p.module.css.js CHANGED
@@ -1,28 +1,30 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1jolkki_8",
3
- "menuItem": "_menuItem_1jolkki_12",
4
- "content": "_content_1jolkki_40",
5
- "placementRight": "_placementRight_1jolkki_46",
6
- "sizeS": "_sizeS_1jolkki_51",
7
- "sizeM": "_sizeM_1jolkki_55",
8
- "sizeL": "_sizeL_1jolkki_59",
9
- "modeClear": "_modeClear_1jolkki_63",
10
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1jolkki_71",
11
- "themeLight": "_themeLight_1jolkki_71",
12
- "themeDark": "_themeDark_1jolkki_78",
13
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1jolkki_1",
14
- "modeClassic": "_modeClassic_1jolkki_107",
15
- "selected": "_selected_1jolkki_119",
16
- "modeRock": "_modeRock_1jolkki_129",
17
- "disableCursor": "_disableCursor_1jolkki_149",
18
- "highlighted": "_highlighted_1jolkki_154",
19
- "disabled": "_disabled_1jolkki_237",
20
- "icon": "_icon_1jolkki_248",
21
- "placementLeft": "_placementLeft_1jolkki_252",
22
- "divider": "_divider_1jolkki_278",
23
- "groupHeader": "_groupHeader_1jolkki_296",
24
- "groupHeaderSizeL": "_groupHeaderSizeL_1jolkki_300",
25
- "groupHeaderSizeM": "_groupHeaderSizeM_1jolkki_305",
26
- "groupHeaderSizeS": "_groupHeaderSizeS_1jolkki_310"
2
+ "wrapper": "_wrapper_1k35pyz_8",
3
+ "menuItem": "_menuItem_1k35pyz_12",
4
+ "content": "_content_1k35pyz_40",
5
+ "placementRight": "_placementRight_1k35pyz_46",
6
+ "sizeS": "_sizeS_1k35pyz_51",
7
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1k35pyz_1",
8
+ "sizeM": "_sizeM_1k35pyz_56",
9
+ "sizeL": "_sizeL_1k35pyz_61",
10
+ "modeClear": "_modeClear_1k35pyz_66",
11
+ "themeLight": "_themeLight_1k35pyz_73",
12
+ "themeDark": "_themeDark_1k35pyz_78",
13
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1k35pyz_83",
14
+ "modeClassic": "_modeClassic_1k35pyz_99",
15
+ "selected": "_selected_1k35pyz_111",
16
+ "modeRock": "_modeRock_1k35pyz_121",
17
+ "disableCursor": "_disableCursor_1k35pyz_141",
18
+ "highlighted": "_highlighted_1k35pyz_146",
19
+ "disabled": "_disabled_1k35pyz_229",
20
+ "icon": "_icon_1k35pyz_240",
21
+ "placementLeft": "_placementLeft_1k35pyz_244",
22
+ "divider": "_divider_1k35pyz_270",
23
+ "groupHeader": "_groupHeader_1k35pyz_288",
24
+ "groupHeaderSizeL": "_groupHeaderSizeL_1k35pyz_292",
25
+ "groupHeaderSizeM": "_groupHeaderSizeM_1k35pyz_297",
26
+ "groupHeaderSizeS": "_groupHeaderSizeS_1k35pyz_302",
27
+ "groupHeaderThemeLight": "_groupHeaderThemeLight_1k35pyz_307",
28
+ "groupHeaderThemeDark": "_groupHeaderThemeDark_1k35pyz_311"
27
29
  };
28
30
  export { styles as default };
package/lib/parts/group-header.js CHANGED
@@ -10,8 +10,8 @@ var SIZE_CLASS = {
10
10
  l: styles.groupHeaderSizeL
11
11
  };
12
12
  var THEME_CLASS = {
13
- light: styles.themeLight,
14
- dark: styles.themeDark
13
+ light: styles.groupHeaderThemeLight,
14
+ dark: styles.groupHeaderThemeDark
15
15
  };
16
16
 
17
17
  function GroupHeader(_ref) {
package/lib/parts/menu-item.js CHANGED
@@ -16,7 +16,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
16
16
 
17
17
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
18
18
 
19
- import React, { useState, useEffect, cloneElement, Fragment } from 'react';
19
+ import React, { useState, useEffect, cloneElement } from 'react';
20
20
  import cn from 'classnames';
21
21
  import PropTypes from 'prop-types';
22
22
  import { useTheme } from '@rescui/ui-contexts';
@@ -120,14 +120,14 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
120
120
  }
121
121
  };
122
122
 
123
- var Wrapper = wrapWithLi ? 'li' : Fragment;
124
- var wrapperProps = wrapWithLi ? {
125
- className: styles.wrapper
126
- } : {};
127
- return /*#__PURE__*/React.createElement(Wrapper, _objectSpread({}, wrapperProps), /*#__PURE__*/React.createElement(Tag, _objectSpread({
123
+ var Wrapper = wrapWithLi ? 'li' : 'div';
124
+ return /*#__PURE__*/React.createElement(Wrapper, {
125
+ className: cn(styles.wrapper, className),
126
+ "data-test": 'menu-item__wrapper'
127
+ }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
128
128
  onKeyDown: handleKeyDown,
129
129
  ref: handleRef,
130
- className: cn(styles.menuItem, ICON_PLACEMENT_STYLES[actualIconPlacement], MODE_STYLES[actualMode], SIZE_STYLES[actualSize], THEME_STYLES[actualTheme], (menuContext.disabled || disabled) && styles.disabled, selected && styles.selected, actualHighlighted && styles.highlighted, actualDisableCursor && styles.disableCursor, className),
130
+ className: cn(styles.menuItem, ICON_PLACEMENT_STYLES[actualIconPlacement], MODE_STYLES[actualMode], SIZE_STYLES[actualSize], THEME_STYLES[actualTheme], (menuContext.disabled || disabled) && styles.disabled, selected && styles.selected, actualHighlighted && styles.highlighted, actualDisableCursor && styles.disableCursor),
131
131
  "data-test": 'menu-item',
132
132
  tabIndex: 0
133
133
  }, restProps), actualIconPlacement === 'left' && iconElement, /*#__PURE__*/React.createElement("span", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.7.3",
3
+ "version": "0.8.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -36,5 +36,5 @@
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build"
38
38
  },
39
- "gitHead": "20a2d86279a96ad1375a69513d550bdc983f9616"
39
+ "gitHead": "580767df989f48f595606dd195c70c643ff4473f"
40
40
  }