@rescui/menu 0.2.1 → 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.
package/lib/index.css CHANGED
@@ -1,52 +1,50 @@
1
- ._menuItem_jh15qq_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_jh15qq_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_jh15qq_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_jh15qq_25{
19
+ ._sizeS_1mmvlwv_25{
20
20
  padding: 6px 8px;
21
21
  }
22
- ._sizeM_jh15qq_29{
22
+ ._sizeM_1mmvlwv_29{
23
23
  padding: 8px 16px;
24
24
  }
25
- ._sizeL_jh15qq_33{
25
+ ._sizeL_1mmvlwv_33{
26
26
  padding: 12px 16px;
27
27
  }
28
- ._modeClear_jh15qq_37._sizeS_jh15qq_25,
29
- ._modeClear_jh15qq_37._sizeM_jh15qq_29,
30
- ._modeClear_jh15qq_37._sizeL_jh15qq_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_jh15qq_45:focus[data-focus-method='key']{
35
- -webkit-box-shadow:#4597ff 0 0 0 4px;
36
- -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
37
- box-shadow:#4597ff 0 0 0 4px;
38
- box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
34
+ ._themeLight_1mmvlwv_45:focus[data-focus-method='key']{
35
+ -webkit-box-shadow:#8979ff 0 0 0 4px;
36
+ -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
37
+ box-shadow:#8979ff 0 0 0 4px;
38
+ box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
39
39
  }
40
- ._themeDark_jh15qq_51:focus[data-focus-method='key']{
41
- -webkit-box-shadow:#428ad2 0 0 0 4px;
42
- -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
43
- box-shadow:#428ad2 0 0 0 4px;
44
- box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
40
+ ._themeDark_1mmvlwv_51:focus[data-focus-method='key']{
41
+ -webkit-box-shadow:#6f61d2 0 0 0 4px;
42
+ -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
43
+ box-shadow:#6f61d2 0 0 0 4px;
44
+ box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
45
45
  }
46
- ._sizeS_jh15qq_25._themeLight_jh15qq_45{
46
+ ._sizeS_1mmvlwv_25{
47
47
  letter-spacing:0.0045em;
48
- color:rgba(25,25,28,0.7);
49
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
50
48
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
51
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
50
  font-size:13px;
@@ -54,13 +52,11 @@
54
52
  line-height:20px;
55
53
  line-height:var(--rs-text-3-line-height, 20px);
56
54
  }
57
- ._rs-reset-letter-spacing_jh15qq_1 ._sizeS_jh15qq_25._themeLight_jh15qq_45{
55
+ ._rs-reset-letter-spacing_1mmvlwv_1 ._sizeS_1mmvlwv_25{
58
56
  letter-spacing:normal;
59
57
  }
60
- ._sizeM_jh15qq_29._themeLight_jh15qq_45{
58
+ ._sizeM_1mmvlwv_29{
61
59
  letter-spacing:0.0015em;
62
- color:rgba(25,25,28,0.7);
63
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
64
60
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
65
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));
66
62
  font-size:16px;
@@ -69,12 +65,10 @@
69
65
  line-height:24px;
70
66
  line-height:var(--rs-text-2-line-height, 24px);
71
67
  }
72
- ._rs-reset-letter-spacing_jh15qq_1 ._sizeM_jh15qq_29._themeLight_jh15qq_45{
68
+ ._rs-reset-letter-spacing_1mmvlwv_1 ._sizeM_1mmvlwv_29{
73
69
  letter-spacing:normal;
74
70
  }
75
- ._sizeL_jh15qq_33._themeLight_jh15qq_45{
76
- color:rgba(25,25,28,0.7);
77
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
71
+ ._sizeL_1mmvlwv_33{
78
72
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
79
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));
80
74
  font-size:19px;
@@ -83,157 +77,118 @@
83
77
  line-height:28px;
84
78
  line-height:var(--rs-text-1-line-height, 28px);
85
79
  }
86
- ._sizeS_jh15qq_25._themeDark_jh15qq_51{
87
- letter-spacing:0.0045em;
80
+ ._themeLight_1mmvlwv_45{
88
81
  color:rgba(25,25,28,0.7);
89
82
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
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
- 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));
92
- font-size:13px;
93
- font-size:var(--rs-text-3-font-size, 13px);
94
- line-height:20px;
95
- line-height:var(--rs-text-3-line-height, 20px);
96
83
  }
97
- ._rs-reset-letter-spacing_jh15qq_1 ._sizeS_jh15qq_25._themeDark_jh15qq_51{
98
- letter-spacing:normal;
99
- }
100
- ._sizeS_jh15qq_25._themeDark_jh15qq_51 {
84
+ ._themeDark_1mmvlwv_51{
101
85
  color:rgba(255,255,255,0.7);
102
86
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
103
87
  }
104
- ._sizeM_jh15qq_29._themeDark_jh15qq_51{
105
- letter-spacing:0.0015em;
106
- color:rgba(25,25,28,0.7);
107
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
108
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
109
- 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));
110
- font-size:16px;
111
- font-size:var(--rs-text-2-font-size, 16px);
112
- font-weight:400;
113
- line-height:24px;
114
- line-height:var(--rs-text-2-line-height, 24px);
115
- }
116
- ._rs-reset-letter-spacing_jh15qq_1 ._sizeM_jh15qq_29._themeDark_jh15qq_51{
117
- letter-spacing:normal;
118
- }
119
- ._sizeM_jh15qq_29._themeDark_jh15qq_51 {
120
- color:rgba(255,255,255,0.7);
121
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
122
- }
123
- ._sizeL_jh15qq_33._themeDark_jh15qq_51{
124
- color:rgba(25,25,28,0.7);
125
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
126
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
127
- 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));
128
- font-size:19px;
129
- font-size:var(--rs-text-1-font-size, 19px);
130
- font-weight:normal;
131
- line-height:28px;
132
- line-height:var(--rs-text-1-line-height, 28px);
133
- color:rgba(255,255,255,0.7);
134
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
135
- }
136
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45:active{
88
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45:active{
137
89
  color:#19191C;
138
- background-color:rgba(22,125,255,0.2);
139
- background-color:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
90
+ background-color:rgba(107, 87, 255,0.2);
91
+ background-color:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
140
92
  }
141
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51:active{
93
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51:active{
142
94
  color:#FFFFFF;
143
- background-color:rgba(76,166,255,0.3);
144
- background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
95
+ background-color:rgba(132, 115, 255,0.3);
96
+ background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
145
97
  }
146
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45._selected_jh15qq_99{
98
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
147
99
  color:#FFFFFF;
148
100
  background-color:#19191C;
149
101
  }
150
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51._selected_jh15qq_99{
102
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
151
103
  color:#19191C;
152
104
  background-color:#FFFFFF;
153
105
  }
154
- ._modeRock_jh15qq_109._themeLight_jh15qq_45._selected_jh15qq_99{
106
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
155
107
  color:#FFFFFF;
156
108
  background-color:#19191C;
157
109
  }
158
- ._modeRock_jh15qq_109._themeDark_jh15qq_51._selected_jh15qq_99{
110
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
159
111
  color:#19191C;
160
112
  background-color:#FFFFFF;
161
113
  }
162
- ._modeClear_jh15qq_37._themeLight_jh15qq_45._selected_jh15qq_99{
163
- color:#167DFF;
164
- color:var(--rs-color-primary-light-theme, #167DFF);
114
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._selected_1mmvlwv_91{
115
+ color:#6B57FF;
116
+ color:var(--rs-color-primary-light-theme, #6B57FF);
117
+ }
118
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._selected_1mmvlwv_91{
119
+ color:#8473FF;
120
+ color:var(--rs-color-primary-dark-theme, #8473FF);
165
121
  }
166
- ._modeClear_jh15qq_37._themeDark_jh15qq_51._selected_jh15qq_99{
167
- color:#4CA6ff;
168
- color:var(--rs-color-primary-dark-theme, #4CA6ff);
122
+ ._disableCursor_1mmvlwv_121{
123
+ pointer-events:none;
169
124
  }
170
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45._highlighted_jh15qq_129,
171
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45:hover{
125
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
126
+ ._modeClassic_1mmvlwv_79._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
172
127
  color:#19191C;
173
128
  background-color:rgba(25,25,28,0.1);
174
129
  }
175
- ._modeRock_jh15qq_109._themeLight_jh15qq_45._highlighted_jh15qq_129,
176
- ._modeRock_jh15qq_109._themeLight_jh15qq_45:hover{
130
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
131
+ ._modeRock_1mmvlwv_101._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
177
132
  color:#FFFFFF;
178
- background-color:#167DFF;
179
- background-color:var(--rs-color-primary-light-theme, #167DFF);
133
+ background-color:#6B57FF;
134
+ background-color:var(--rs-color-primary-light-theme, #6B57FF);
180
135
  }
181
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51._highlighted_jh15qq_129,
182
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51:hover{
136
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
137
+ ._modeClassic_1mmvlwv_79._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
183
138
  color:#FFFFFF;
184
139
  background-color:rgba(255,255,255,0.1);
185
140
  }
186
- ._modeRock_jh15qq_109._themeDark_jh15qq_51._highlighted_jh15qq_129,
187
- ._modeRock_jh15qq_109._themeDark_jh15qq_51:hover{
141
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
142
+ ._modeRock_1mmvlwv_101._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
188
143
  color:#FFFFFF;
189
- background-color:#4CA6ff;
190
- background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
144
+ background-color:#8473FF;
145
+ background-color:var(--rs-color-primary-dark-theme, #8473FF);
191
146
  }
192
- ._modeClear_jh15qq_37._themeLight_jh15qq_45._highlighted_jh15qq_129,
193
- ._modeClear_jh15qq_37._themeLight_jh15qq_45:hover{
147
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45._highlighted_1mmvlwv_125,
148
+ ._modeClear_1mmvlwv_37._themeLight_1mmvlwv_45:not(._disableCursor_1mmvlwv_121):hover{
194
149
  color:#19191C;
195
150
  }
196
- ._modeClear_jh15qq_37._themeDark_jh15qq_51._highlighted_jh15qq_129,
197
- ._modeClear_jh15qq_37._themeDark_jh15qq_51:hover{
151
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51._highlighted_1mmvlwv_125,
152
+ ._modeClear_1mmvlwv_37._themeDark_1mmvlwv_51:not(._disableCursor_1mmvlwv_121):hover{
198
153
  color:#FFFFFF;
199
154
  }
200
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
201
- ._modeClassic_jh15qq_87._themeLight_jh15qq_45._selected_jh15qq_99: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{
202
157
  background-color:#303033;
203
158
  color:#FFFFFF;
204
159
  }
205
- ._modeRock_jh15qq_109._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
206
- ._modeRock_jh15qq_109._themeLight_jh15qq_45._selected_jh15qq_99: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{
207
162
  background-color:#303033;
208
163
  color:#FFFFFF;
209
164
  }
210
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
211
- ._modeClassic_jh15qq_87._themeDark_jh15qq_51._selected_jh15qq_99: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{
212
167
  background-color:#E8E8E8;
213
168
  color:#19191C;
214
169
  }
215
- ._modeRock_jh15qq_109._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
216
- ._modeRock_jh15qq_109._themeDark_jh15qq_51._selected_jh15qq_99: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{
217
172
  background-color:#E8E8E8;
218
173
  color:#19191C;
219
174
  }
220
- ._modeClear_jh15qq_37._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
221
- ._modeClear_jh15qq_37._themeLight_jh15qq_45._selected_jh15qq_99: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{
222
177
  background-color:rgba(25,25,28,0.1);
223
178
  }
224
- ._modeClear_jh15qq_37._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
225
- ._modeClear_jh15qq_37._themeDark_jh15qq_51._selected_jh15qq_99: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{
226
181
  background-color:rgba(255,255,255,0.1);
227
182
  }
228
- ._menuItem_jh15qq_9._themeLight_jh15qq_45._disabled_jh15qq_201{
183
+ ._menuItem_1mmvlwv_9._themeLight_1mmvlwv_45._disabled_1mmvlwv_197{
229
184
  pointer-events:none;
230
185
  color:rgba(25,25,28,0.4);
231
186
  }
232
- ._menuItem_jh15qq_9._themeDark_jh15qq_51._disabled_jh15qq_201{
187
+ ._menuItem_1mmvlwv_9._themeDark_1mmvlwv_51._disabled_1mmvlwv_197{
233
188
  pointer-events:none;
234
189
  color:rgba(255,255,255,0.3);
235
190
  }
236
- ._icon_jh15qq_212{
191
+ ._icon_1mmvlwv_208{
237
192
  -webkit-box-flex:0;
238
193
  -ms-flex:0 0;
239
194
  flex:0 0;
@@ -241,25 +196,25 @@
241
196
  flex-basis:auto;
242
197
 
243
198
  }
244
- ._sizeS_jh15qq_25._placementLeft_jh15qq_216 ._icon_jh15qq_212{
199
+ ._sizeS_1mmvlwv_25._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
245
200
  margin-right:8px;
246
201
  }
247
- ._sizeS_jh15qq_25._placementRight_jh15qq_20 ._icon_jh15qq_212{
202
+ ._sizeS_1mmvlwv_25._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
248
203
  margin-left:8px;
249
204
  }
250
- ._sizeM_jh15qq_29._placementLeft_jh15qq_216 ._icon_jh15qq_212{
205
+ ._sizeM_1mmvlwv_29._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
251
206
  margin-right:8px;
252
207
  }
253
- ._sizeM_jh15qq_29._placementRight_jh15qq_20 ._icon_jh15qq_212{
208
+ ._sizeM_1mmvlwv_29._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
254
209
  margin-left:8px;
255
210
  }
256
- ._sizeL_jh15qq_33._placementLeft_jh15qq_216 ._icon_jh15qq_212{
211
+ ._sizeL_1mmvlwv_33._placementLeft_1mmvlwv_212 ._icon_1mmvlwv_208{
257
212
  margin-right:16px;
258
213
  }
259
- ._sizeL_jh15qq_33._placementRight_jh15qq_20 ._icon_jh15qq_212{
214
+ ._sizeL_1mmvlwv_33._placementRight_1mmvlwv_20 ._icon_1mmvlwv_208{
260
215
  margin-left:16px;
261
216
  }
262
- ._divider_jh15qq_242{
217
+ ._divider_1mmvlwv_238{
263
218
  width:100%;
264
219
  border:none;
265
220
  height:1px;
@@ -267,114 +222,55 @@
267
222
  -ms-flex-negative:0;
268
223
  flex-shrink:0;
269
224
  }
270
- ._divider_jh15qq_242._themeLight_jh15qq_45{
225
+ ._divider_1mmvlwv_238._themeLight_1mmvlwv_45{
271
226
  background-color:rgba(25,25,28,0.2);
272
227
  }
273
- ._divider_jh15qq_242._themeDark_jh15qq_51{
228
+ ._divider_1mmvlwv_238._themeDark_1mmvlwv_51{
274
229
  background-color:rgba(255,255,255,0.2);
275
230
  }
276
- ._groupHeader_jh15qq_258{
231
+ ._groupHeader_1mmvlwv_254{
277
232
  border:none;
278
- text-transform:uppercase;
279
- }
280
- ._groupHeaderSizeS_jh15qq_264{
281
- padding: 6px 8px;
282
- padding-top:8px;
283
- padding-bottom:4px;
284
- }
285
- ._groupHeaderSizeM_jh15qq_271{
286
- padding: 8px 16px;
287
- padding-top:10px;
288
- padding-bottom:6px;
289
- }
290
- ._groupHeaderSizeL_jh15qq_277._themeLight_jh15qq_45{
291
- color:rgba(25,25,28,0.7);
292
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
293
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
294
- 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));
295
- font-size:19px;
296
- font-size:var(--rs-text-1-font-size, 19px);
297
- font-weight:normal;
298
- line-height:28px;
299
- line-height:var(--rs-text-1-line-height, 28px);
300
233
  }
301
- ._groupHeaderSizeL_jh15qq_277._themeDark_jh15qq_51{
302
- color:rgba(25,25,28,0.7);
303
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
234
+ ._groupHeaderSizeL_1mmvlwv_258{
235
+ padding: 12px 16px;
236
+ letter-spacing:normal;
304
237
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
305
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));
306
- font-size:19px;
307
- font-size:var(--rs-text-1-font-size, 19px);
308
- 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);
309
243
  line-height:28px;
310
- line-height:var(--rs-text-1-line-height, 28px);
311
- color:rgba(255,255,255,0.7);
312
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
313
- }
314
- ._groupHeaderSizeM_jh15qq_271._themeLight_jh15qq_45{
315
- letter-spacing:0.0015em;
316
- color:rgba(25,25,28,0.7);
317
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
318
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
319
- 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));
320
- font-size:16px;
321
- font-size:var(--rs-text-2-font-size, 16px);
322
- font-weight:400;
323
- line-height:24px;
324
- line-height:var(--rs-text-2-line-height, 24px);
244
+ line-height:var(--rs-h3-line-height, 28px);
325
245
  }
326
- ._rs-reset-letter-spacing_jh15qq_1 ._groupHeaderSizeM_jh15qq_271._themeLight_jh15qq_45{
327
- letter-spacing:normal;
328
- }
329
- ._groupHeaderSizeM_jh15qq_271._themeDark_jh15qq_51{
330
- letter-spacing:0.0015em;
331
- color:rgba(25,25,28,0.7);
332
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
246
+ ._groupHeaderSizeM_1mmvlwv_263{
247
+ padding: 8px 16px;
333
248
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
334
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));
335
- font-size:16px;
336
- font-size:var(--rs-text-2-font-size, 16px);
337
- 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);
338
254
  line-height:24px;
339
- line-height:var(--rs-text-2-line-height, 24px);
255
+ line-height:var(--rs-h4-line-height, 24px);
340
256
  }
341
- ._rs-reset-letter-spacing_jh15qq_1 ._groupHeaderSizeM_jh15qq_271._themeDark_jh15qq_51{
342
- letter-spacing:normal;
343
- }
344
- ._groupHeaderSizeM_jh15qq_271._themeDark_jh15qq_51 {
345
- color:rgba(255,255,255,0.7);
346
- color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
347
- }
348
- ._groupHeaderSizeS_jh15qq_264._themeLight_jh15qq_45{
349
- letter-spacing:0.0045em;
350
- color:rgba(25,25,28,0.7);
351
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
257
+ ._groupHeaderSizeS_1mmvlwv_268{
258
+ padding: 6px 8px;
352
259
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
353
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));
354
- font-size:13px;
355
- 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);
356
265
  line-height:20px;
357
- line-height:var(--rs-text-3-line-height, 20px);
266
+ line-height:var(--rs-h5-line-height, 20px);
358
267
  }
359
- ._rs-reset-letter-spacing_jh15qq_1 ._groupHeaderSizeS_jh15qq_264._themeLight_jh15qq_45{
360
- letter-spacing:normal;
361
- }
362
- ._groupHeaderSizeS_jh15qq_264._themeDark_jh15qq_51{
363
- letter-spacing:0.0045em;
364
- color:rgba(25,25,28,0.7);
365
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
366
- font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
367
- 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));
368
- font-size:13px;
369
- font-size:var(--rs-text-3-font-size, 13px);
370
- line-height:20px;
371
- line-height:var(--rs-text-3-line-height, 20px);
268
+ ._themeLight_1mmvlwv_45{
269
+ color:#19191C;
270
+ color:var(--rs-typography-color-hard, #19191C);
372
271
  }
373
- ._rs-reset-letter-spacing_jh15qq_1 ._groupHeaderSizeS_jh15qq_264._themeDark_jh15qq_51{
374
- letter-spacing:normal;
375
- }
376
- ._groupHeaderSizeS_jh15qq_264._themeDark_jh15qq_51 {
377
- color:rgba(255,255,255,0.7);
378
- 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);
379
275
  }
380
276
 
@@ -1,25 +1,26 @@
1
1
  var styles = {
2
- "menuItem": "_menuItem_jh15qq_9",
3
- "content": "_content_jh15qq_15",
4
- "placementRight": "_placementRight_jh15qq_20",
5
- "sizeS": "_sizeS_jh15qq_25",
6
- "sizeM": "_sizeM_jh15qq_29",
7
- "sizeL": "_sizeL_jh15qq_33",
8
- "modeClear": "_modeClear_jh15qq_37",
9
- "themeLight": "_themeLight_jh15qq_45",
10
- "themeDark": "_themeDark_jh15qq_51",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_jh15qq_1",
12
- "modeClassic": "_modeClassic_jh15qq_87",
13
- "selected": "_selected_jh15qq_99",
14
- "modeRock": "_modeRock_jh15qq_109",
15
- "highlighted": "_highlighted_jh15qq_129",
16
- "disabled": "_disabled_jh15qq_201",
17
- "icon": "_icon_jh15qq_212",
18
- "placementLeft": "_placementLeft_jh15qq_216",
19
- "divider": "_divider_jh15qq_242",
20
- "groupHeader": "_groupHeader_jh15qq_258",
21
- "groupHeaderSizeS": "_groupHeaderSizeS_jh15qq_264",
22
- "groupHeaderSizeM": "_groupHeaderSizeM_jh15qq_271",
23
- "groupHeaderSizeL": "_groupHeaderSizeL_jh15qq_277"
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,
@@ -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;
@@ -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
@@ -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;
@@ -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.2.1",
3
+ "version": "0.4.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,15 +25,15 @@
25
25
  "react": ">=16.8.0 <18"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.0.6",
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.5.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": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
38
+ "gitHead": "90715a8ea8c558b23c243bc092be4ded23e4192c"
39
39
  }