@rescui/menu 0.1.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.css +176 -152
- package/lib/index.module.pcss.js +22 -21
- package/lib/parts/menu-context.d.ts +2 -2
- package/lib/parts/menu-context.js +1 -3
- package/lib/parts/menu-item.js +9 -6
- package/package.json +6 -6
package/lib/index.css
CHANGED
|
@@ -1,227 +1,239 @@
|
|
|
1
|
-
.
|
|
1
|
+
._menuItem_in4tum_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
|
-
.
|
|
8
|
+
._content_in4tum_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
|
-
.
|
|
14
|
+
._placementRight_in4tum_20{
|
|
15
15
|
-webkit-box-pack:justify;
|
|
16
16
|
-ms-flex-pack:justify;
|
|
17
17
|
justify-content:space-between;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._sizeS_in4tum_25{
|
|
20
20
|
padding: 6px 8px;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
._sizeM_in4tum_29{
|
|
23
23
|
padding: 8px 16px;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._sizeL_in4tum_33{
|
|
26
26
|
padding: 12px 16px;
|
|
27
27
|
}
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
28
|
+
._modeClear_in4tum_37._sizeS_in4tum_25,
|
|
29
|
+
._modeClear_in4tum_37._sizeM_in4tum_29,
|
|
30
|
+
._modeClear_in4tum_37._sizeL_in4tum_33{
|
|
31
31
|
padding-left:0;
|
|
32
32
|
padding-right:0;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
35
|
-
-webkit-box-shadow:#
|
|
36
|
-
-webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #
|
|
37
|
-
box-shadow:#
|
|
38
|
-
box-shadow:var(--rs-color-primary-dim-light-theme, #
|
|
34
|
+
._themeLight_in4tum_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
|
-
.
|
|
41
|
-
-webkit-box-shadow:#
|
|
42
|
-
-webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #
|
|
43
|
-
box-shadow:#
|
|
44
|
-
box-shadow:var(--rs-color-primary-dim-dark-theme, #
|
|
40
|
+
._themeDark_in4tum_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
|
-
.
|
|
47
|
-
letter-spacing:
|
|
46
|
+
._sizeS_in4tum_25._themeLight_in4tum_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-
|
|
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
|
-
.
|
|
59
|
-
|
|
57
|
+
._rs-reset-letter-spacing_in4tum_1 ._sizeS_in4tum_25._themeLight_in4tum_45{
|
|
58
|
+
letter-spacing:normal;
|
|
59
|
+
}
|
|
60
|
+
._sizeM_in4tum_29._themeLight_in4tum_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-
|
|
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
|
-
.
|
|
71
|
-
|
|
72
|
+
._rs-reset-letter-spacing_in4tum_1 ._sizeM_in4tum_29._themeLight_in4tum_45{
|
|
73
|
+
letter-spacing:normal;
|
|
74
|
+
}
|
|
75
|
+
._sizeL_in4tum_33._themeLight_in4tum_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-
|
|
76
|
-
font-size:
|
|
77
|
-
font-size:var(--rs-text-1-font-size,
|
|
78
|
-
font-weight:
|
|
79
|
-
line-height:
|
|
80
|
-
line-height:var(--rs-text-1-line-height,
|
|
81
|
-
}
|
|
82
|
-
.
|
|
83
|
-
letter-spacing:
|
|
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_in4tum_25._themeDark_in4tum_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-
|
|
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_in4tum_1 ._sizeS_in4tum_25._themeDark_in4tum_51{
|
|
98
|
+
letter-spacing:normal;
|
|
99
|
+
}
|
|
100
|
+
._sizeS_in4tum_25._themeDark_in4tum_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
|
-
.
|
|
97
|
-
letter-spacing:
|
|
104
|
+
._sizeM_in4tum_29._themeDark_in4tum_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-
|
|
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_in4tum_1 ._sizeM_in4tum_29._themeDark_in4tum_51{
|
|
117
|
+
letter-spacing:normal;
|
|
118
|
+
}
|
|
119
|
+
._sizeM_in4tum_29._themeDark_in4tum_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
|
-
.
|
|
111
|
-
letter-spacing:normal;
|
|
123
|
+
._sizeL_in4tum_33._themeDark_in4tum_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-
|
|
116
|
-
font-size:
|
|
117
|
-
font-size:var(--rs-text-1-font-size,
|
|
118
|
-
font-weight:
|
|
119
|
-
line-height:
|
|
120
|
-
line-height:var(--rs-text-1-line-height,
|
|
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
|
-
.
|
|
136
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45:active{
|
|
125
137
|
color:#19191C;
|
|
126
|
-
background-color:rgba(
|
|
127
|
-
background-color:var(--rs-color-primary-t-fog-light-theme, rgba(
|
|
138
|
+
background-color:rgba(107, 87, 255,0.2);
|
|
139
|
+
background-color:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
128
140
|
}
|
|
129
|
-
.
|
|
141
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51:active{
|
|
130
142
|
color:#FFFFFF;
|
|
131
|
-
background-color:rgba(
|
|
132
|
-
background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(
|
|
143
|
+
background-color:rgba(132, 115, 255,0.3);
|
|
144
|
+
background-color:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
133
145
|
}
|
|
134
|
-
.
|
|
146
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45._selected_in4tum_99{
|
|
135
147
|
color:#FFFFFF;
|
|
136
148
|
background-color:#19191C;
|
|
137
149
|
}
|
|
138
|
-
.
|
|
150
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51._selected_in4tum_99{
|
|
139
151
|
color:#19191C;
|
|
140
152
|
background-color:#FFFFFF;
|
|
141
153
|
}
|
|
142
|
-
.
|
|
154
|
+
._modeRock_in4tum_109._themeLight_in4tum_45._selected_in4tum_99{
|
|
143
155
|
color:#FFFFFF;
|
|
144
156
|
background-color:#19191C;
|
|
145
157
|
}
|
|
146
|
-
.
|
|
158
|
+
._modeRock_in4tum_109._themeDark_in4tum_51._selected_in4tum_99{
|
|
147
159
|
color:#19191C;
|
|
148
160
|
background-color:#FFFFFF;
|
|
149
161
|
}
|
|
150
|
-
.
|
|
151
|
-
color:#
|
|
152
|
-
color:var(--rs-color-primary-light-theme, #
|
|
162
|
+
._modeClear_in4tum_37._themeLight_in4tum_45._selected_in4tum_99{
|
|
163
|
+
color:#6B57FF;
|
|
164
|
+
color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
153
165
|
}
|
|
154
|
-
.
|
|
155
|
-
color:#
|
|
156
|
-
color:var(--rs-color-primary-dark-theme, #
|
|
166
|
+
._modeClear_in4tum_37._themeDark_in4tum_51._selected_in4tum_99{
|
|
167
|
+
color:#8473FF;
|
|
168
|
+
color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
157
169
|
}
|
|
158
|
-
.
|
|
159
|
-
.
|
|
170
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45._highlighted_in4tum_129,
|
|
171
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45:hover{
|
|
160
172
|
color:#19191C;
|
|
161
173
|
background-color:rgba(25,25,28,0.1);
|
|
162
174
|
}
|
|
163
|
-
.
|
|
164
|
-
.
|
|
175
|
+
._modeRock_in4tum_109._themeLight_in4tum_45._highlighted_in4tum_129,
|
|
176
|
+
._modeRock_in4tum_109._themeLight_in4tum_45:hover{
|
|
165
177
|
color:#FFFFFF;
|
|
166
|
-
background-color:#
|
|
167
|
-
background-color:var(--rs-color-primary-light-theme, #
|
|
178
|
+
background-color:#6B57FF;
|
|
179
|
+
background-color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
168
180
|
}
|
|
169
|
-
.
|
|
170
|
-
.
|
|
181
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51._highlighted_in4tum_129,
|
|
182
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51:hover{
|
|
171
183
|
color:#FFFFFF;
|
|
172
184
|
background-color:rgba(255,255,255,0.1);
|
|
173
185
|
}
|
|
174
|
-
.
|
|
175
|
-
.
|
|
186
|
+
._modeRock_in4tum_109._themeDark_in4tum_51._highlighted_in4tum_129,
|
|
187
|
+
._modeRock_in4tum_109._themeDark_in4tum_51:hover{
|
|
176
188
|
color:#FFFFFF;
|
|
177
|
-
background-color:#
|
|
178
|
-
background-color:var(--rs-color-primary-dark-theme, #
|
|
189
|
+
background-color:#8473FF;
|
|
190
|
+
background-color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
179
191
|
}
|
|
180
|
-
.
|
|
181
|
-
.
|
|
192
|
+
._modeClear_in4tum_37._themeLight_in4tum_45._highlighted_in4tum_129,
|
|
193
|
+
._modeClear_in4tum_37._themeLight_in4tum_45:hover{
|
|
182
194
|
color:#19191C;
|
|
183
195
|
}
|
|
184
|
-
.
|
|
185
|
-
.
|
|
196
|
+
._modeClear_in4tum_37._themeDark_in4tum_51._highlighted_in4tum_129,
|
|
197
|
+
._modeClear_in4tum_37._themeDark_in4tum_51:hover{
|
|
186
198
|
color:#FFFFFF;
|
|
187
199
|
}
|
|
188
|
-
.
|
|
189
|
-
.
|
|
200
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45._highlighted_in4tum_129._selected_in4tum_99,
|
|
201
|
+
._modeClassic_in4tum_87._themeLight_in4tum_45._selected_in4tum_99:hover{
|
|
190
202
|
background-color:#303033;
|
|
191
203
|
color:#FFFFFF;
|
|
192
204
|
}
|
|
193
|
-
.
|
|
194
|
-
.
|
|
205
|
+
._modeRock_in4tum_109._themeLight_in4tum_45._highlighted_in4tum_129._selected_in4tum_99,
|
|
206
|
+
._modeRock_in4tum_109._themeLight_in4tum_45._selected_in4tum_99:hover{
|
|
195
207
|
background-color:#303033;
|
|
196
208
|
color:#FFFFFF;
|
|
197
209
|
}
|
|
198
|
-
.
|
|
199
|
-
.
|
|
210
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51._highlighted_in4tum_129._selected_in4tum_99,
|
|
211
|
+
._modeClassic_in4tum_87._themeDark_in4tum_51._selected_in4tum_99:hover{
|
|
200
212
|
background-color:#E8E8E8;
|
|
201
213
|
color:#19191C;
|
|
202
214
|
}
|
|
203
|
-
.
|
|
204
|
-
.
|
|
215
|
+
._modeRock_in4tum_109._themeDark_in4tum_51._highlighted_in4tum_129._selected_in4tum_99,
|
|
216
|
+
._modeRock_in4tum_109._themeDark_in4tum_51._selected_in4tum_99:hover{
|
|
205
217
|
background-color:#E8E8E8;
|
|
206
218
|
color:#19191C;
|
|
207
219
|
}
|
|
208
|
-
.
|
|
209
|
-
.
|
|
220
|
+
._modeClear_in4tum_37._themeLight_in4tum_45._highlighted_in4tum_129._selected_in4tum_99,
|
|
221
|
+
._modeClear_in4tum_37._themeLight_in4tum_45._selected_in4tum_99:hover{
|
|
210
222
|
background-color:rgba(25,25,28,0.1);
|
|
211
223
|
}
|
|
212
|
-
.
|
|
213
|
-
.
|
|
224
|
+
._modeClear_in4tum_37._themeDark_in4tum_51._highlighted_in4tum_129._selected_in4tum_99,
|
|
225
|
+
._modeClear_in4tum_37._themeDark_in4tum_51._selected_in4tum_99:hover{
|
|
214
226
|
background-color:rgba(255,255,255,0.1);
|
|
215
227
|
}
|
|
216
|
-
.
|
|
228
|
+
._menuItem_in4tum_9._themeLight_in4tum_45._disabled_in4tum_201{
|
|
217
229
|
pointer-events:none;
|
|
218
230
|
color:rgba(25,25,28,0.4);
|
|
219
231
|
}
|
|
220
|
-
.
|
|
232
|
+
._menuItem_in4tum_9._themeDark_in4tum_51._disabled_in4tum_201{
|
|
221
233
|
pointer-events:none;
|
|
222
234
|
color:rgba(255,255,255,0.3);
|
|
223
235
|
}
|
|
224
|
-
.
|
|
236
|
+
._icon_in4tum_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
|
-
.
|
|
244
|
+
._sizeS_in4tum_25._placementLeft_in4tum_216 ._icon_in4tum_212{
|
|
233
245
|
margin-right:8px;
|
|
234
246
|
}
|
|
235
|
-
.
|
|
247
|
+
._sizeS_in4tum_25._placementRight_in4tum_20 ._icon_in4tum_212{
|
|
236
248
|
margin-left:8px;
|
|
237
249
|
}
|
|
238
|
-
.
|
|
250
|
+
._sizeM_in4tum_29._placementLeft_in4tum_216 ._icon_in4tum_212{
|
|
239
251
|
margin-right:8px;
|
|
240
252
|
}
|
|
241
|
-
.
|
|
253
|
+
._sizeM_in4tum_29._placementRight_in4tum_20 ._icon_in4tum_212{
|
|
242
254
|
margin-left:8px;
|
|
243
255
|
}
|
|
244
|
-
.
|
|
256
|
+
._sizeL_in4tum_33._placementLeft_in4tum_216 ._icon_in4tum_212{
|
|
245
257
|
margin-right:16px;
|
|
246
258
|
}
|
|
247
|
-
.
|
|
259
|
+
._sizeL_in4tum_33._placementRight_in4tum_20 ._icon_in4tum_212{
|
|
248
260
|
margin-left:16px;
|
|
249
261
|
}
|
|
250
|
-
.
|
|
262
|
+
._divider_in4tum_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
|
-
.
|
|
270
|
+
._divider_in4tum_242._themeLight_in4tum_45{
|
|
259
271
|
background-color:rgba(25,25,28,0.2);
|
|
260
272
|
}
|
|
261
|
-
.
|
|
273
|
+
._divider_in4tum_242._themeDark_in4tum_51{
|
|
262
274
|
background-color:rgba(255,255,255,0.2);
|
|
263
275
|
}
|
|
264
|
-
.
|
|
276
|
+
._groupHeader_in4tum_258{
|
|
265
277
|
border:none;
|
|
266
278
|
text-transform:uppercase;
|
|
267
279
|
}
|
|
268
|
-
.
|
|
280
|
+
._groupHeaderSizeS_in4tum_264{
|
|
269
281
|
padding: 6px 8px;
|
|
270
282
|
padding-top:8px;
|
|
271
283
|
padding-bottom:4px;
|
|
272
284
|
}
|
|
273
|
-
.
|
|
285
|
+
._groupHeaderSizeM_in4tum_271{
|
|
274
286
|
padding: 8px 16px;
|
|
275
287
|
padding-top:10px;
|
|
276
288
|
padding-bottom:6px;
|
|
277
289
|
}
|
|
278
|
-
.
|
|
279
|
-
letter-spacing:normal;
|
|
290
|
+
._groupHeaderSizeL_in4tum_277._themeLight_in4tum_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-
|
|
284
|
-
font-size:
|
|
285
|
-
font-size:var(--rs-text-1-font-size,
|
|
286
|
-
font-weight:
|
|
287
|
-
line-height:
|
|
288
|
-
line-height:var(--rs-text-1-line-height,
|
|
289
|
-
}
|
|
290
|
-
.
|
|
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_in4tum_277._themeDark_in4tum_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-
|
|
296
|
-
font-size:
|
|
297
|
-
font-size:var(--rs-text-1-font-size,
|
|
298
|
-
font-weight:
|
|
299
|
-
line-height:
|
|
300
|
-
line-height:var(--rs-text-1-line-height,
|
|
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
|
-
.
|
|
305
|
-
letter-spacing:
|
|
314
|
+
._groupHeaderSizeM_in4tum_271._themeLight_in4tum_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-
|
|
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
|
-
.
|
|
317
|
-
|
|
326
|
+
._rs-reset-letter-spacing_in4tum_1 ._groupHeaderSizeM_in4tum_271._themeLight_in4tum_45{
|
|
327
|
+
letter-spacing:normal;
|
|
328
|
+
}
|
|
329
|
+
._groupHeaderSizeM_in4tum_271._themeDark_in4tum_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-
|
|
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_in4tum_1 ._groupHeaderSizeM_in4tum_271._themeDark_in4tum_51{
|
|
342
|
+
letter-spacing:normal;
|
|
343
|
+
}
|
|
344
|
+
._groupHeaderSizeM_in4tum_271._themeDark_in4tum_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
|
-
.
|
|
331
|
-
letter-spacing:
|
|
348
|
+
._groupHeaderSizeS_in4tum_264._themeLight_in4tum_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-
|
|
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
|
-
.
|
|
343
|
-
|
|
359
|
+
._rs-reset-letter-spacing_in4tum_1 ._groupHeaderSizeS_in4tum_264._themeLight_in4tum_45{
|
|
360
|
+
letter-spacing:normal;
|
|
361
|
+
}
|
|
362
|
+
._groupHeaderSizeS_in4tum_264._themeDark_in4tum_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-
|
|
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_in4tum_1 ._groupHeaderSizeS_in4tum_264._themeDark_in4tum_51{
|
|
374
|
+
letter-spacing:normal;
|
|
375
|
+
}
|
|
376
|
+
._groupHeaderSizeS_in4tum_264._themeDark_in4tum_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": "
|
|
3
|
-
"content": "
|
|
4
|
-
"placementRight": "
|
|
5
|
-
"sizeS": "
|
|
6
|
-
"sizeM": "
|
|
7
|
-
"sizeL": "
|
|
8
|
-
"modeClear": "
|
|
9
|
-
"themeLight": "
|
|
10
|
-
"themeDark": "
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
2
|
+
"menuItem": "_menuItem_in4tum_9",
|
|
3
|
+
"content": "_content_in4tum_15",
|
|
4
|
+
"placementRight": "_placementRight_in4tum_20",
|
|
5
|
+
"sizeS": "_sizeS_in4tum_25",
|
|
6
|
+
"sizeM": "_sizeM_in4tum_29",
|
|
7
|
+
"sizeL": "_sizeL_in4tum_33",
|
|
8
|
+
"modeClear": "_modeClear_in4tum_37",
|
|
9
|
+
"themeLight": "_themeLight_in4tum_45",
|
|
10
|
+
"themeDark": "_themeDark_in4tum_51",
|
|
11
|
+
"rs-reset-letter-spacing": "_rs-reset-letter-spacing_in4tum_1",
|
|
12
|
+
"modeClassic": "_modeClassic_in4tum_87",
|
|
13
|
+
"selected": "_selected_in4tum_99",
|
|
14
|
+
"modeRock": "_modeRock_in4tum_109",
|
|
15
|
+
"highlighted": "_highlighted_in4tum_129",
|
|
16
|
+
"disabled": "_disabled_in4tum_201",
|
|
17
|
+
"icon": "_icon_in4tum_212",
|
|
18
|
+
"placementLeft": "_placementLeft_in4tum_216",
|
|
19
|
+
"divider": "_divider_in4tum_242",
|
|
20
|
+
"groupHeader": "_groupHeader_in4tum_258",
|
|
21
|
+
"groupHeaderSizeS": "_groupHeaderSizeS_in4tum_264",
|
|
22
|
+
"groupHeaderSizeM": "_groupHeaderSizeM_in4tum_271",
|
|
23
|
+
"groupHeaderSizeL": "_groupHeaderSizeL_in4tum_277"
|
|
23
24
|
};
|
|
24
25
|
export default styles;
|
|
@@ -7,9 +7,9 @@ export interface MenuContextValue {
|
|
|
7
7
|
iconPlacement?: MenuItemIconPlacement;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
size?: MenuItemSize;
|
|
10
|
-
mode
|
|
10
|
+
mode?: MenuItemMode;
|
|
11
11
|
theme?: Theme;
|
|
12
|
-
itemTag
|
|
12
|
+
itemTag?: React.ElementType;
|
|
13
13
|
}
|
|
14
14
|
export declare const DEFAULT_MENU_CONTEXT: MenuContextValue;
|
|
15
15
|
export declare const MenuContext: React.Context<MenuContextValue>;
|
|
@@ -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
|
@@ -38,14 +38,17 @@ var THEME_STYLES = {
|
|
|
38
38
|
}; // eslint-disable-next-line complexity
|
|
39
39
|
|
|
40
40
|
var MenuItemInner = function MenuItemInner(_ref, ref) {
|
|
41
|
-
var _menuContext$iconPlac, _menuContext$mode, _menuContext$size;
|
|
41
|
+
var _menuContext$theme, _menuContext$itemTag, _menuContext$iconPlac, _menuContext$mode, _menuContext$size;
|
|
42
42
|
|
|
43
43
|
var className = _ref.className,
|
|
44
|
-
tag = _ref.tag,
|
|
44
|
+
_ref$tag = _ref.tag,
|
|
45
|
+
tag = _ref$tag === void 0 ? 'span' : _ref$tag,
|
|
45
46
|
children = _ref.children,
|
|
46
47
|
icon = _ref.icon,
|
|
47
|
-
size = _ref.size,
|
|
48
|
-
|
|
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,
|
|
49
52
|
theme = _ref.theme,
|
|
50
53
|
disabled = _ref.disabled,
|
|
51
54
|
selected = _ref.selected,
|
|
@@ -54,9 +57,9 @@ var MenuItemInner = function MenuItemInner(_ref, ref) {
|
|
|
54
57
|
iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
|
|
55
58
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
56
59
|
|
|
57
|
-
var actualTheme = useTheme(theme);
|
|
58
60
|
var menuContext = useMenuContext();
|
|
59
|
-
var
|
|
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;
|
|
60
63
|
var actualIconPlacement = (_menuContext$iconPlac = menuContext.iconPlacement) !== null && _menuContext$iconPlac !== void 0 ? _menuContext$iconPlac : iconPlacement;
|
|
61
64
|
var actualMode = (_menuContext$mode = menuContext.mode) !== null && _menuContext$mode !== void 0 ? _menuContext$mode : mode;
|
|
62
65
|
var actualSize = (_menuContext$size = menuContext.size) !== null && _menuContext$size !== void 0 ? _menuContext$size : size;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/menu",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.2",
|
|
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
|
|
29
|
-
"@rescui/postcss-preset-library": "^0.0.
|
|
30
|
-
"@rescui/scripts": "^0.1.
|
|
31
|
-
"@rescui/typography": "^0.
|
|
28
|
+
"@rescui/colors": "^0.1.0",
|
|
29
|
+
"@rescui/postcss-preset-library": "^0.0.4",
|
|
30
|
+
"@rescui/scripts": "^0.1.4",
|
|
31
|
+
"@rescui/typography": "^0.5.1",
|
|
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": "
|
|
38
|
+
"gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
|
|
39
39
|
}
|