@rescui/menu 0.6.0 → 0.6.2

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 (8) hide show
  1. package/lib/index.css +71 -71
  2. package/lib/index.p.module.css.js +28 -0
  3. package/lib/menu.js +1 -1
  4. package/lib/parts/divider.js +1 -1
  5. package/lib/parts/group-header.js +1 -1
  6. package/lib/parts/menu-item.js +1 -1
  7. package/package.json +8 -8
  8. package/lib/index.module.pcss.js +0 -28
package/lib/index.css CHANGED
@@ -1,9 +1,9 @@
1
- ._wrapper_1598w8h_8{
1
+ ._wrapper_18r9pt_8{
2
2
  display:-webkit-box;
3
3
  display:-ms-flexbox;
4
4
  display:flex;
5
5
  }
6
- ._menuItem_1598w8h_12{
6
+ ._menuItem_18r9pt_12{
7
7
  display:-webkit-box;
8
8
  display:-ms-flexbox;
9
9
  display:flex;
@@ -31,49 +31,49 @@
31
31
  -webkit-font-smoothing:inherit;
32
32
  -moz-osx-font-smoothing:inherit;
33
33
  }
34
- ._menuItem_1598w8h_12:focus{
34
+ ._menuItem_18r9pt_12:focus{
35
35
  outline:none;
36
36
  }
37
- ._content_1598w8h_40{
37
+ ._content_18r9pt_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_1598w8h_46{
44
+ ._placementRight_18r9pt_46{
45
45
  -webkit-box-pack:justify;
46
46
  -ms-flex-pack:justify;
47
47
  justify-content:space-between;
48
48
  }
49
- ._sizeS_1598w8h_51{
49
+ ._sizeS_18r9pt_51{
50
50
  padding: 6px 8px;
51
51
  }
52
- ._sizeM_1598w8h_55{
52
+ ._sizeM_18r9pt_55{
53
53
  padding: 8px 16px;
54
54
  }
55
- ._sizeL_1598w8h_59{
55
+ ._sizeL_18r9pt_59{
56
56
  padding: 12px 16px;
57
57
  }
58
- ._modeClear_1598w8h_63._sizeS_1598w8h_51,
59
- ._modeClear_1598w8h_63._sizeM_1598w8h_55,
60
- ._modeClear_1598w8h_63._sizeL_1598w8h_59{
58
+ ._modeClear_18r9pt_63._sizeS_18r9pt_51,
59
+ ._modeClear_18r9pt_63._sizeM_18r9pt_55,
60
+ ._modeClear_18r9pt_63._sizeL_18r9pt_59{
61
61
  padding-right:0;
62
62
  padding-left:0;
63
63
  }
64
- ._keyboardNavigationDisabled_1598w8h_71 ._themeLight_1598w8h_71:focus[data-focus-method='key']{
64
+ ._keyboardNavigationDisabled_18r9pt_71 ._themeLight_18r9pt_71:focus[data-focus-method='key']{
65
65
  -webkit-box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
66
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
67
  box-shadow:0 0 0 2px #8979ff, inset 0 0 0 2px #8979ff;
68
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
69
  }
70
- ._keyboardNavigationDisabled_1598w8h_71 ._themeDark_1598w8h_78:focus[data-focus-method='key']{
70
+ ._keyboardNavigationDisabled_18r9pt_71 ._themeDark_18r9pt_78:focus[data-focus-method='key']{
71
71
  -webkit-box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
72
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
73
  box-shadow:0 0 0 2px #6f61d2, inset 0 0 0 2px #6f61d2;
74
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
75
  }
76
- ._sizeS_1598w8h_51{
76
+ ._sizeS_18r9pt_51{
77
77
  letter-spacing:0.0045em;
78
78
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
79
79
  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));
@@ -82,10 +82,10 @@
82
82
  line-height:20px;
83
83
  line-height:var(--rs-text-3-line-height, 20px);
84
84
  }
85
- ._rs-reset-letter-spacing_1598w8h_1 ._sizeS_1598w8h_51{
85
+ ._rs-reset-letter-spacing_18r9pt_1 ._sizeS_18r9pt_51{
86
86
  letter-spacing:normal;
87
87
  }
88
- ._sizeM_1598w8h_55{
88
+ ._sizeM_18r9pt_55{
89
89
  letter-spacing:0.0015em;
90
90
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
91
91
  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));
@@ -95,10 +95,10 @@
95
95
  line-height:24px;
96
96
  line-height:var(--rs-text-2-line-height, 24px);
97
97
  }
98
- ._rs-reset-letter-spacing_1598w8h_1 ._sizeM_1598w8h_55{
98
+ ._rs-reset-letter-spacing_18r9pt_1 ._sizeM_18r9pt_55{
99
99
  letter-spacing:normal;
100
100
  }
101
- ._sizeL_1598w8h_59{
101
+ ._sizeL_18r9pt_59{
102
102
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
103
103
  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));
104
104
  font-size:19px;
@@ -107,136 +107,136 @@
107
107
  line-height:28px;
108
108
  line-height:var(--rs-text-1-line-height, 28px);
109
109
  }
110
- ._themeLight_1598w8h_71{
110
+ ._themeLight_18r9pt_71{
111
111
  color:rgba(25,25,28,0.7);
112
112
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
113
113
  }
114
- ._themeDark_1598w8h_78{
114
+ ._themeDark_18r9pt_78{
115
115
  color:rgba(255,255,255,0.7);
116
116
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
117
117
  }
118
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71:active{
118
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71:active{
119
119
  color:#19191C;
120
120
  color:var(--rs-typography-color-hard, #19191C);
121
121
  background-color:rgba(107, 87, 255,0.2);
122
122
  background-color:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
123
123
  }
124
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78:active{
124
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78:active{
125
125
  color:#FFFFFF;
126
126
  color:var(--rs-typography-color-hard, #FFFFFF);
127
127
  background-color:rgba(132, 115, 255,0.3);
128
128
  background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
129
129
  }
130
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71._selected_1598w8h_119{
130
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71._selected_18r9pt_119{
131
131
  color:#FFFFFF;
132
132
  color:var(--rs-typography-color-hard, #FFFFFF);
133
133
  background-color:#19191C;
134
134
  }
135
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78._selected_1598w8h_119{
135
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78._selected_18r9pt_119{
136
136
  color:#19191C;
137
137
  color:var(--rs-typography-color-hard, #19191C);
138
138
  background-color:#FFFFFF;
139
139
  }
140
- ._modeRock_1598w8h_129._themeLight_1598w8h_71._selected_1598w8h_119{
140
+ ._modeRock_18r9pt_129._themeLight_18r9pt_71._selected_18r9pt_119{
141
141
  color:#FFFFFF;
142
142
  color:var(--rs-typography-color-hard, #FFFFFF);
143
143
  background-color:#19191C;
144
144
  }
145
- ._modeRock_1598w8h_129._themeDark_1598w8h_78._selected_1598w8h_119{
145
+ ._modeRock_18r9pt_129._themeDark_18r9pt_78._selected_18r9pt_119{
146
146
  color:#19191C;
147
147
  color:var(--rs-typography-color-hard, #19191C);
148
148
  background-color:#FFFFFF;
149
149
  }
150
- ._modeClear_1598w8h_63._themeLight_1598w8h_71._selected_1598w8h_119{
150
+ ._modeClear_18r9pt_63._themeLight_18r9pt_71._selected_18r9pt_119{
151
151
  color:#6B57FF;
152
152
  color:var(--rs-color-primary-light-theme, #6B57FF);
153
153
  }
154
- ._modeClear_1598w8h_63._themeDark_1598w8h_78._selected_1598w8h_119{
154
+ ._modeClear_18r9pt_63._themeDark_18r9pt_78._selected_18r9pt_119{
155
155
  color:#8473FF;
156
156
  color:var(--rs-color-primary-dark-theme, #8473FF);
157
157
  }
158
- ._disableCursor_1598w8h_149{
158
+ ._disableCursor_18r9pt_149{
159
159
  pointer-events:none;
160
160
  }
161
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71._highlighted_1598w8h_154,
162
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71:not(._disableCursor_1598w8h_149):hover{
161
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71._highlighted_18r9pt_154,
162
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71:not(._disableCursor_18r9pt_149):hover{
163
163
  color:#19191C;
164
164
  color:var(--rs-typography-color-hard, #19191C);
165
165
  background-color:rgba(25,25,28,0.1);
166
166
  }
167
- ._modeRock_1598w8h_129._themeLight_1598w8h_71._highlighted_1598w8h_154,
168
- ._modeRock_1598w8h_129._themeLight_1598w8h_71:not(._disableCursor_1598w8h_149):hover{
167
+ ._modeRock_18r9pt_129._themeLight_18r9pt_71._highlighted_18r9pt_154,
168
+ ._modeRock_18r9pt_129._themeLight_18r9pt_71:not(._disableCursor_18r9pt_149):hover{
169
169
  color:#FFFFFF;
170
170
  color:var(--rs-typography-color-hard, #FFFFFF);
171
171
  background-color:#6B57FF;
172
172
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
173
173
  }
174
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78._highlighted_1598w8h_154,
175
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78:not(._disableCursor_1598w8h_149):hover{
174
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78._highlighted_18r9pt_154,
175
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78:not(._disableCursor_18r9pt_149):hover{
176
176
  color:#FFFFFF;
177
177
  color:var(--rs-typography-color-hard, #FFFFFF);
178
178
  background-color:rgba(255,255,255,0.1);
179
179
  }
180
- ._modeRock_1598w8h_129._themeDark_1598w8h_78._highlighted_1598w8h_154,
181
- ._modeRock_1598w8h_129._themeDark_1598w8h_78:not(._disableCursor_1598w8h_149):hover{
180
+ ._modeRock_18r9pt_129._themeDark_18r9pt_78._highlighted_18r9pt_154,
181
+ ._modeRock_18r9pt_129._themeDark_18r9pt_78:not(._disableCursor_18r9pt_149):hover{
182
182
  color:#FFFFFF;
183
183
  color:var(--rs-typography-color-hard, #FFFFFF);
184
184
  background-color:#8473FF;
185
185
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
186
186
  }
187
- ._modeClear_1598w8h_63._themeLight_1598w8h_71._highlighted_1598w8h_154,
188
- ._modeClear_1598w8h_63._themeLight_1598w8h_71:not(._disableCursor_1598w8h_149):hover{
187
+ ._modeClear_18r9pt_63._themeLight_18r9pt_71._highlighted_18r9pt_154,
188
+ ._modeClear_18r9pt_63._themeLight_18r9pt_71:not(._disableCursor_18r9pt_149):hover{
189
189
  color:#19191C;
190
190
  color:var(--rs-typography-color-hard, #19191C);
191
191
  }
192
- ._modeClear_1598w8h_63._themeDark_1598w8h_78._highlighted_1598w8h_154,
193
- ._modeClear_1598w8h_63._themeDark_1598w8h_78:not(._disableCursor_1598w8h_149):hover{
192
+ ._modeClear_18r9pt_63._themeDark_18r9pt_78._highlighted_18r9pt_154,
193
+ ._modeClear_18r9pt_63._themeDark_18r9pt_78:not(._disableCursor_18r9pt_149):hover{
194
194
  color:#FFFFFF;
195
195
  color:var(--rs-typography-color-hard, #FFFFFF);
196
196
  }
197
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71._highlighted_1598w8h_154._selected_1598w8h_119,
198
- ._modeClassic_1598w8h_107._themeLight_1598w8h_71._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
197
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71._highlighted_18r9pt_154._selected_18r9pt_119,
198
+ ._modeClassic_18r9pt_107._themeLight_18r9pt_71._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
199
199
  background-color:#303033;
200
200
  color:#FFFFFF;
201
201
  color:var(--rs-typography-color-hard, #FFFFFF);
202
202
  }
203
- ._modeRock_1598w8h_129._themeLight_1598w8h_71._highlighted_1598w8h_154._selected_1598w8h_119,
204
- ._modeRock_1598w8h_129._themeLight_1598w8h_71._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
203
+ ._modeRock_18r9pt_129._themeLight_18r9pt_71._highlighted_18r9pt_154._selected_18r9pt_119,
204
+ ._modeRock_18r9pt_129._themeLight_18r9pt_71._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
205
205
  background-color:#303033;
206
206
  color:#FFFFFF;
207
207
  color:var(--rs-typography-color-hard, #FFFFFF);
208
208
  }
209
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78._highlighted_1598w8h_154._selected_1598w8h_119,
210
- ._modeClassic_1598w8h_107._themeDark_1598w8h_78._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
209
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78._highlighted_18r9pt_154._selected_18r9pt_119,
210
+ ._modeClassic_18r9pt_107._themeDark_18r9pt_78._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
211
211
  background-color:#E8E8E8;
212
212
  color:#19191C;
213
213
  color:var(--rs-typography-color-hard, #19191C);
214
214
  }
215
- ._modeRock_1598w8h_129._themeDark_1598w8h_78._highlighted_1598w8h_154._selected_1598w8h_119,
216
- ._modeRock_1598w8h_129._themeDark_1598w8h_78._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
215
+ ._modeRock_18r9pt_129._themeDark_18r9pt_78._highlighted_18r9pt_154._selected_18r9pt_119,
216
+ ._modeRock_18r9pt_129._themeDark_18r9pt_78._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
217
217
  background-color:#E8E8E8;
218
218
  color:#19191C;
219
219
  color:var(--rs-typography-color-hard, #19191C);
220
220
  }
221
- ._modeClear_1598w8h_63._themeLight_1598w8h_71._highlighted_1598w8h_154._selected_1598w8h_119,
222
- ._modeClear_1598w8h_63._themeLight_1598w8h_71._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
221
+ ._modeClear_18r9pt_63._themeLight_18r9pt_71._highlighted_18r9pt_154._selected_18r9pt_119,
222
+ ._modeClear_18r9pt_63._themeLight_18r9pt_71._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
223
223
  background-color:rgba(25,25,28,0.1);
224
224
  }
225
- ._modeClear_1598w8h_63._themeDark_1598w8h_78._highlighted_1598w8h_154._selected_1598w8h_119,
226
- ._modeClear_1598w8h_63._themeDark_1598w8h_78._selected_1598w8h_119:not(._disableCursor_1598w8h_149):hover{
225
+ ._modeClear_18r9pt_63._themeDark_18r9pt_78._highlighted_18r9pt_154._selected_18r9pt_119,
226
+ ._modeClear_18r9pt_63._themeDark_18r9pt_78._selected_18r9pt_119:not(._disableCursor_18r9pt_149):hover{
227
227
  background-color:rgba(255,255,255,0.1);
228
228
  }
229
- ._menuItem_1598w8h_12._themeLight_1598w8h_71._disabled_1598w8h_237{
229
+ ._menuItem_18r9pt_12._themeLight_18r9pt_71._disabled_18r9pt_237{
230
230
  pointer-events:none;
231
231
  color:rgba(25,25,28,0.5);
232
232
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
233
233
  }
234
- ._menuItem_1598w8h_12._themeDark_1598w8h_78._disabled_1598w8h_237{
234
+ ._menuItem_18r9pt_12._themeDark_18r9pt_78._disabled_18r9pt_237{
235
235
  pointer-events:none;
236
236
  color:rgba(255,255,255,0.5);
237
237
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
238
238
  }
239
- ._icon_1598w8h_248{
239
+ ._icon_18r9pt_248{
240
240
  -webkit-box-flex:0;
241
241
  -ms-flex:0 0;
242
242
  flex:0 0;
@@ -244,25 +244,25 @@
244
244
  flex-basis:auto;
245
245
 
246
246
  }
247
- ._sizeS_1598w8h_51._placementLeft_1598w8h_252 ._icon_1598w8h_248{
247
+ ._sizeS_18r9pt_51._placementLeft_18r9pt_252 ._icon_18r9pt_248{
248
248
  margin-right:8px;
249
249
  }
250
- ._sizeS_1598w8h_51._placementRight_1598w8h_46 ._icon_1598w8h_248{
250
+ ._sizeS_18r9pt_51._placementRight_18r9pt_46 ._icon_18r9pt_248{
251
251
  margin-left:8px;
252
252
  }
253
- ._sizeM_1598w8h_55._placementLeft_1598w8h_252 ._icon_1598w8h_248{
253
+ ._sizeM_18r9pt_55._placementLeft_18r9pt_252 ._icon_18r9pt_248{
254
254
  margin-right:8px;
255
255
  }
256
- ._sizeM_1598w8h_55._placementRight_1598w8h_46 ._icon_1598w8h_248{
256
+ ._sizeM_18r9pt_55._placementRight_18r9pt_46 ._icon_18r9pt_248{
257
257
  margin-left:8px;
258
258
  }
259
- ._sizeL_1598w8h_59._placementLeft_1598w8h_252 ._icon_1598w8h_248{
259
+ ._sizeL_18r9pt_59._placementLeft_18r9pt_252 ._icon_18r9pt_248{
260
260
  margin-right:16px;
261
261
  }
262
- ._sizeL_1598w8h_59._placementRight_1598w8h_46 ._icon_1598w8h_248{
262
+ ._sizeL_18r9pt_59._placementRight_18r9pt_46 ._icon_18r9pt_248{
263
263
  margin-left:16px;
264
264
  }
265
- ._divider_1598w8h_278{
265
+ ._divider_18r9pt_278{
266
266
  -ms-flex-negative:0;
267
267
  flex-shrink:0;
268
268
 
@@ -272,16 +272,16 @@
272
272
 
273
273
  border:none;
274
274
  }
275
- ._divider_1598w8h_278._themeLight_1598w8h_71{
275
+ ._divider_18r9pt_278._themeLight_18r9pt_71{
276
276
  background-color:rgba(25,25,28,0.2);
277
277
  }
278
- ._divider_1598w8h_278._themeDark_1598w8h_78{
278
+ ._divider_18r9pt_278._themeDark_18r9pt_78{
279
279
  background-color:rgba(255,255,255,0.2);
280
280
  }
281
- ._groupHeader_1598w8h_296{
281
+ ._groupHeader_18r9pt_296{
282
282
  border:none;
283
283
  }
284
- ._groupHeaderSizeL_1598w8h_300{
284
+ ._groupHeaderSizeL_18r9pt_300{
285
285
  padding: 12px 16px;
286
286
  letter-spacing:normal;
287
287
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -293,7 +293,7 @@
293
293
  line-height:28px;
294
294
  line-height:var(--rs-h3-line-height, 28px);
295
295
  }
296
- ._groupHeaderSizeM_1598w8h_305{
296
+ ._groupHeaderSizeM_18r9pt_305{
297
297
  padding: 8px 16px;
298
298
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
299
299
  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));
@@ -304,7 +304,7 @@
304
304
  line-height:24px;
305
305
  line-height:var(--rs-h4-line-height, 24px);
306
306
  }
307
- ._groupHeaderSizeS_1598w8h_310{
307
+ ._groupHeaderSizeS_18r9pt_310{
308
308
  padding: 6px 8px;
309
309
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
310
310
  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));
@@ -315,11 +315,11 @@
315
315
  line-height:20px;
316
316
  line-height:var(--rs-h5-line-height, 20px);
317
317
  }
318
- ._themeLight_1598w8h_71{
318
+ ._themeLight_18r9pt_71{
319
319
  color:#19191C;
320
320
  color:var(--rs-typography-color-hard, #19191C);
321
321
  }
322
- ._themeDark_1598w8h_78{
322
+ ._themeDark_18r9pt_78{
323
323
  color:#FFFFFF;
324
324
  color:var(--rs-typography-color-hard, #FFFFFF);
325
325
  }
package/lib/index.p.module.css.js ADDED
@@ -0,0 +1,28 @@
1
+ var styles = {
2
+ "wrapper": "_wrapper_18r9pt_8",
3
+ "menuItem": "_menuItem_18r9pt_12",
4
+ "content": "_content_18r9pt_40",
5
+ "placementRight": "_placementRight_18r9pt_46",
6
+ "sizeS": "_sizeS_18r9pt_51",
7
+ "sizeM": "_sizeM_18r9pt_55",
8
+ "sizeL": "_sizeL_18r9pt_59",
9
+ "modeClear": "_modeClear_18r9pt_63",
10
+ "keyboardNavigationDisabled": "_keyboardNavigationDisabled_18r9pt_71",
11
+ "themeLight": "_themeLight_18r9pt_71",
12
+ "themeDark": "_themeDark_18r9pt_78",
13
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_18r9pt_1",
14
+ "modeClassic": "_modeClassic_18r9pt_107",
15
+ "selected": "_selected_18r9pt_119",
16
+ "modeRock": "_modeRock_18r9pt_129",
17
+ "disableCursor": "_disableCursor_18r9pt_149",
18
+ "highlighted": "_highlighted_18r9pt_154",
19
+ "disabled": "_disabled_18r9pt_237",
20
+ "icon": "_icon_18r9pt_248",
21
+ "placementLeft": "_placementLeft_18r9pt_252",
22
+ "divider": "_divider_18r9pt_278",
23
+ "groupHeader": "_groupHeader_18r9pt_296",
24
+ "groupHeaderSizeL": "_groupHeaderSizeL_18r9pt_300",
25
+ "groupHeaderSizeM": "_groupHeaderSizeM_18r9pt_305",
26
+ "groupHeaderSizeS": "_groupHeaderSizeS_18r9pt_310"
27
+ };
28
+ export { styles as default };
package/lib/menu.js CHANGED
@@ -17,7 +17,7 @@ import React from 'react';
17
17
  import PropTypes from 'prop-types';
18
18
  import cn from 'classnames';
19
19
  import { MenuProvider } from './parts/menu-context.js';
20
- import styles from './index.module.pcss.js';
20
+ import styles from './index.p.module.css.js';
21
21
  import { useMenuKeyboardNavigation } from './parts/use-menu-keyboard-navigation.js';
22
22
 
23
23
  var Menu = function Menu(_ref) {
package/lib/parts/divider.js CHANGED
@@ -17,7 +17,7 @@ import React from 'react';
17
17
  import cn from 'classnames';
18
18
  import PropTypes from 'prop-types';
19
19
  import { useTheme } from '@rescui/ui-contexts';
20
- import styles from '../index.module.pcss.js';
20
+ import styles from '../index.p.module.css.js';
21
21
  import { useMenuContext } from './menu-context.js';
22
22
  var THEME_CLASS = {
23
23
  light: styles.themeLight,
package/lib/parts/group-header.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import PropTypes from 'prop-types';
4
4
  import { useTheme } from '@rescui/ui-contexts';
5
- import styles from '../index.module.pcss.js';
5
+ import styles from '../index.p.module.css.js';
6
6
  import { useMenuContext } from './menu-context.js';
7
7
  var SIZE_CLASS = {
8
8
  s: styles.groupHeaderSizeS,
package/lib/parts/menu-item.js CHANGED
@@ -20,7 +20,7 @@ import React, { useState, useEffect, cloneElement, Fragment } from 'react';
20
20
  import cn from 'classnames';
21
21
  import PropTypes from 'prop-types';
22
22
  import { useTheme } from '@rescui/ui-contexts';
23
- import styles from '../index.module.pcss.js';
23
+ import styles from '../index.p.module.css.js';
24
24
  import { useMenuContext } from './menu-context.js';
25
25
  var ICON_PLACEMENT_STYLES = {
26
26
  left: styles.placementLeft,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.6.0",
3
+ "version": "0.6.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -21,20 +21,20 @@
21
21
  "nanoid": "^3.3.3"
22
22
  },
23
23
  "peerDependencies": {
24
- "@rescui/ui-contexts": "<0.3.0",
24
+ "@rescui/ui-contexts": "<0.4.0",
25
25
  "prop-types": "^15.7.2",
26
26
  "react": ">=16.8.0 <18"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.1.1",
30
- "@rescui/postcss-preset-library": "^0.0.5",
31
- "@rescui/scripts": "^0.1.5",
32
- "@rescui/typography": "^0.7.2",
33
- "@rescui/visual-regression": "^0.0.1",
29
+ "@rescui/colors": "^0.1.2",
30
+ "@rescui/postcss-preset-library": "^0.0.6",
31
+ "@rescui/scripts": "^0.1.6",
32
+ "@rescui/typography": "^0.7.4",
33
+ "@rescui/visual-regression": "^0.0.2",
34
34
  "postcss": "^8.3.0"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build"
38
38
  },
39
- "gitHead": "67f695b72d13fd8445542c48f096b65656fdd7d9"
39
+ "gitHead": "c5b48e321608ae1755e691238aa5db5977318c75"
40
40
  }
package/lib/index.module.pcss.js DELETED
@@ -1,28 +0,0 @@
1
- var styles = {
2
- "wrapper": "_wrapper_1598w8h_8",
3
- "menuItem": "_menuItem_1598w8h_12",
4
- "content": "_content_1598w8h_40",
5
- "placementRight": "_placementRight_1598w8h_46",
6
- "sizeS": "_sizeS_1598w8h_51",
7
- "sizeM": "_sizeM_1598w8h_55",
8
- "sizeL": "_sizeL_1598w8h_59",
9
- "modeClear": "_modeClear_1598w8h_63",
10
- "keyboardNavigationDisabled": "_keyboardNavigationDisabled_1598w8h_71",
11
- "themeLight": "_themeLight_1598w8h_71",
12
- "themeDark": "_themeDark_1598w8h_78",
13
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1598w8h_1",
14
- "modeClassic": "_modeClassic_1598w8h_107",
15
- "selected": "_selected_1598w8h_119",
16
- "modeRock": "_modeRock_1598w8h_129",
17
- "disableCursor": "_disableCursor_1598w8h_149",
18
- "highlighted": "_highlighted_1598w8h_154",
19
- "disabled": "_disabled_1598w8h_237",
20
- "icon": "_icon_1598w8h_248",
21
- "placementLeft": "_placementLeft_1598w8h_252",
22
- "divider": "_divider_1598w8h_278",
23
- "groupHeader": "_groupHeader_1598w8h_296",
24
- "groupHeaderSizeL": "_groupHeaderSizeL_1598w8h_300",
25
- "groupHeaderSizeM": "_groupHeaderSizeM_1598w8h_305",
26
- "groupHeaderSizeS": "_groupHeaderSizeS_1598w8h_310"
27
- };
28
- export { styles as default };