@rescui/menu 0.1.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/index.css +156 -132
  2. package/lib/index.module.pcss.js +22 -21
  3. package/lib/menu.js +13 -2
  4. package/lib/parts/divider.js +13 -2
  5. package/lib/parts/menu-context.d.ts +2 -2
  6. package/lib/parts/menu-context.js +1 -3
  7. package/lib/parts/menu-item.js +22 -8
  8. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,227 +1,239 @@
1
- ._menuItem_4qyz71_9{
1
+ ._menuItem_jh15qq_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_4qyz71_15{
8
+ ._content_jh15qq_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_4qyz71_20{
14
+ ._placementRight_jh15qq_20{
15
15
  -webkit-box-pack:justify;
16
16
  -ms-flex-pack:justify;
17
17
  justify-content:space-between;
18
18
  }
19
- ._sizeS_4qyz71_25{
19
+ ._sizeS_jh15qq_25{
20
20
  padding: 6px 8px;
21
21
  }
22
- ._sizeM_4qyz71_29{
22
+ ._sizeM_jh15qq_29{
23
23
  padding: 8px 16px;
24
24
  }
25
- ._sizeL_4qyz71_33{
25
+ ._sizeL_jh15qq_33{
26
26
  padding: 12px 16px;
27
27
  }
28
- ._modeClear_4qyz71_37._sizeS_4qyz71_25,
29
- ._modeClear_4qyz71_37._sizeM_4qyz71_29,
30
- ._modeClear_4qyz71_37._sizeL_4qyz71_33{
28
+ ._modeClear_jh15qq_37._sizeS_jh15qq_25,
29
+ ._modeClear_jh15qq_37._sizeM_jh15qq_29,
30
+ ._modeClear_jh15qq_37._sizeL_jh15qq_33{
31
31
  padding-left:0;
32
32
  padding-right:0;
33
33
  }
34
- ._themeLight_4qyz71_45:focus[data-focus-method='key']{
34
+ ._themeLight_jh15qq_45:focus[data-focus-method='key']{
35
35
  -webkit-box-shadow:#4597ff 0 0 0 4px;
36
36
  -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
37
37
  box-shadow:#4597ff 0 0 0 4px;
38
38
  box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
39
39
  }
40
- ._themeDark_4qyz71_51:focus[data-focus-method='key']{
40
+ ._themeDark_jh15qq_51:focus[data-focus-method='key']{
41
41
  -webkit-box-shadow:#428ad2 0 0 0 4px;
42
42
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
43
43
  box-shadow:#428ad2 0 0 0 4px;
44
44
  box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
45
45
  }
46
- ._sizeS_4qyz71_25._themeLight_4qyz71_45{
47
- letter-spacing:normal;
46
+ ._sizeS_jh15qq_25._themeLight_jh15qq_45{
47
+ letter-spacing:0.0045em;
48
48
  color:rgba(25,25,28,0.7);
49
49
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
50
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
51
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
50
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
51
+ 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
52
  font-size:13px;
53
53
  font-size:var(--rs-text-3-font-size, 13px);
54
- font-weight:400;
55
54
  line-height:20px;
56
55
  line-height:var(--rs-text-3-line-height, 20px);
57
56
  }
58
- ._sizeM_4qyz71_29._themeLight_4qyz71_45{
59
- letter-spacing:normal;
57
+ ._rs-reset-letter-spacing_jh15qq_1 ._sizeS_jh15qq_25._themeLight_jh15qq_45{
58
+ letter-spacing:normal;
59
+ }
60
+ ._sizeM_jh15qq_29._themeLight_jh15qq_45{
61
+ letter-spacing:0.0015em;
60
62
  color:rgba(25,25,28,0.7);
61
63
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
62
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
63
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
64
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
65
+ 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));
64
66
  font-size:16px;
65
67
  font-size:var(--rs-text-2-font-size, 16px);
66
68
  font-weight:400;
67
69
  line-height:24px;
68
70
  line-height:var(--rs-text-2-line-height, 24px);
69
71
  }
70
- ._sizeL_4qyz71_33._themeLight_4qyz71_45{
71
- letter-spacing:normal;
72
+ ._rs-reset-letter-spacing_jh15qq_1 ._sizeM_jh15qq_29._themeLight_jh15qq_45{
73
+ letter-spacing:normal;
74
+ }
75
+ ._sizeL_jh15qq_33._themeLight_jh15qq_45{
72
76
  color:rgba(25,25,28,0.7);
73
77
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
74
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
75
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
76
- font-size:20px;
77
- font-size:var(--rs-text-1-font-size, 20px);
78
- font-weight:400;
79
- line-height:32px;
80
- line-height:var(--rs-text-1-line-height, 32px);
81
- }
82
- ._sizeS_4qyz71_25._themeDark_4qyz71_51{
83
- letter-spacing:normal;
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
+ 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
+ font-size:19px;
81
+ font-size:var(--rs-text-1-font-size, 19px);
82
+ font-weight:normal;
83
+ line-height:28px;
84
+ line-height:var(--rs-text-1-line-height, 28px);
85
+ }
86
+ ._sizeS_jh15qq_25._themeDark_jh15qq_51{
87
+ letter-spacing:0.0045em;
84
88
  color:rgba(25,25,28,0.7);
85
89
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
86
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
87
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
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));
88
92
  font-size:13px;
89
93
  font-size:var(--rs-text-3-font-size, 13px);
90
- font-weight:400;
91
94
  line-height:20px;
92
95
  line-height:var(--rs-text-3-line-height, 20px);
96
+ }
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 {
93
101
  color:rgba(255,255,255,0.7);
94
102
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
95
103
  }
96
- ._sizeM_4qyz71_29._themeDark_4qyz71_51{
97
- letter-spacing:normal;
104
+ ._sizeM_jh15qq_29._themeDark_jh15qq_51{
105
+ letter-spacing:0.0015em;
98
106
  color:rgba(25,25,28,0.7);
99
107
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
100
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
101
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
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));
102
110
  font-size:16px;
103
111
  font-size:var(--rs-text-2-font-size, 16px);
104
112
  font-weight:400;
105
113
  line-height:24px;
106
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 {
107
120
  color:rgba(255,255,255,0.7);
108
121
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
109
122
  }
110
- ._sizeL_4qyz71_33._themeDark_4qyz71_51{
111
- letter-spacing:normal;
123
+ ._sizeL_jh15qq_33._themeDark_jh15qq_51{
112
124
  color:rgba(25,25,28,0.7);
113
125
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
114
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
115
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
116
- font-size:20px;
117
- font-size:var(--rs-text-1-font-size, 20px);
118
- font-weight:400;
119
- line-height:32px;
120
- line-height:var(--rs-text-1-line-height, 32px);
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);
121
133
  color:rgba(255,255,255,0.7);
122
134
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
123
135
  }
124
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45:active{
136
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45:active{
125
137
  color:#19191C;
126
138
  background-color:rgba(22,125,255,0.2);
127
139
  background-color:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
128
140
  }
129
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51:active{
141
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51:active{
130
142
  color:#FFFFFF;
131
143
  background-color:rgba(76,166,255,0.3);
132
144
  background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
133
145
  }
134
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45._selected_4qyz71_99{
146
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45._selected_jh15qq_99{
135
147
  color:#FFFFFF;
136
148
  background-color:#19191C;
137
149
  }
138
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51._selected_4qyz71_99{
150
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51._selected_jh15qq_99{
139
151
  color:#19191C;
140
152
  background-color:#FFFFFF;
141
153
  }
142
- ._modeRock_4qyz71_109._themeLight_4qyz71_45._selected_4qyz71_99{
154
+ ._modeRock_jh15qq_109._themeLight_jh15qq_45._selected_jh15qq_99{
143
155
  color:#FFFFFF;
144
156
  background-color:#19191C;
145
157
  }
146
- ._modeRock_4qyz71_109._themeDark_4qyz71_51._selected_4qyz71_99{
158
+ ._modeRock_jh15qq_109._themeDark_jh15qq_51._selected_jh15qq_99{
147
159
  color:#19191C;
148
160
  background-color:#FFFFFF;
149
161
  }
150
- ._modeClear_4qyz71_37._themeLight_4qyz71_45._selected_4qyz71_99{
162
+ ._modeClear_jh15qq_37._themeLight_jh15qq_45._selected_jh15qq_99{
151
163
  color:#167DFF;
152
164
  color:var(--rs-color-primary-light-theme, #167DFF);
153
165
  }
154
- ._modeClear_4qyz71_37._themeDark_4qyz71_51._selected_4qyz71_99{
166
+ ._modeClear_jh15qq_37._themeDark_jh15qq_51._selected_jh15qq_99{
155
167
  color:#4CA6ff;
156
168
  color:var(--rs-color-primary-dark-theme, #4CA6ff);
157
169
  }
158
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45._highlighted_4qyz71_129,
159
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45:hover{
170
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45._highlighted_jh15qq_129,
171
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45:hover{
160
172
  color:#19191C;
161
173
  background-color:rgba(25,25,28,0.1);
162
174
  }
163
- ._modeRock_4qyz71_109._themeLight_4qyz71_45._highlighted_4qyz71_129,
164
- ._modeRock_4qyz71_109._themeLight_4qyz71_45:hover{
175
+ ._modeRock_jh15qq_109._themeLight_jh15qq_45._highlighted_jh15qq_129,
176
+ ._modeRock_jh15qq_109._themeLight_jh15qq_45:hover{
165
177
  color:#FFFFFF;
166
178
  background-color:#167DFF;
167
179
  background-color:var(--rs-color-primary-light-theme, #167DFF);
168
180
  }
169
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51._highlighted_4qyz71_129,
170
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51:hover{
181
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51._highlighted_jh15qq_129,
182
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51:hover{
171
183
  color:#FFFFFF;
172
184
  background-color:rgba(255,255,255,0.1);
173
185
  }
174
- ._modeRock_4qyz71_109._themeDark_4qyz71_51._highlighted_4qyz71_129,
175
- ._modeRock_4qyz71_109._themeDark_4qyz71_51:hover{
186
+ ._modeRock_jh15qq_109._themeDark_jh15qq_51._highlighted_jh15qq_129,
187
+ ._modeRock_jh15qq_109._themeDark_jh15qq_51:hover{
176
188
  color:#FFFFFF;
177
189
  background-color:#4CA6ff;
178
190
  background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
179
191
  }
180
- ._modeClear_4qyz71_37._themeLight_4qyz71_45._highlighted_4qyz71_129,
181
- ._modeClear_4qyz71_37._themeLight_4qyz71_45:hover{
192
+ ._modeClear_jh15qq_37._themeLight_jh15qq_45._highlighted_jh15qq_129,
193
+ ._modeClear_jh15qq_37._themeLight_jh15qq_45:hover{
182
194
  color:#19191C;
183
195
  }
184
- ._modeClear_4qyz71_37._themeDark_4qyz71_51._highlighted_4qyz71_129,
185
- ._modeClear_4qyz71_37._themeDark_4qyz71_51:hover{
196
+ ._modeClear_jh15qq_37._themeDark_jh15qq_51._highlighted_jh15qq_129,
197
+ ._modeClear_jh15qq_37._themeDark_jh15qq_51:hover{
186
198
  color:#FFFFFF;
187
199
  }
188
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45._highlighted_4qyz71_129._selected_4qyz71_99,
189
- ._modeClassic_4qyz71_87._themeLight_4qyz71_45._selected_4qyz71_99:hover{
200
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
201
+ ._modeClassic_jh15qq_87._themeLight_jh15qq_45._selected_jh15qq_99:hover{
190
202
  background-color:#303033;
191
203
  color:#FFFFFF;
192
204
  }
193
- ._modeRock_4qyz71_109._themeLight_4qyz71_45._highlighted_4qyz71_129._selected_4qyz71_99,
194
- ._modeRock_4qyz71_109._themeLight_4qyz71_45._selected_4qyz71_99:hover{
205
+ ._modeRock_jh15qq_109._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
206
+ ._modeRock_jh15qq_109._themeLight_jh15qq_45._selected_jh15qq_99:hover{
195
207
  background-color:#303033;
196
208
  color:#FFFFFF;
197
209
  }
198
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51._highlighted_4qyz71_129._selected_4qyz71_99,
199
- ._modeClassic_4qyz71_87._themeDark_4qyz71_51._selected_4qyz71_99:hover{
210
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
211
+ ._modeClassic_jh15qq_87._themeDark_jh15qq_51._selected_jh15qq_99:hover{
200
212
  background-color:#E8E8E8;
201
213
  color:#19191C;
202
214
  }
203
- ._modeRock_4qyz71_109._themeDark_4qyz71_51._highlighted_4qyz71_129._selected_4qyz71_99,
204
- ._modeRock_4qyz71_109._themeDark_4qyz71_51._selected_4qyz71_99:hover{
215
+ ._modeRock_jh15qq_109._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
216
+ ._modeRock_jh15qq_109._themeDark_jh15qq_51._selected_jh15qq_99:hover{
205
217
  background-color:#E8E8E8;
206
218
  color:#19191C;
207
219
  }
208
- ._modeClear_4qyz71_37._themeLight_4qyz71_45._highlighted_4qyz71_129._selected_4qyz71_99,
209
- ._modeClear_4qyz71_37._themeLight_4qyz71_45._selected_4qyz71_99:hover{
220
+ ._modeClear_jh15qq_37._themeLight_jh15qq_45._highlighted_jh15qq_129._selected_jh15qq_99,
221
+ ._modeClear_jh15qq_37._themeLight_jh15qq_45._selected_jh15qq_99:hover{
210
222
  background-color:rgba(25,25,28,0.1);
211
223
  }
212
- ._modeClear_4qyz71_37._themeDark_4qyz71_51._highlighted_4qyz71_129._selected_4qyz71_99,
213
- ._modeClear_4qyz71_37._themeDark_4qyz71_51._selected_4qyz71_99:hover{
224
+ ._modeClear_jh15qq_37._themeDark_jh15qq_51._highlighted_jh15qq_129._selected_jh15qq_99,
225
+ ._modeClear_jh15qq_37._themeDark_jh15qq_51._selected_jh15qq_99:hover{
214
226
  background-color:rgba(255,255,255,0.1);
215
227
  }
216
- ._menuItem_4qyz71_9._themeLight_4qyz71_45._disabled_4qyz71_201{
228
+ ._menuItem_jh15qq_9._themeLight_jh15qq_45._disabled_jh15qq_201{
217
229
  pointer-events:none;
218
230
  color:rgba(25,25,28,0.4);
219
231
  }
220
- ._menuItem_4qyz71_9._themeDark_4qyz71_51._disabled_4qyz71_201{
232
+ ._menuItem_jh15qq_9._themeDark_jh15qq_51._disabled_jh15qq_201{
221
233
  pointer-events:none;
222
234
  color:rgba(255,255,255,0.3);
223
235
  }
224
- ._icon_4qyz71_212{
236
+ ._icon_jh15qq_212{
225
237
  -webkit-box-flex:0;
226
238
  -ms-flex:0 0;
227
239
  flex:0 0;
@@ -229,25 +241,25 @@
229
241
  flex-basis:auto;
230
242
 
231
243
  }
232
- ._sizeS_4qyz71_25._placementLeft_4qyz71_216 ._icon_4qyz71_212{
244
+ ._sizeS_jh15qq_25._placementLeft_jh15qq_216 ._icon_jh15qq_212{
233
245
  margin-right:8px;
234
246
  }
235
- ._sizeS_4qyz71_25._placementRight_4qyz71_20 ._icon_4qyz71_212{
247
+ ._sizeS_jh15qq_25._placementRight_jh15qq_20 ._icon_jh15qq_212{
236
248
  margin-left:8px;
237
249
  }
238
- ._sizeM_4qyz71_29._placementLeft_4qyz71_216 ._icon_4qyz71_212{
250
+ ._sizeM_jh15qq_29._placementLeft_jh15qq_216 ._icon_jh15qq_212{
239
251
  margin-right:8px;
240
252
  }
241
- ._sizeM_4qyz71_29._placementRight_4qyz71_20 ._icon_4qyz71_212{
253
+ ._sizeM_jh15qq_29._placementRight_jh15qq_20 ._icon_jh15qq_212{
242
254
  margin-left:8px;
243
255
  }
244
- ._sizeL_4qyz71_33._placementLeft_4qyz71_216 ._icon_4qyz71_212{
256
+ ._sizeL_jh15qq_33._placementLeft_jh15qq_216 ._icon_jh15qq_212{
245
257
  margin-right:16px;
246
258
  }
247
- ._sizeL_4qyz71_33._placementRight_4qyz71_20 ._icon_4qyz71_212{
259
+ ._sizeL_jh15qq_33._placementRight_jh15qq_20 ._icon_jh15qq_212{
248
260
  margin-left:16px;
249
261
  }
250
- ._divider_4qyz71_242{
262
+ ._divider_jh15qq_242{
251
263
  width:100%;
252
264
  border:none;
253
265
  height:1px;
@@ -255,101 +267,113 @@
255
267
  -ms-flex-negative:0;
256
268
  flex-shrink:0;
257
269
  }
258
- ._divider_4qyz71_242._themeLight_4qyz71_45{
270
+ ._divider_jh15qq_242._themeLight_jh15qq_45{
259
271
  background-color:rgba(25,25,28,0.2);
260
272
  }
261
- ._divider_4qyz71_242._themeDark_4qyz71_51{
273
+ ._divider_jh15qq_242._themeDark_jh15qq_51{
262
274
  background-color:rgba(255,255,255,0.2);
263
275
  }
264
- ._groupHeader_4qyz71_258{
276
+ ._groupHeader_jh15qq_258{
265
277
  border:none;
266
278
  text-transform:uppercase;
267
279
  }
268
- ._groupHeaderSizeS_4qyz71_264{
280
+ ._groupHeaderSizeS_jh15qq_264{
269
281
  padding: 6px 8px;
270
282
  padding-top:8px;
271
283
  padding-bottom:4px;
272
284
  }
273
- ._groupHeaderSizeM_4qyz71_271{
285
+ ._groupHeaderSizeM_jh15qq_271{
274
286
  padding: 8px 16px;
275
287
  padding-top:10px;
276
288
  padding-bottom:6px;
277
289
  }
278
- ._groupHeaderSizeL_4qyz71_277._themeLight_4qyz71_45{
279
- letter-spacing:normal;
290
+ ._groupHeaderSizeL_jh15qq_277._themeLight_jh15qq_45{
280
291
  color:rgba(25,25,28,0.7);
281
292
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
282
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
283
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
284
- font-size:20px;
285
- font-size:var(--rs-text-1-font-size, 20px);
286
- font-weight:400;
287
- line-height:32px;
288
- line-height:var(--rs-text-1-line-height, 32px);
289
- }
290
- ._groupHeaderSizeL_4qyz71_277._themeDark_4qyz71_51{
291
- letter-spacing:normal;
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
+ }
301
+ ._groupHeaderSizeL_jh15qq_277._themeDark_jh15qq_51{
292
302
  color:rgba(25,25,28,0.7);
293
303
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
294
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
295
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
296
- font-size:20px;
297
- font-size:var(--rs-text-1-font-size, 20px);
298
- font-weight:400;
299
- line-height:32px;
300
- line-height:var(--rs-text-1-line-height, 32px);
304
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
305
+ 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;
309
+ line-height:28px;
310
+ line-height:var(--rs-text-1-line-height, 28px);
301
311
  color:rgba(255,255,255,0.7);
302
312
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
303
313
  }
304
- ._groupHeaderSizeM_4qyz71_271._themeLight_4qyz71_45{
305
- letter-spacing:normal;
314
+ ._groupHeaderSizeM_jh15qq_271._themeLight_jh15qq_45{
315
+ letter-spacing:0.0015em;
306
316
  color:rgba(25,25,28,0.7);
307
317
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
308
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
309
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
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));
310
320
  font-size:16px;
311
321
  font-size:var(--rs-text-2-font-size, 16px);
312
322
  font-weight:400;
313
323
  line-height:24px;
314
324
  line-height:var(--rs-text-2-line-height, 24px);
315
325
  }
316
- ._groupHeaderSizeM_4qyz71_271._themeDark_4qyz71_51{
317
- letter-spacing:normal;
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;
318
331
  color:rgba(25,25,28,0.7);
319
332
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
320
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
321
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
333
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
334
+ 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));
322
335
  font-size:16px;
323
336
  font-size:var(--rs-text-2-font-size, 16px);
324
337
  font-weight:400;
325
338
  line-height:24px;
326
339
  line-height:var(--rs-text-2-line-height, 24px);
340
+ }
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 {
327
345
  color:rgba(255,255,255,0.7);
328
346
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
329
347
  }
330
- ._groupHeaderSizeS_4qyz71_264._themeLight_4qyz71_45{
331
- letter-spacing:normal;
348
+ ._groupHeaderSizeS_jh15qq_264._themeLight_jh15qq_45{
349
+ letter-spacing:0.0045em;
332
350
  color:rgba(25,25,28,0.7);
333
351
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
334
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
335
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
352
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
353
+ 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));
336
354
  font-size:13px;
337
355
  font-size:var(--rs-text-3-font-size, 13px);
338
- font-weight:400;
339
356
  line-height:20px;
340
357
  line-height:var(--rs-text-3-line-height, 20px);
341
358
  }
342
- ._groupHeaderSizeS_4qyz71_264._themeDark_4qyz71_51{
343
- letter-spacing:normal;
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;
344
364
  color:rgba(25,25,28,0.7);
345
365
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
346
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
347
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
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));
348
368
  font-size:13px;
349
369
  font-size:var(--rs-text-3-font-size, 13px);
350
- font-weight:400;
351
370
  line-height:20px;
352
371
  line-height:var(--rs-text-3-line-height, 20px);
372
+ }
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 {
353
377
  color:rgba(255,255,255,0.7);
354
378
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
355
379
  }
package/lib/index.module.pcss.js CHANGED
@@ -1,24 +1,25 @@
1
1
  var styles = {
2
- "menuItem": "_menuItem_4qyz71_9",
3
- "content": "_content_4qyz71_15",
4
- "placementRight": "_placementRight_4qyz71_20",
5
- "sizeS": "_sizeS_4qyz71_25",
6
- "sizeM": "_sizeM_4qyz71_29",
7
- "sizeL": "_sizeL_4qyz71_33",
8
- "modeClear": "_modeClear_4qyz71_37",
9
- "themeLight": "_themeLight_4qyz71_45",
10
- "themeDark": "_themeDark_4qyz71_51",
11
- "modeClassic": "_modeClassic_4qyz71_87",
12
- "selected": "_selected_4qyz71_99",
13
- "modeRock": "_modeRock_4qyz71_109",
14
- "highlighted": "_highlighted_4qyz71_129",
15
- "disabled": "_disabled_4qyz71_201",
16
- "icon": "_icon_4qyz71_212",
17
- "placementLeft": "_placementLeft_4qyz71_216",
18
- "divider": "_divider_4qyz71_242",
19
- "groupHeader": "_groupHeader_4qyz71_258",
20
- "groupHeaderSizeS": "_groupHeaderSizeS_4qyz71_264",
21
- "groupHeaderSizeM": "_groupHeaderSizeM_4qyz71_271",
22
- "groupHeaderSizeL": "_groupHeaderSizeL_4qyz71_277"
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"
23
24
  };
24
25
  export default styles;
package/lib/menu.js CHANGED
@@ -1,6 +1,17 @@
1
+ import "core-js/modules/web.dom-collections.for-each.js";
2
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
4
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
5
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
1
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
2
9
  var _excluded = ["tag", "itemTag", "iconPlacement", "disabled", "size", "mode", "theme"];
3
- import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
10
+
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
+
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
+
4
15
  import React from 'react';
5
16
  import PropTypes from 'prop-types';
6
17
  import { MenuProvider } from './parts/menu-context.js';
@@ -27,7 +38,7 @@ var Menu = function Menu(_ref) {
27
38
  size: size,
28
39
  mode: mode,
29
40
  theme: theme
30
- }, /*#__PURE__*/React.createElement(Tag, _Object$assign({}, restProps)));
41
+ }, /*#__PURE__*/React.createElement(Tag, _objectSpread({}, restProps)));
31
42
  };
32
43
 
33
44
  Menu.propTypes = {
package/lib/parts/divider.js CHANGED
@@ -1,6 +1,17 @@
1
+ import "core-js/modules/web.dom-collections.for-each.js";
2
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
4
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
5
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
1
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
2
9
  var _excluded = ["className", "theme"];
3
- import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
10
+
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
+
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
+
4
15
  import React from 'react';
5
16
  import cn from 'classnames';
6
17
  import PropTypes from 'prop-types';
@@ -21,7 +32,7 @@ function Divider(_ref) {
21
32
 
22
33
  var menuContext = useMenuContext();
23
34
  var actualTheme = useTheme((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
24
- return /*#__PURE__*/React.createElement("hr", _Object$assign({
35
+ return /*#__PURE__*/React.createElement("hr", _objectSpread({
25
36
  className: cn(styles.divider, THEME_CLASS[actualTheme], className)
26
37
  }, restProps));
27
38
  }
package/lib/parts/menu-context.d.ts CHANGED
@@ -7,9 +7,9 @@ export interface MenuContextValue {
7
7
  iconPlacement?: MenuItemIconPlacement;
8
8
  disabled?: boolean;
9
9
  size?: MenuItemSize;
10
- mode: MenuItemMode;
10
+ mode?: MenuItemMode;
11
11
  theme?: Theme;
12
- itemTag: React.ElementType;
12
+ itemTag?: React.ElementType;
13
13
  }
14
14
  export declare const DEFAULT_MENU_CONTEXT: MenuContextValue;
15
15
  export declare const MenuContext: React.Context<MenuContextValue>;
package/lib/parts/menu-context.js CHANGED
@@ -3,9 +3,7 @@ var _excluded = ["children"];
3
3
  import React, { useContext } from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  var DEFAULT_MENU_CONTEXT = {
6
- disabled: false,
7
- itemTag: 'span',
8
- mode: 'classic'
6
+ disabled: false
9
7
  };
10
8
  var MenuContext = /*#__PURE__*/React.createContext(DEFAULT_MENU_CONTEXT);
11
9
 
package/lib/parts/menu-item.js CHANGED
@@ -1,6 +1,17 @@
1
+ import "core-js/modules/web.dom-collections.for-each.js";
2
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
4
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
5
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
1
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
2
9
  var _excluded = ["className", "tag", "children", "icon", "size", "mode", "theme", "disabled", "selected", "highlighted", "iconPlacement"];
3
- import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
10
+
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
+
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
+
4
15
  import React, { cloneElement } from 'react';
5
16
  import cn from 'classnames';
6
17
  import PropTypes from 'prop-types';
@@ -27,14 +38,17 @@ var THEME_STYLES = {
27
38
  }; // eslint-disable-next-line complexity
28
39
 
29
40
  var MenuItemInner = function MenuItemInner(_ref, ref) {
30
- var _menuContext$iconPlac, _menuContext$mode, _menuContext$size;
41
+ var _menuContext$theme, _menuContext$itemTag, _menuContext$iconPlac, _menuContext$mode, _menuContext$size;
31
42
 
32
43
  var className = _ref.className,
33
- tag = _ref.tag,
44
+ _ref$tag = _ref.tag,
45
+ tag = _ref$tag === void 0 ? 'span' : _ref$tag,
34
46
  children = _ref.children,
35
47
  icon = _ref.icon,
36
- size = _ref.size,
37
- mode = _ref.mode,
48
+ _ref$size = _ref.size,
49
+ size = _ref$size === void 0 ? 'm' : _ref$size,
50
+ _ref$mode = _ref.mode,
51
+ mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
38
52
  theme = _ref.theme,
39
53
  disabled = _ref.disabled,
40
54
  selected = _ref.selected,
@@ -43,16 +57,16 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
43
57
  iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
44
58
  restProps = _objectWithoutProperties(_ref, _excluded);
45
59
 
46
- var actualTheme = useTheme(theme);
47
60
  var menuContext = useMenuContext();
48
- var Tag = tag !== null && tag !== void 0 ? tag : menuContext.itemTag;
61
+ var actualTheme = useTheme((_menuContext$theme = menuContext.theme) !== null && _menuContext$theme !== void 0 ? _menuContext$theme : theme);
62
+ var Tag = (_menuContext$itemTag = menuContext.itemTag) !== null && _menuContext$itemTag !== void 0 ? _menuContext$itemTag : tag;
49
63
  var actualIconPlacement = (_menuContext$iconPlac = menuContext.iconPlacement) !== null && _menuContext$iconPlac !== void 0 ? _menuContext$iconPlac : iconPlacement;
50
64
  var actualMode = (_menuContext$mode = menuContext.mode) !== null && _menuContext$mode !== void 0 ? _menuContext$mode : mode;
51
65
  var actualSize = (_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : size;
52
66
  var iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
53
67
  className: cn(icon.props.className, styles.icon)
54
68
  }) : null;
55
- return /*#__PURE__*/React.createElement(Tag, _Object$assign({
69
+ return /*#__PURE__*/React.createElement(Tag, _objectSpread({
56
70
  ref: ref,
57
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),
58
72
  "data-test": 'menu-item',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/menu",
3
- "version": "0.1.0",
3
+ "version": "0.2.1",
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.3",
29
- "@rescui/postcss-preset-library": "^0.0.3",
30
- "@rescui/scripts": "^0.1.1",
31
- "@rescui/typography": "^0.2.0",
28
+ "@rescui/colors": "^0.0.6",
29
+ "@rescui/postcss-preset-library": "^0.0.4",
30
+ "@rescui/scripts": "^0.1.4",
31
+ "@rescui/typography": "^0.5.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": "42f60242929cb7b0e9c371ecf99d658b32217c5f"
38
+ "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
39
39
  }