@rescui/menu 0.3.0 → 0.4.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 (8) hide show
  1. package/lib/index.css +100 -100
  2. package/lib/index.module.pcss.js +23 -22
  3. package/lib/menu.js +5 -1
  4. package/lib/parts/menu-context.d.ts +1 -0
  5. package/lib/parts/menu-context.js +1 -0
  6. package/lib/parts/menu-item.d.ts +1 -0
  7. package/lib/parts/menu-item.js +6 -3
  8. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,49 +1,49 @@
1
- ._menuItem_88vtnu_9{
1
+ ._menuItem_1mmvlwv_9{
2
2
  display:-webkit-box;
3
3
  display:-ms-flexbox;
4
4
  display:flex;
5
5
  outline:none;
6
6
  cursor:pointer;
7
7
  }
8
- ._content_88vtnu_15{
8
+ ._content_1mmvlwv_15{
9
9
  -webkit-box-flex:1;
10
10
  -ms-flex-positive:1;
11
11
  flex-grow:1;
12
12
  font-size:inherit;
13
13
  }
14
- ._placementRight_88vtnu_20{
14
+ ._placementRight_1mmvlwv_20{
15
15
  -webkit-box-pack:justify;
16
16
  -ms-flex-pack:justify;
17
17
  justify-content:space-between;
18
18
  }
19
- ._sizeS_88vtnu_25{
19
+ ._sizeS_1mmvlwv_25{
20
20
  padding: 6px 8px;
21
21
  }
22
- ._sizeM_88vtnu_29{
22
+ ._sizeM_1mmvlwv_29{
23
23
  padding: 8px 16px;
24
24
  }
25
- ._sizeL_88vtnu_33{
25
+ ._sizeL_1mmvlwv_33{
26
26
  padding: 12px 16px;
27
27
  }
28
- ._modeClear_88vtnu_37._sizeS_88vtnu_25,
29
- ._modeClear_88vtnu_37._sizeM_88vtnu_29,
30
- ._modeClear_88vtnu_37._sizeL_88vtnu_33{
28
+ ._modeClear_1mmvlwv_37._sizeS_1mmvlwv_25,
29
+ ._modeClear_1mmvlwv_37._sizeM_1mmvlwv_29,
30
+ ._modeClear_1mmvlwv_37._sizeL_1mmvlwv_33{
31
31
  padding-left:0;
32
32
  padding-right:0;
33
33
  }
34
- ._themeLight_88vtnu_45:focus[data-focus-method='key']{
34
+ ._themeLight_1mmvlwv_45:focus[data-focus-method='key']{
35
35
  -webkit-box-shadow:#8979ff 0 0 0 4px;
36
36
  -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
37
37
  box-shadow:#8979ff 0 0 0 4px;
38
38
  box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
39
39
  }
40
- ._themeDark_88vtnu_51:focus[data-focus-method='key']{
40
+ ._themeDark_1mmvlwv_51:focus[data-focus-method='key']{
41
41
  -webkit-box-shadow:#6f61d2 0 0 0 4px;
42
42
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
43
43
  box-shadow:#6f61d2 0 0 0 4px;
44
44
  box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
45
45
  }
46
- ._sizeS_88vtnu_25{
46
+ ._sizeS_1mmvlwv_25{
47
47
  letter-spacing:0.0045em;
48
48
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
49
49
  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));
@@ -52,10 +52,10 @@
52
52
  line-height:20px;
53
53
  line-height:var(--rs-text-3-line-height, 20px);
54
54
  }
55
- ._rs-reset-letter-spacing_88vtnu_1 ._sizeS_88vtnu_25{
55
+ ._rs-reset-letter-spacing_1mmvlwv_1 ._sizeS_1mmvlwv_25{
56
56
  letter-spacing:normal;
57
57
  }
58
- ._sizeM_88vtnu_29{
58
+ ._sizeM_1mmvlwv_29{
59
59
  letter-spacing:0.0015em;
60
60
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
61
61
  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));
@@ -65,10 +65,10 @@
65
65
  line-height:24px;
66
66
  line-height:var(--rs-text-2-line-height, 24px);
67
67
  }
68
- ._rs-reset-letter-spacing_88vtnu_1 ._sizeM_88vtnu_29{
68
+ ._rs-reset-letter-spacing_1mmvlwv_1 ._sizeM_1mmvlwv_29{
69
69
  letter-spacing:normal;
70
70
  }
71
- ._sizeL_88vtnu_33{
71
+ ._sizeL_1mmvlwv_33{
72
72
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
73
73
  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));
74
74
  font-size:19px;
@@ -77,107 +77,118 @@
77
77
  line-height:28px;
78
78
  line-height:var(--rs-text-1-line-height, 28px);
79
79
  }
80
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45:active{
80
+ ._themeLight_1mmvlwv_45{
81
+ color:rgba(25,25,28,0.7);
82
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
83
+ }
84
+ ._themeDark_1mmvlwv_51{
85
+ color:rgba(255,255,255,0.7);
86
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
87
+ }
88
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45:active{
81
89
  color:#19191C;
82
90
  background-color:rgba(107, 87, 255,0.2);
83
91
  background-color:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
84
92
  }
85
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51:active{
93
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51:active{
86
94
  color:#FFFFFF;
87
95
  background-color:rgba(132, 115, 255,0.3);
88
96
  background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
89
97
  }
90
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45._selected_88vtnu_91{
98
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
91
99
  color:#FFFFFF;
92
100
  background-color:#19191C;
93
101
  }
94
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51._selected_88vtnu_91{
102
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
95
103
  color:#19191C;
96
104
  background-color:#FFFFFF;
97
105
  }
98
- ._modeRock_88vtnu_101._themeLight_88vtnu_45._selected_88vtnu_91{
106
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
99
107
  color:#FFFFFF;
100
108
  background-color:#19191C;
101
109
  }
102
- ._modeRock_88vtnu_101._themeDark_88vtnu_51._selected_88vtnu_91{
110
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
103
111
  color:#19191C;
104
112
  background-color:#FFFFFF;
105
113
  }
106
- ._modeClear_88vtnu_37._themeLight_88vtnu_45._selected_88vtnu_91{
114
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
107
115
  color:#6B57FF;
108
116
  color:var(--rs-color-primary-light-theme, #6B57FF);
109
117
  }
110
- ._modeClear_88vtnu_37._themeDark_88vtnu_51._selected_88vtnu_91{
118
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
111
119
  color:#8473FF;
112
120
  color:var(--rs-color-primary-dark-theme, #8473FF);
113
121
  }
114
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45._highlighted_88vtnu_121,
115
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45:hover{
122
+ ._disableCursor_1mmvlwv_121{
123
+ pointer-events:none;
124
+ }
125
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
126
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
116
127
  color:#19191C;
117
128
  background-color:rgba(25,25,28,0.1);
118
129
  }
119
- ._modeRock_88vtnu_101._themeLight_88vtnu_45._highlighted_88vtnu_121,
120
- ._modeRock_88vtnu_101._themeLight_88vtnu_45:hover{
130
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
131
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
121
132
  color:#FFFFFF;
122
133
  background-color:#6B57FF;
123
134
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
124
135
  }
125
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51._highlighted_88vtnu_121,
126
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51:hover{
136
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
137
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
127
138
  color:#FFFFFF;
128
139
  background-color:rgba(255,255,255,0.1);
129
140
  }
130
- ._modeRock_88vtnu_101._themeDark_88vtnu_51._highlighted_88vtnu_121,
131
- ._modeRock_88vtnu_101._themeDark_88vtnu_51:hover{
141
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
142
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
132
143
  color:#FFFFFF;
133
144
  background-color:#8473FF;
134
145
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
135
146
  }
136
- ._modeClear_88vtnu_37._themeLight_88vtnu_45._highlighted_88vtnu_121,
137
- ._modeClear_88vtnu_37._themeLight_88vtnu_45:hover{
147
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
148
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
138
149
  color:#19191C;
139
150
  }
140
- ._modeClear_88vtnu_37._themeDark_88vtnu_51._highlighted_88vtnu_121,
141
- ._modeClear_88vtnu_37._themeDark_88vtnu_51:hover{
151
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
152
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
142
153
  color:#FFFFFF;
143
154
  }
144
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45._highlighted_88vtnu_121._selected_88vtnu_91,
145
- ._modeClassic_88vtnu_79._themeLight_88vtnu_45._selected_88vtnu_91:hover{
155
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
156
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
146
157
  background-color:#303033;
147
158
  color:#FFFFFF;
148
159
  }
149
- ._modeRock_88vtnu_101._themeLight_88vtnu_45._highlighted_88vtnu_121._selected_88vtnu_91,
150
- ._modeRock_88vtnu_101._themeLight_88vtnu_45._selected_88vtnu_91:hover{
160
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
161
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
151
162
  background-color:#303033;
152
163
  color:#FFFFFF;
153
164
  }
154
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51._highlighted_88vtnu_121._selected_88vtnu_91,
155
- ._modeClassic_88vtnu_79._themeDark_88vtnu_51._selected_88vtnu_91:hover{
165
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
166
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
156
167
  background-color:#E8E8E8;
157
168
  color:#19191C;
158
169
  }
159
- ._modeRock_88vtnu_101._themeDark_88vtnu_51._highlighted_88vtnu_121._selected_88vtnu_91,
160
- ._modeRock_88vtnu_101._themeDark_88vtnu_51._selected_88vtnu_91:hover{
170
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
171
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
161
172
  background-color:#E8E8E8;
162
173
  color:#19191C;
163
174
  }
164
- ._modeClear_88vtnu_37._themeLight_88vtnu_45._highlighted_88vtnu_121._selected_88vtnu_91,
165
- ._modeClear_88vtnu_37._themeLight_88vtnu_45._selected_88vtnu_91:hover{
175
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
176
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
166
177
  background-color:rgba(25,25,28,0.1);
167
178
  }
168
- ._modeClear_88vtnu_37._themeDark_88vtnu_51._highlighted_88vtnu_121._selected_88vtnu_91,
169
- ._modeClear_88vtnu_37._themeDark_88vtnu_51._selected_88vtnu_91:hover{
179
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125._selected_1mmvlwv_91,
180
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._selected_1mmvlwv_91:not(._disableCursor_1mmvlwv_121):hover{
170
181
  background-color:rgba(255,255,255,0.1);
171
182
  }
172
- ._menuItem_88vtnu_9._themeLight_88vtnu_45._disabled_88vtnu_193{
183
+ ._menuItem_1mmvlwv_9._themeLight_1mmvlwv_45._disabled_1mmvlwv_197{
173
184
  pointer-events:none;
174
185
  color:rgba(25,25,28,0.4);
175
186
  }
176
- ._menuItem_88vtnu_9._themeDark_88vtnu_51._disabled_88vtnu_193{
187
+ ._menuItem_1mmvlwv_9._themeDark_1mmvlwv_51._disabled_1mmvlwv_197{
177
188
  pointer-events:none;
178
189
  color:rgba(255,255,255,0.3);
179
190
  }
180
- ._icon_88vtnu_204{
191
+ ._icon_1mmvlwv_208{
181
192
  -webkit-box-flex:0;
182
193
  -ms-flex:0 0;
183
194
  flex:0 0;
@@ -185,25 +196,25 @@
185
196
  flex-basis:auto;
186
197
 
187
198
  }
188
- ._sizeS_88vtnu_25._placementLeft_88vtnu_208 ._icon_88vtnu_204{
199
+ ._sizeS_1mmvlwv_25._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
189
200
  margin-right:8px;
190
201
  }
191
- ._sizeS_88vtnu_25._placementRight_88vtnu_20 ._icon_88vtnu_204{
202
+ ._sizeS_1mmvlwv_25._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
192
203
  margin-left:8px;
193
204
  }
194
- ._sizeM_88vtnu_29._placementLeft_88vtnu_208 ._icon_88vtnu_204{
205
+ ._sizeM_1mmvlwv_29._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
195
206
  margin-right:8px;
196
207
  }
197
- ._sizeM_88vtnu_29._placementRight_88vtnu_20 ._icon_88vtnu_204{
208
+ ._sizeM_1mmvlwv_29._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
198
209
  margin-left:8px;
199
210
  }
200
- ._sizeL_88vtnu_33._placementLeft_88vtnu_208 ._icon_88vtnu_204{
211
+ ._sizeL_1mmvlwv_33._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
201
212
  margin-right:16px;
202
213
  }
203
- ._sizeL_88vtnu_33._placementRight_88vtnu_20 ._icon_88vtnu_204{
214
+ ._sizeL_1mmvlwv_33._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
204
215
  margin-left:16px;
205
216
  }
206
- ._divider_88vtnu_234{
217
+ ._divider_1mmvlwv_238{
207
218
  width:100%;
208
219
  border:none;
209
220
  height:1px;
@@ -211,66 +222,55 @@
211
222
  -ms-flex-negative:0;
212
223
  flex-shrink:0;
213
224
  }
214
- ._divider_88vtnu_234._themeLight_88vtnu_45{
225
+ ._divider_1mmvlwv_238._themeLight_1mmvlwv_45{
215
226
  background-color:rgba(25,25,28,0.2);
216
227
  }
217
- ._divider_88vtnu_234._themeDark_88vtnu_51{
228
+ ._divider_1mmvlwv_238._themeDark_1mmvlwv_51{
218
229
  background-color:rgba(255,255,255,0.2);
219
230
  }
220
- ._groupHeader_88vtnu_250{
231
+ ._groupHeader_1mmvlwv_254{
221
232
  border:none;
222
- text-transform:uppercase;
223
- }
224
- ._groupHeaderSizeS_88vtnu_256{
225
- padding: 6px 8px;
226
- padding-top:8px;
227
- padding-bottom:4px;
228
233
  }
229
- ._groupHeaderSizeM_88vtnu_263{
230
- padding: 8px 16px;
231
- padding-top:10px;
232
- padding-bottom:6px;
233
- }
234
- ._groupHeaderSizeL_88vtnu_269{
234
+ ._groupHeaderSizeL_1mmvlwv_258{
235
+ padding: 12px 16px;
236
+ letter-spacing:normal;
235
237
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
236
238
  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));
237
- font-size:19px;
238
- font-size:var(--rs-text-1-font-size, 19px);
239
- font-weight:normal;
239
+ font-size:20px;
240
+ font-size:var(--rs-h3-font-size, 20px);
241
+ font-weight:530;
242
+ font-weight:var(--rs-font-weight-semi-bold, 530);
240
243
  line-height:28px;
241
- line-height:var(--rs-text-1-line-height, 28px);
244
+ line-height:var(--rs-h3-line-height, 28px);
242
245
  }
243
- ._groupHeaderSizeM_88vtnu_263{
244
- letter-spacing:0.0015em;
246
+ ._groupHeaderSizeM_1mmvlwv_263{
247
+ padding: 8px 16px;
245
248
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
246
249
  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));
247
- font-size:16px;
248
- font-size:var(--rs-text-2-font-size, 16px);
249
- font-weight:400;
250
+ font-size:17px;
251
+ font-size:var(--rs-h4-font-size, 17px);
252
+ font-weight:530;
253
+ font-weight:var(--rs-font-weight-semi-bold, 530);
250
254
  line-height:24px;
251
- line-height:var(--rs-text-2-line-height, 24px);
255
+ line-height:var(--rs-h4-line-height, 24px);
252
256
  }
253
- ._rs-reset-letter-spacing_88vtnu_1 ._groupHeaderSizeM_88vtnu_263{
254
- letter-spacing:normal;
255
- }
256
- ._groupHeaderSizeS_88vtnu_256{
257
- letter-spacing:0.0045em;
257
+ ._groupHeaderSizeS_1mmvlwv_268{
258
+ padding: 6px 8px;
258
259
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
259
260
  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));
260
- font-size:13px;
261
- font-size:var(--rs-text-3-font-size, 13px);
261
+ font-size:14px;
262
+ font-size:var(--rs-h5-font-size, 14px);
263
+ font-weight:530;
264
+ font-weight:var(--rs-font-weight-semi-bold, 530);
262
265
  line-height:20px;
263
- line-height:var(--rs-text-3-line-height, 20px);
266
+ line-height:var(--rs-h5-line-height, 20px);
264
267
  }
265
- ._rs-reset-letter-spacing_88vtnu_1 ._groupHeaderSizeS_88vtnu_256{
266
- letter-spacing:normal;
267
- }
268
- ._themeLight_88vtnu_45{
269
- color:rgba(25,25,28,0.7);
270
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
268
+ ._themeLight_1mmvlwv_45{
269
+ color:#19191C;
270
+ color:var(--rs-typography-color-hard, #19191C);
271
271
  }
272
- ._themeDark_88vtnu_51{
273
- color:rgba(255,255,255,0.7);
274
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
272
+ ._themeDark_1mmvlwv_51{
273
+ color:#FFFFFF;
274
+ color:var(--rs-typography-color-hard, #FFFFFF);
275
275
  }
276
276
 
package/lib/index.module.pcss.js CHANGED
@@ -1,25 +1,26 @@
1
1
  var styles = {
2
- "menuItem": "_menuItem_88vtnu_9",
3
- "content": "_content_88vtnu_15",
4
- "placementRight": "_placementRight_88vtnu_20",
5
- "sizeS": "_sizeS_88vtnu_25",
6
- "sizeM": "_sizeM_88vtnu_29",
7
- "sizeL": "_sizeL_88vtnu_33",
8
- "modeClear": "_modeClear_88vtnu_37",
9
- "themeLight": "_themeLight_88vtnu_45",
10
- "themeDark": "_themeDark_88vtnu_51",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_88vtnu_1",
12
- "modeClassic": "_modeClassic_88vtnu_79",
13
- "selected": "_selected_88vtnu_91",
14
- "modeRock": "_modeRock_88vtnu_101",
15
- "highlighted": "_highlighted_88vtnu_121",
16
- "disabled": "_disabled_88vtnu_193",
17
- "icon": "_icon_88vtnu_204",
18
- "placementLeft": "_placementLeft_88vtnu_208",
19
- "divider": "_divider_88vtnu_234",
20
- "groupHeader": "_groupHeader_88vtnu_250",
21
- "groupHeaderSizeS": "_groupHeaderSizeS_88vtnu_256",
22
- "groupHeaderSizeM": "_groupHeaderSizeM_88vtnu_263",
23
- "groupHeaderSizeL": "_groupHeaderSizeL_88vtnu_269"
2
+ "menuItem": "_menuItem_1mmvlwv_9",
3
+ "content": "_content_1mmvlwv_15",
4
+ "placementRight": "_placementRight_1mmvlwv_20",
5
+ "sizeS": "_sizeS_1mmvlwv_25",
6
+ "sizeM": "_sizeM_1mmvlwv_29",
7
+ "sizeL": "_sizeL_1mmvlwv_33",
8
+ "modeClear": "_modeClear_1mmvlwv_37",
9
+ "themeLight": "_themeLight_1mmvlwv_45",
10
+ "themeDark": "_themeDark_1mmvlwv_51",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1mmvlwv_1",
12
+ "modeClassic": "_modeClassic_1mmvlwv_79",
13
+ "selected": "_selected_1mmvlwv_91",
14
+ "modeRock": "_modeRock_1mmvlwv_101",
15
+ "disableCursor": "_disableCursor_1mmvlwv_121",
16
+ "highlighted": "_highlighted_1mmvlwv_125",
17
+ "disabled": "_disabled_1mmvlwv_197",
18
+ "icon": "_icon_1mmvlwv_208",
19
+ "placementLeft": "_placementLeft_1mmvlwv_212",
20
+ "divider": "_divider_1mmvlwv_238",
21
+ "groupHeader": "_groupHeader_1mmvlwv_254",
22
+ "groupHeaderSizeL": "_groupHeaderSizeL_1mmvlwv_258",
23
+ "groupHeaderSizeM": "_groupHeaderSizeM_1mmvlwv_263",
24
+ "groupHeaderSizeS": "_groupHeaderSizeS_1mmvlwv_268"
24
25
  };
25
26
  export default styles;
package/lib/menu.js CHANGED
@@ -6,7 +6,7 @@ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-sta
6
6
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
7
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
8
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
- var _excluded = ["tag", "itemTag", "iconPlacement", "disabled", "size", "mode", "theme"];
9
+ var _excluded = ["tag", "itemTag", "iconPlacement", "disabled", "size", "mode", "disableCursor", "theme"];
10
10
 
11
11
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
12
 
@@ -27,6 +27,8 @@ var Menu = function Menu(_ref) {
27
27
  _ref$size = _ref.size,
28
28
  size = _ref$size === void 0 ? 'm' : _ref$size,
29
29
  mode = _ref.mode,
30
+ _ref$disableCursor = _ref.disableCursor,
31
+ disableCursor = _ref$disableCursor === void 0 ? false : _ref$disableCursor,
30
32
  theme = _ref.theme,
31
33
  restProps = _objectWithoutProperties(_ref, _excluded);
32
34
 
@@ -36,6 +38,7 @@ var Menu = function Menu(_ref) {
36
38
  iconPlacement: iconPlacement,
37
39
  disabled: disabled,
38
40
  size: size,
41
+ disableCursor: disableCursor,
39
42
  mode: mode,
40
43
  theme: theme
41
44
  }, /*#__PURE__*/React.createElement(Tag, _objectSpread({}, restProps)));
@@ -45,6 +48,7 @@ Menu.propTypes = {
45
48
  size: PropTypes.oneOf(['l', 'm', 's']),
46
49
  mode: PropTypes.oneOf(['clear', 'classic', 'rock']),
47
50
  theme: PropTypes.oneOf(['light', 'dark']),
51
+ disableCursor: PropTypes.bool,
48
52
  disabled: PropTypes.bool,
49
53
  iconPlacement: PropTypes.oneOf(['left', 'right']),
50
54
  itemTag: PropTypes.elementType,
package/lib/parts/menu-context.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare type MenuItemMode = 'clear' | 'classic' | 'rock';
6
6
  export interface MenuContextValue {
7
7
  iconPlacement?: MenuItemIconPlacement;
8
8
  disabled?: boolean;
9
+ disableCursor?: boolean;
9
10
  size?: MenuItemSize;
10
11
  mode?: MenuItemMode;
11
12
  theme?: Theme;
package/lib/parts/menu-context.js CHANGED
@@ -25,6 +25,7 @@ MenuProvider.propTypes = {
25
25
  size: PropTypes.oneOf(['l', 'm', 's']),
26
26
  mode: PropTypes.oneOf(['clear', 'classic', 'rock']),
27
27
  theme: PropTypes.oneOf(['light', 'dark']),
28
+ disableCursor: PropTypes.bool,
28
29
  disabled: PropTypes.bool,
29
30
  iconPlacement: PropTypes.oneOf(['left', 'right']),
30
31
  itemTag: PropTypes.elementType
package/lib/parts/menu-item.d.ts CHANGED
@@ -9,6 +9,7 @@ interface MenuItemProps extends HTMLAttributes<Element> {
9
9
  mode?: MenuItemMode;
10
10
  theme?: Theme;
11
11
  disabled?: boolean;
12
+ disableCursor?: boolean;
12
13
  selected?: boolean;
13
14
  highlighted?: boolean;
14
15
  iconPlacement?: MenuItemIconPlacement;
package/lib/parts/menu-item.js CHANGED
@@ -6,7 +6,7 @@ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-sta
6
6
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
7
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
8
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
- var _excluded = ["className", "tag", "children", "icon", "size", "mode", "theme", "disabled", "selected", "highlighted", "iconPlacement"];
9
+ var _excluded = ["className", "tag", "children", "icon", "size", "mode", "theme", "disabled", "disableCursor", "selected", "highlighted", "iconPlacement"];
10
10
 
11
11
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
12
 
@@ -38,7 +38,7 @@ var THEME_STYLES = {
38
38
  }; // eslint-disable-next-line complexity
39
39
 
40
40
  var MenuItemInner = function MenuItemInner(_ref, ref) {
41
- var _menuContext$theme, _menuContext$itemTag, _menuContext$iconPlac, _menuContext$mode, _menuContext$size;
41
+ var _menuContext$theme, _menuContext$itemTag, _menuContext$iconPlac, _menuContext$mode, _menuContext$size, _menuContext$disableC;
42
42
 
43
43
  var className = _ref.className,
44
44
  _ref$tag = _ref.tag,
@@ -51,6 +51,7 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
51
51
  mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
52
52
  theme = _ref.theme,
53
53
  disabled = _ref.disabled,
54
+ disableCursor = _ref.disableCursor,
54
55
  selected = _ref.selected,
55
56
  highlighted = _ref.highlighted,
56
57
  _ref$iconPlacement = _ref.iconPlacement,
@@ -63,12 +64,13 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
63
64
  var actualIconPlacement = (_menuContext$iconPlac = menuContext.iconPlacement) !== null && _menuContext$iconPlac !== void 0 ? _menuContext$iconPlac : iconPlacement;
64
65
  var actualMode = (_menuContext$mode = menuContext.mode) !== null && _menuContext$mode !== void 0 ? _menuContext$mode : mode;
65
66
  var actualSize = (_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : size;
67
+ var actualDisableCursor = (_menuContext$disableC = menuContext.disableCursor) !== null && _menuContext$disableC !== void 0 ? _menuContext$disableC : disableCursor;
66
68
  var iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
67
69
  className: cn(icon.props.className, styles.icon)
68
70
  }) : null;
69
71
  return /*#__PURE__*/React.createElement(Tag, _objectSpread({
70
72
  ref: ref,
71
- 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, highlighted && styles.highlighted, className),
73
+ 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, highlighted && styles.highlighted, actualDisableCursor && styles.disableCursor, className),
72
74
  "data-test": 'menu-item',
73
75
  tabIndex: 0
74
76
  }, restProps), actualIconPlacement === 'left' && iconElement, /*#__PURE__*/React.createElement("span", {
@@ -83,6 +85,7 @@ MenuItem.propTypes = {
83
85
  theme: PropTypes.oneOf(['light', 'dark']),
84
86
  onClick: PropTypes.func,
85
87
  disabled: PropTypes.bool,
88
+ disableCursor: PropTypes.bool,
86
89
  selected: PropTypes.bool,
87
90
 
88
91
  /** @ignore */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -28,12 +28,12 @@
28
28
  "@rescui/colors": "^0.1.0",
29
29
  "@rescui/postcss-preset-library": "^0.0.4",
30
30
  "@rescui/scripts": "^0.1.4",
31
- "@rescui/typography": "^0.6.0",
31
+ "@rescui/typography": "^0.7.0",
32
32
  "@rescui/visual-regression": "^0.0.1",
33
33
  "postcss": "^8.3.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
38
+ "gitHead": "90715a8ea8c558b23c243bc092be4ded23e4192c"
39
39
  }