@react-spectrum/menu 3.22.3 → 3.22.5
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/dist/ContextualHelpTrigger.main.js +1 -1
- package/dist/ContextualHelpTrigger.mjs +1 -1
- package/dist/ContextualHelpTrigger.module.js +1 -1
- package/dist/Menu.main.js +1 -1
- package/dist/Menu.mjs +1 -1
- package/dist/Menu.module.js +1 -1
- package/dist/MenuItem.main.js +1 -1
- package/dist/MenuItem.mjs +1 -1
- package/dist/MenuItem.module.js +1 -1
- package/dist/MenuSection.main.js +1 -1
- package/dist/MenuSection.mjs +1 -1
- package/dist/MenuSection.module.js +1 -1
- package/dist/MenuTrigger.main.js +3 -2
- package/dist/MenuTrigger.main.js.map +1 -1
- package/dist/MenuTrigger.mjs +3 -2
- package/dist/MenuTrigger.module.js +3 -2
- package/dist/MenuTrigger.module.js.map +1 -1
- package/dist/SubmenuTrigger.main.js +1 -1
- package/dist/SubmenuTrigger.mjs +1 -1
- package/dist/SubmenuTrigger.module.js +1 -1
- package/dist/{menu.ebaeb49b.css → menu.2ec1fdaf.css} +123 -122
- package/dist/menu.2ec1fdaf.css.map +1 -0
- package/dist/menu_vars_css.main.js +55 -55
- package/dist/menu_vars_css.mjs +55 -55
- package/dist/menu_vars_css.module.js +55 -55
- package/dist/types.d.ts.map +1 -1
- package/package.json +23 -23
- package/src/MenuTrigger.tsx +2 -1
- package/dist/menu.ebaeb49b.css.map +0 -1
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
.
|
|
1
|
+
.gO9Mdq_i18nFontFamily {
|
|
2
2
|
font-synthesis: weight;
|
|
3
3
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.gO9Mdq_i18nFontFamily:lang(ar) {
|
|
7
7
|
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.gO9Mdq_i18nFontFamily:lang(he) {
|
|
11
11
|
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.gO9Mdq_i18nFontFamily:lang(zh) {
|
|
15
15
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.gO9Mdq_i18nFontFamily:lang(zh-Hans) {
|
|
19
19
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.gO9Mdq_i18nFontFamily:lang(zh-Hant) {
|
|
23
23
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.gO9Mdq_i18nFontFamily:lang(zh-SG), .gO9Mdq_i18nFontFamily:lang(zh-CN) {
|
|
27
27
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.gO9Mdq_i18nFontFamily:lang(ko) {
|
|
31
31
|
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.gO9Mdq_i18nFontFamily:lang(ja) {
|
|
35
35
|
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.gO9Mdq_spectrum-FocusRing-ring {
|
|
39
39
|
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
|
40
40
|
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
|
41
41
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
.gO9Mdq_spectrum-FocusRing-ring:after {
|
|
47
47
|
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
48
48
|
content: "";
|
|
49
49
|
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
@@ -54,31 +54,31 @@
|
|
|
54
54
|
inset: 0;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
.gO9Mdq_spectrum-FocusRing.gO9Mdq_focus-ring:after {
|
|
58
58
|
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
59
59
|
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
.gO9Mdq_spectrum-FocusRing--quiet:after {
|
|
63
63
|
border-radius: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
.gO9Mdq_spectrum-FocusRing--quiet.gO9Mdq_focus-ring:after {
|
|
67
67
|
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
|
68
68
|
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
@media (forced-colors: active) {
|
|
72
|
-
.
|
|
72
|
+
.gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet {
|
|
73
73
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
:is(.
|
|
76
|
+
:is(.gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet):after {
|
|
77
77
|
forced-color-adjust: none;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.
|
|
81
|
+
.gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog {
|
|
82
82
|
border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
|
|
83
83
|
border-style: solid;
|
|
84
84
|
border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
|
|
@@ -88,15 +88,15 @@
|
|
|
88
88
|
overflow: hidden;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.gO9Mdq_spectrum-Menu-popover {
|
|
92
92
|
max-width: 320px;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
.
|
|
95
|
+
.gO9Mdq_spectrum-Submenu-popover {
|
|
96
96
|
margin: calc(var(--spectrum-global-dimension-size-65) * -1);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.
|
|
99
|
+
.gO9Mdq_spectrum-Menu {
|
|
100
100
|
--spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65);
|
|
101
101
|
text-align: start;
|
|
102
102
|
box-sizing: border-box;
|
|
@@ -109,23 +109,23 @@
|
|
|
109
109
|
overflow-y: auto;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
.
|
|
112
|
+
.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-sectionHeading {
|
|
113
113
|
margin-block-start: var(--spectrum-global-dimension-size-75);
|
|
114
114
|
margin-block-end: var(--spectrum-global-dimension-size-40);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
.
|
|
117
|
+
.gO9Mdq_spectrum-Menu:focus {
|
|
118
118
|
outline: none;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
.
|
|
121
|
+
.gO9Mdq_spectrum-Menu-checkmark {
|
|
122
122
|
opacity: 1;
|
|
123
123
|
box-sizing: content-box;
|
|
124
124
|
padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));
|
|
125
125
|
transform: scale(1);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
.
|
|
128
|
+
.gO9Mdq_spectrum-Menu-item {
|
|
129
129
|
cursor: default;
|
|
130
130
|
box-sizing: border-box;
|
|
131
131
|
border-inline-start: var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)) solid transparent;
|
|
@@ -138,45 +138,45 @@
|
|
|
138
138
|
position: relative;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.
|
|
141
|
+
.gO9Mdq_spectrum-Menu-item[href] {
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
.
|
|
145
|
+
.gO9Mdq_spectrum-Menu-item:focus {
|
|
146
146
|
outline: none;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled {
|
|
150
150
|
cursor: default;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.
|
|
153
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
154
154
|
display: block;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.
|
|
157
|
+
.gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Icon + .gO9Mdq_spectrum-Menu-itemLabel, .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-itemIcon + .gO9Mdq_spectrum-Menu-itemLabel {
|
|
158
158
|
margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
161
|
+
.gO9Mdq_spectrum-Menu-itemLabel {
|
|
162
162
|
line-height: var(--spectrum-global-font-line-height-small, 1.3);
|
|
163
163
|
word-break: break-word;
|
|
164
|
-
grid-area:
|
|
164
|
+
grid-area: gO9Mdq_text;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.
|
|
167
|
+
.gO9Mdq_spectrum-Menu-itemLabel--wrapping {
|
|
168
168
|
text-overflow: ellipsis;
|
|
169
169
|
white-space: nowrap;
|
|
170
170
|
overflow: hidden;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.
|
|
174
|
-
grid-area:
|
|
173
|
+
.gO9Mdq_spectrum-Menu-checkmark {
|
|
174
|
+
grid-area: gO9Mdq_checkmark;
|
|
175
175
|
place-self: flex-start end;
|
|
176
176
|
display: none;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.
|
|
179
|
+
.gO9Mdq_spectrum-Menu-divider {
|
|
180
180
|
box-sizing: content-box;
|
|
181
181
|
block-size: var(--spectrum-selectlist-divider-size, var(--spectrum-alias-border-size-thick));
|
|
182
182
|
margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2) var(--spectrum-global-dimension-size-150);
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
overflow: visible;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
.
|
|
188
|
+
.gO9Mdq_spectrum-Menu-sectionHeading {
|
|
189
189
|
margin: var(--spectrum-global-dimension-size-75) 0 0 0;
|
|
190
190
|
font-size: var(--spectrum-global-dimension-font-size-100);
|
|
191
191
|
font-weight: var(--spectrum-global-font-weight-bold, 700);
|
|
@@ -197,89 +197,90 @@
|
|
|
197
197
|
display: block;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.
|
|
200
|
+
.gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isFirst {
|
|
201
201
|
padding-top: 0;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.
|
|
204
|
+
.gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isLast {
|
|
205
205
|
padding-bottom: 0;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.
|
|
208
|
+
.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu {
|
|
209
209
|
margin: 0;
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.
|
|
213
|
+
.gO9Mdq_spectrum-Menu-itemGrid {
|
|
214
214
|
grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr auto auto auto auto var(--spectrum-global-dimension-size-150);
|
|
215
215
|
grid-template-rows: var(--spectrum-selectlist-option-padding-height) 1fr auto var(--spectrum-selectlist-option-padding-height);
|
|
216
216
|
grid-template-areas: ". . . . . . . ."
|
|
217
|
-
".
|
|
218
|
-
".
|
|
217
|
+
". gO9Mdq_icon gO9Mdq_text gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ."
|
|
218
|
+
". gO9Mdq_icon gO9Mdq_description gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ."
|
|
219
219
|
". . . . . . . .";
|
|
220
220
|
display: grid;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
.
|
|
223
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selectable .gO9Mdq_spectrum-Menu-itemGrid {
|
|
224
224
|
grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x, var(--spectrum-global-dimension-size-150))) auto auto var(--spectrum-global-dimension-size-150);
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.
|
|
227
|
+
.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-end {
|
|
228
228
|
box-sizing: content-box;
|
|
229
|
-
grid-area:
|
|
229
|
+
grid-area: gO9Mdq_end;
|
|
230
230
|
place-self: flex-start end;
|
|
231
231
|
padding-inline-start: var(--spectrum-global-dimension-size-250);
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
.
|
|
235
|
-
grid-area:
|
|
234
|
+
.gO9Mdq_spectrum-Menu-icon {
|
|
235
|
+
grid-area: gO9Mdq_icon;
|
|
236
236
|
padding-block-start: var(--spectrum-global-dimension-size-10);
|
|
237
237
|
padding-inline-end: var(--spectrum-global-dimension-size-100);
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.
|
|
241
|
-
grid-area:
|
|
240
|
+
.gO9Mdq_spectrum-Menu-avatar {
|
|
241
|
+
grid-area: gO9Mdq_icon;
|
|
242
242
|
margin-inline-start: var(--spectrum-global-dimension-size-10);
|
|
243
243
|
margin-inline-end: var(--spectrum-global-dimension-size-100);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.
|
|
246
|
+
.gO9Mdq_spectrum-Menu-description {
|
|
247
247
|
line-height: var(--spectrum-global-font-line-height-small, 1.3);
|
|
248
248
|
font-size: var(--spectrum-global-dimension-size-150);
|
|
249
|
-
grid-area:
|
|
249
|
+
grid-area: gO9Mdq_description;
|
|
250
250
|
}
|
|
251
251
|
|
|
252
|
-
.
|
|
252
|
+
.gO9Mdq_spectrum-Menu-keyboard {
|
|
253
|
+
text-align: end;
|
|
253
254
|
unicode-bidi: plaintext;
|
|
254
|
-
grid-area:
|
|
255
|
+
grid-area: gO9Mdq_keyboard;
|
|
255
256
|
align-self: flex-start;
|
|
256
257
|
padding-inline-start: var(--spectrum-global-dimension-size-125);
|
|
257
258
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
258
259
|
}
|
|
259
260
|
|
|
260
|
-
.
|
|
261
|
+
.gO9Mdq_spectrum-Menu-chevron {
|
|
261
262
|
box-sizing: content-box;
|
|
262
|
-
grid-area:
|
|
263
|
+
grid-area: gO9Mdq_chevron;
|
|
263
264
|
place-self: flex-start end;
|
|
264
265
|
margin-inline-end: calc(var(--spectrum-global-dimension-size-50) * -1);
|
|
265
266
|
padding-inline-start: var(--spectrum-global-dimension-size-300);
|
|
266
267
|
}
|
|
267
268
|
|
|
268
|
-
.
|
|
269
|
+
.gO9Mdq_spectrum-Menu-wrapper {
|
|
269
270
|
overflow: auto;
|
|
270
271
|
}
|
|
271
272
|
|
|
272
|
-
.
|
|
273
|
+
.gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper {
|
|
273
274
|
flex-direction: column;
|
|
274
275
|
display: flex;
|
|
275
276
|
overflow: auto;
|
|
276
277
|
}
|
|
277
278
|
|
|
278
|
-
.
|
|
279
|
+
.gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper.gO9Mdq_spectrum-Submenu-wrapper--isMobile {
|
|
279
280
|
overflow-x: hidden;
|
|
280
281
|
}
|
|
281
282
|
|
|
282
|
-
.
|
|
283
|
+
.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile {
|
|
283
284
|
background-color: unset;
|
|
284
285
|
opacity: 1;
|
|
285
286
|
width: 100%;
|
|
@@ -287,7 +288,7 @@
|
|
|
287
288
|
border: none;
|
|
288
289
|
}
|
|
289
290
|
|
|
290
|
-
.
|
|
291
|
+
.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile.gO9Mdq_is-expanded {
|
|
291
292
|
opacity: 0;
|
|
292
293
|
border: 0;
|
|
293
294
|
height: 0;
|
|
@@ -295,12 +296,12 @@
|
|
|
295
296
|
left: 100%;
|
|
296
297
|
}
|
|
297
298
|
|
|
298
|
-
.
|
|
299
|
+
.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper {
|
|
299
300
|
margin: 4px 4px 0;
|
|
300
301
|
display: flex;
|
|
301
302
|
}
|
|
302
303
|
|
|
303
|
-
.
|
|
304
|
+
.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper .gO9Mdq_spectrum-Submenu-heading {
|
|
304
305
|
font-weight: var(--spectrum-global-font-weight-bold, 700);
|
|
305
306
|
font-size: var(--spectrum-dialog-title-text-size);
|
|
306
307
|
line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
|
|
@@ -310,80 +311,80 @@
|
|
|
310
311
|
display: flex;
|
|
311
312
|
}
|
|
312
313
|
|
|
313
|
-
.
|
|
314
|
+
.gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog {
|
|
314
315
|
border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
|
|
315
316
|
background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
|
|
316
317
|
-webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
|
|
317
318
|
will-change: filter;
|
|
318
319
|
}
|
|
319
320
|
|
|
320
|
-
.
|
|
321
|
+
.gO9Mdq_spectrum-Menu {
|
|
321
322
|
--spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
|
|
322
323
|
background-color: var(--spectrum-selectlist-background-color, var(--spectrum-alias-background-color-transparent));
|
|
323
324
|
}
|
|
324
325
|
|
|
325
|
-
.
|
|
326
|
+
.gO9Mdq_spectrum-Submenu-headingWrapper {
|
|
326
327
|
--spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
|
|
327
328
|
}
|
|
328
329
|
|
|
329
|
-
.
|
|
330
|
+
.gO9Mdq_spectrum-Menu-item {
|
|
330
331
|
background-color: var(--spectrum-selectlist-option-background-color, var(--spectrum-alias-background-color-transparent));
|
|
331
332
|
color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
|
|
332
333
|
}
|
|
333
334
|
|
|
334
|
-
.
|
|
335
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused {
|
|
335
336
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
336
337
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
337
338
|
border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
|
|
338
339
|
}
|
|
339
340
|
|
|
340
|
-
.
|
|
341
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open {
|
|
341
342
|
background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
|
|
342
343
|
color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
|
|
343
344
|
}
|
|
344
345
|
|
|
345
|
-
.
|
|
346
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
346
347
|
color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
|
|
347
348
|
}
|
|
348
349
|
|
|
349
|
-
.
|
|
350
|
+
.gO9Mdq_spectrum-Menu-item .gO9Mdq_is-active, .gO9Mdq_spectrum-Menu-item:active {
|
|
350
351
|
background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
|
|
351
352
|
}
|
|
352
353
|
|
|
353
|
-
.
|
|
354
|
-
background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
|
|
354
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled .gO9Mdq_spectrum-Menu-description {
|
|
355
355
|
color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
356
|
-
cursor: default;
|
|
357
|
-
background-image: none;
|
|
358
356
|
}
|
|
359
357
|
|
|
360
|
-
.
|
|
358
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled {
|
|
359
|
+
background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
|
|
361
360
|
color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
|
361
|
+
cursor: default;
|
|
362
|
+
background-image: none;
|
|
362
363
|
}
|
|
363
364
|
|
|
364
|
-
.
|
|
365
|
+
.gO9Mdq_spectrum-Menu-sectionHeading {
|
|
365
366
|
color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
|
|
366
367
|
}
|
|
367
368
|
|
|
368
|
-
.
|
|
369
|
+
.gO9Mdq_spectrum-Menu-divider {
|
|
369
370
|
background-color: var(--spectrum-global-color-gray-300);
|
|
370
371
|
}
|
|
371
372
|
|
|
372
|
-
.
|
|
373
|
+
.gO9Mdq_spectrum-Menu-description {
|
|
373
374
|
color: var(--spectrum-global-color-gray-700);
|
|
374
375
|
}
|
|
375
376
|
|
|
376
|
-
.
|
|
377
|
+
.gO9Mdq_spectrum-Submenu-popover.gO9Mdq_spectrum-Submenu-popover {
|
|
377
378
|
-webkit-filter: unset;
|
|
378
379
|
transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
|
|
379
380
|
transform: none;
|
|
380
381
|
}
|
|
381
382
|
|
|
382
|
-
.
|
|
383
|
+
.gO9Mdq_spectrum-Submenu-heading {
|
|
383
384
|
color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
|
|
384
385
|
}
|
|
385
386
|
|
|
386
|
-
@keyframes
|
|
387
|
+
@keyframes gO9Mdq_slideInFromRight {
|
|
387
388
|
from {
|
|
388
389
|
transform: translateX(100%);
|
|
389
390
|
}
|
|
@@ -393,7 +394,7 @@
|
|
|
393
394
|
}
|
|
394
395
|
}
|
|
395
396
|
|
|
396
|
-
@keyframes
|
|
397
|
+
@keyframes gO9Mdq_slideOutToRight {
|
|
397
398
|
from {
|
|
398
399
|
transform: translateX(0);
|
|
399
400
|
}
|
|
@@ -403,7 +404,7 @@
|
|
|
403
404
|
}
|
|
404
405
|
}
|
|
405
406
|
|
|
406
|
-
@keyframes
|
|
407
|
+
@keyframes gO9Mdq_slideInFromLeft {
|
|
407
408
|
from {
|
|
408
409
|
transform: translateX(-100%);
|
|
409
410
|
}
|
|
@@ -413,7 +414,7 @@
|
|
|
413
414
|
}
|
|
414
415
|
}
|
|
415
416
|
|
|
416
|
-
@keyframes
|
|
417
|
+
@keyframes gO9Mdq_slideOutToLeft {
|
|
417
418
|
from {
|
|
418
419
|
transform: translateX(0);
|
|
419
420
|
}
|
|
@@ -423,43 +424,43 @@
|
|
|
423
424
|
}
|
|
424
425
|
}
|
|
425
426
|
|
|
426
|
-
.
|
|
427
|
-
animation-name:
|
|
427
|
+
.gO9Mdq_spectrum-TraySubmenu-enter {
|
|
428
|
+
animation-name: gO9Mdq_slideInFromRight;
|
|
428
429
|
animation-duration: var(--spectrum-global-animation-duration-400, .22s);
|
|
429
430
|
animation-fill-mode: forwards;
|
|
430
431
|
animation-timing-function: var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
|
|
431
432
|
}
|
|
432
433
|
|
|
433
|
-
.
|
|
434
|
-
animation-name:
|
|
434
|
+
.gO9Mdq_spectrum-TraySubmenu-enter:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
435
|
+
animation-name: gO9Mdq_slideInFromLeft;
|
|
435
436
|
}
|
|
436
437
|
|
|
437
|
-
.
|
|
438
|
-
animation-name:
|
|
438
|
+
.gO9Mdq_spectrum-TraySubmenu-enter:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
439
|
+
animation-name: gO9Mdq_slideInFromLeft;
|
|
439
440
|
}
|
|
440
441
|
|
|
441
|
-
.
|
|
442
|
-
animation-name:
|
|
442
|
+
.gO9Mdq_spectrum-TraySubmenu-exit {
|
|
443
|
+
animation-name: gO9Mdq_slideOutToRight;
|
|
443
444
|
animation-duration: var(--spectrum-global-animation-duration-400, .22s);
|
|
444
445
|
animation-fill-mode: forwards;
|
|
445
446
|
animation-timing-function: var(--spectrum-global-animation-ease-in, cubic-bezier(.5, 0, 1, 1));
|
|
446
447
|
}
|
|
447
448
|
|
|
448
|
-
.
|
|
449
|
-
animation-name:
|
|
449
|
+
.gO9Mdq_spectrum-TraySubmenu-exit:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
450
|
+
animation-name: gO9Mdq_slideOutToLeft;
|
|
450
451
|
}
|
|
451
452
|
|
|
452
|
-
.
|
|
453
|
-
animation-name:
|
|
453
|
+
.gO9Mdq_spectrum-TraySubmenu-exit:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
454
|
+
animation-name: gO9Mdq_slideOutToLeft;
|
|
454
455
|
}
|
|
455
456
|
|
|
456
457
|
@media (forced-colors: active) {
|
|
457
|
-
.
|
|
458
|
+
.gO9Mdq_spectrum-Menu-divider {
|
|
458
459
|
forced-color-adjust: none;
|
|
459
460
|
background-color: canvastext;
|
|
460
461
|
}
|
|
461
462
|
|
|
462
|
-
.
|
|
463
|
+
.gO9Mdq_spectrum-Menu-item {
|
|
463
464
|
forced-color-adjust: none;
|
|
464
465
|
--spectrum-heading-subtitle3-text-color: ButtonText;
|
|
465
466
|
--spectrum-selectlist-background-color: ButtonFace;
|
|
@@ -478,92 +479,92 @@
|
|
|
478
479
|
--spectrum-alias-border-color-focus: Highlight;
|
|
479
480
|
}
|
|
480
481
|
|
|
481
|
-
.
|
|
482
|
+
.gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-description {
|
|
482
483
|
color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
|
|
483
484
|
}
|
|
484
485
|
|
|
485
|
-
.
|
|
486
|
-
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
487
|
-
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
.dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
|
|
486
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
491
487
|
color: highlighttext;
|
|
492
488
|
}
|
|
493
489
|
|
|
494
|
-
.
|
|
490
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered .gO9Mdq_spectrum-Menu-description {
|
|
495
491
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
496
492
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
497
493
|
}
|
|
498
494
|
|
|
499
|
-
.
|
|
495
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered {
|
|
500
496
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
501
497
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
502
498
|
}
|
|
503
499
|
|
|
504
|
-
.
|
|
500
|
+
.gO9Mdq_spectrum-Menu-item:focus.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
505
501
|
color: highlighttext;
|
|
506
502
|
}
|
|
507
503
|
|
|
508
|
-
.
|
|
504
|
+
.gO9Mdq_spectrum-Menu-item:focus .gO9Mdq_spectrum-Menu-description {
|
|
509
505
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
510
506
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
511
507
|
}
|
|
512
508
|
|
|
513
|
-
.
|
|
509
|
+
.gO9Mdq_spectrum-Menu-item:focus {
|
|
514
510
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
515
511
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
516
512
|
}
|
|
517
513
|
|
|
518
|
-
.
|
|
514
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
519
515
|
color: highlighttext;
|
|
520
516
|
}
|
|
521
517
|
|
|
522
|
-
.
|
|
518
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted .gO9Mdq_spectrum-Menu-description {
|
|
523
519
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
524
520
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
525
521
|
}
|
|
526
522
|
|
|
527
|
-
.
|
|
523
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted {
|
|
528
524
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
529
525
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
530
526
|
}
|
|
531
527
|
|
|
532
|
-
.
|
|
528
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
533
529
|
color: highlighttext;
|
|
534
530
|
}
|
|
535
531
|
|
|
536
|
-
.
|
|
532
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open .gO9Mdq_spectrum-Menu-description {
|
|
537
533
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
538
534
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
539
535
|
}
|
|
540
536
|
|
|
541
|
-
.
|
|
537
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open {
|
|
542
538
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
543
539
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
544
540
|
}
|
|
545
541
|
|
|
546
|
-
.
|
|
542
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
547
543
|
color: highlighttext;
|
|
548
544
|
}
|
|
549
545
|
|
|
550
|
-
.
|
|
546
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring .gO9Mdq_spectrum-Menu-description {
|
|
551
547
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
552
548
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
553
549
|
}
|
|
554
550
|
|
|
555
|
-
.
|
|
551
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring {
|
|
556
552
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
557
553
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
558
554
|
}
|
|
559
555
|
|
|
560
|
-
.
|
|
556
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
|
|
561
557
|
color: highlighttext;
|
|
562
558
|
}
|
|
563
559
|
|
|
564
|
-
.
|
|
560
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused .gO9Mdq_spectrum-Menu-description {
|
|
565
561
|
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
566
562
|
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
567
563
|
}
|
|
564
|
+
|
|
565
|
+
.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused {
|
|
566
|
+
background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
|
|
567
|
+
color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
|
|
568
|
+
}
|
|
568
569
|
}
|
|
569
|
-
/*# sourceMappingURL=menu.
|
|
570
|
+
/*# sourceMappingURL=menu.2ec1fdaf.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;AAWA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;AAmBE;;;;;AAMA;;;;AAKF;;;;;;;AAWA;;;;;;;;;;;;;AAgBE;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAKF;;;;AAMF;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;;;;;;;;;AAaA;;;;;;;;;;;;AAcE;;;;AAGA;;;;AAKF;;;;;AAMA;;;;;;;;;;AAgBE;;;;AAOF;;;;;;;AAQA;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AAWA;;;;;;;;AASA;;;;AAGE;;;;;;AAKE;;;;AAKF;;;;;;;;AAOE;;;;;;;;AAQA;;;;;AAIE;;;;;;;;;;AAyBN;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;AAIE;;;;;;AAOA;;;;;AASE;;;;AAKF;;;;AAME;;;;AAGiB;;;;;;;AAOrB;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAQA;;;;AAIA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;AAKE;;;;AAAA;;;;AAKF;;;;;;;AAKE;;;;AAAA;;;;AAKF;EACE;;;;;EAIA;;;;;;;;;;;;;;;;;;;EAkBE;;;;EAUI;;;;EAIF;;;;;EAIiB;;;;;EARf;;;;EAIF;;;;;EAIiB;;;;;EARf;;;;EAIF;;;;;EAIiB;;;;;EARf;;;;EAIF;;;;;EAIiB;;;;;EARf;;;;EAIF;;;;;EAIiB;;;;;EARf;;;;EAIF;;;;;EAIiB","sources":["packages/@adobe/spectrum-css-temp/components/menu/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"menu.2ec1fdaf.css.map"}
|