@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.
@@ -1,41 +1,41 @@
1
- .dIo7iW_i18nFontFamily {
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
- .dIo7iW_i18nFontFamily:lang(ar) {
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
- .dIo7iW_i18nFontFamily:lang(he) {
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
- .dIo7iW_i18nFontFamily:lang(zh) {
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
- .dIo7iW_i18nFontFamily:lang(zh-Hans) {
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
- .dIo7iW_i18nFontFamily:lang(zh-Hant) {
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
- .dIo7iW_i18nFontFamily:lang(zh-SG), .dIo7iW_i18nFontFamily:lang(zh-CN) {
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
- .dIo7iW_i18nFontFamily:lang(ko) {
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
- .dIo7iW_i18nFontFamily:lang(ja) {
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
- .dIo7iW_spectrum-FocusRing-ring {
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
- .dIo7iW_spectrum-FocusRing-ring:after {
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
- .dIo7iW_spectrum-FocusRing.dIo7iW_focus-ring:after {
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
- .dIo7iW_spectrum-FocusRing--quiet:after {
62
+ .gO9Mdq_spectrum-FocusRing--quiet:after {
63
63
  border-radius: 0;
64
64
  }
65
65
 
66
- .dIo7iW_spectrum-FocusRing--quiet.dIo7iW_focus-ring:after {
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
- .dIo7iW_spectrum-FocusRing, .dIo7iW_spectrum-FocusRing-ring, .dIo7iW_spectrum-FocusRing--quiet {
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(.dIo7iW_spectrum-FocusRing, .dIo7iW_spectrum-FocusRing-ring, .dIo7iW_spectrum-FocusRing--quiet):after {
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
- .dIo7iW_spectrum-Menu-wrapper, .dIo7iW_spectrum-Menu-subdialog {
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
- .dIo7iW_spectrum-Menu-popover {
91
+ .gO9Mdq_spectrum-Menu-popover {
92
92
  max-width: 320px;
93
93
  }
94
94
 
95
- .dIo7iW_spectrum-Submenu-popover {
95
+ .gO9Mdq_spectrum-Submenu-popover {
96
96
  margin: calc(var(--spectrum-global-dimension-size-65) * -1);
97
97
  }
98
98
 
99
- .dIo7iW_spectrum-Menu {
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
- .dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu-sectionHeading {
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
- .dIo7iW_spectrum-Menu:focus {
117
+ .gO9Mdq_spectrum-Menu:focus {
118
118
  outline: none;
119
119
  }
120
120
 
121
- .dIo7iW_spectrum-Menu-checkmark {
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
- .dIo7iW_spectrum-Menu-item {
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
- .dIo7iW_spectrum-Menu-item[href] {
141
+ .gO9Mdq_spectrum-Menu-item[href] {
142
142
  cursor: pointer;
143
143
  }
144
144
 
145
- .dIo7iW_spectrum-Menu-item:focus {
145
+ .gO9Mdq_spectrum-Menu-item:focus {
146
146
  outline: none;
147
147
  }
148
148
 
149
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-disabled {
149
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled {
150
150
  cursor: default;
151
151
  }
152
152
 
153
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
153
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
154
154
  display: block;
155
155
  }
156
156
 
157
- .dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Icon + .dIo7iW_spectrum-Menu-itemLabel, .dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Menu-itemIcon + .dIo7iW_spectrum-Menu-itemLabel {
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
- .dIo7iW_spectrum-Menu-itemLabel {
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: dIo7iW_text;
164
+ grid-area: gO9Mdq_text;
165
165
  }
166
166
 
167
- .dIo7iW_spectrum-Menu-itemLabel--wrapping {
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
- .dIo7iW_spectrum-Menu-checkmark {
174
- grid-area: dIo7iW_checkmark;
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
- .dIo7iW_spectrum-Menu-divider {
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
- .dIo7iW_spectrum-Menu-sectionHeading {
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
- .dIo7iW_spectrum-Menu-section--noHeading.dIo7iW_spectrum-Menu-section--isFirst {
200
+ .gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isFirst {
201
201
  padding-top: 0;
202
202
  }
203
203
 
204
- .dIo7iW_spectrum-Menu-section--noHeading.dIo7iW_spectrum-Menu-section--isLast {
204
+ .gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isLast {
205
205
  padding-bottom: 0;
206
206
  }
207
207
 
208
- .dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu {
208
+ .gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu {
209
209
  margin: 0;
210
210
  display: block;
211
211
  }
212
212
 
213
- .dIo7iW_spectrum-Menu-itemGrid {
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
- ". dIo7iW_icon dIo7iW_text dIo7iW_checkmark dIo7iW_end dIo7iW_keyboard dIo7iW_chevron ."
218
- ". dIo7iW_icon dIo7iW_description dIo7iW_checkmark dIo7iW_end dIo7iW_keyboard dIo7iW_chevron ."
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-selectable .dIo7iW_spectrum-Menu-itemGrid {
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
- .dIo7iW_spectrum-Menu .dIo7iW_spectrum-Menu-end {
227
+ .gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-end {
228
228
  box-sizing: content-box;
229
- grid-area: dIo7iW_end;
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
- .dIo7iW_spectrum-Menu-icon {
235
- grid-area: dIo7iW_icon;
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
- .dIo7iW_spectrum-Menu-avatar {
241
- grid-area: dIo7iW_icon;
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
- .dIo7iW_spectrum-Menu-description {
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: dIo7iW_description;
249
+ grid-area: gO9Mdq_description;
250
250
  }
251
251
 
252
- .dIo7iW_spectrum-Menu-keyboard {
252
+ .gO9Mdq_spectrum-Menu-keyboard {
253
+ text-align: end;
253
254
  unicode-bidi: plaintext;
254
- grid-area: dIo7iW_keyboard;
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
- .dIo7iW_spectrum-Menu-chevron {
261
+ .gO9Mdq_spectrum-Menu-chevron {
261
262
  box-sizing: content-box;
262
- grid-area: dIo7iW_chevron;
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
- .dIo7iW_spectrum-Menu-wrapper {
269
+ .gO9Mdq_spectrum-Menu-wrapper {
269
270
  overflow: auto;
270
271
  }
271
272
 
272
- .dIo7iW_spectrum-Menu-wrapper .dIo7iW_spectrum-Submenu-wrapper {
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
- .dIo7iW_spectrum-Menu-wrapper .dIo7iW_spectrum-Submenu-wrapper.dIo7iW_spectrum-Submenu-wrapper--isMobile {
279
+ .gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper.gO9Mdq_spectrum-Submenu-wrapper--isMobile {
279
280
  overflow-x: hidden;
280
281
  }
281
282
 
282
- .dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile {
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
- .dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile.dIo7iW_is-expanded {
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
- .dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile .dIo7iW_spectrum-Submenu-headingWrapper {
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
- .dIo7iW_spectrum-Menu-wrapper.dIo7iW_spectrum-Menu-wrapper--isMobile .dIo7iW_spectrum-Submenu-headingWrapper .dIo7iW_spectrum-Submenu-heading {
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
- .dIo7iW_spectrum-Menu-wrapper, .dIo7iW_spectrum-Menu-subdialog {
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
- .dIo7iW_spectrum-Menu {
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
- .dIo7iW_spectrum-Submenu-headingWrapper {
326
+ .gO9Mdq_spectrum-Submenu-headingWrapper {
326
327
  --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
327
328
  }
328
329
 
329
- .dIo7iW_spectrum-Menu-item {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring, .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered, .dIo7iW_spectrum-Menu-item:focus, .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted, .dIo7iW_spectrum-Menu-item.dIo7iW_is-open {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
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
- .dIo7iW_spectrum-Menu-item .dIo7iW_is-active, .dIo7iW_spectrum-Menu-item:active {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-disabled {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-disabled .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-sectionHeading {
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
- .dIo7iW_spectrum-Menu-divider {
369
+ .gO9Mdq_spectrum-Menu-divider {
369
370
  background-color: var(--spectrum-global-color-gray-300);
370
371
  }
371
372
 
372
- .dIo7iW_spectrum-Menu-description {
373
+ .gO9Mdq_spectrum-Menu-description {
373
374
  color: var(--spectrum-global-color-gray-700);
374
375
  }
375
376
 
376
- .dIo7iW_spectrum-Submenu-popover.dIo7iW_spectrum-Submenu-popover {
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
- .dIo7iW_spectrum-Submenu-heading {
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 dIo7iW_slideInFromRight {
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 dIo7iW_slideOutToRight {
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 dIo7iW_slideInFromLeft {
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 dIo7iW_slideOutToLeft {
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
- .dIo7iW_spectrum-TraySubmenu-enter {
427
- animation-name: dIo7iW_slideInFromRight;
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
- .dIo7iW_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)) {
434
- animation-name: dIo7iW_slideInFromLeft;
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
- .dIo7iW_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)) {
438
- animation-name: dIo7iW_slideInFromLeft;
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
- .dIo7iW_spectrum-TraySubmenu-exit {
442
- animation-name: dIo7iW_slideOutToRight;
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
- .dIo7iW_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)) {
449
- animation-name: dIo7iW_slideOutToLeft;
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
- .dIo7iW_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)) {
453
- animation-name: dIo7iW_slideOutToLeft;
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
- .dIo7iW_spectrum-Menu-divider {
458
+ .gO9Mdq_spectrum-Menu-divider {
458
459
  forced-color-adjust: none;
459
460
  background-color: canvastext;
460
461
  }
461
462
 
462
- .dIo7iW_spectrum-Menu-item {
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
- .dIo7iW_spectrum-Menu-item .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-hovered .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item:focus {
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
- .dIo7iW_spectrum-Menu-item:focus.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
500
+ .gO9Mdq_spectrum-Menu-item:focus.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
505
501
  color: highlighttext;
506
502
  }
507
503
 
508
- .dIo7iW_spectrum-Menu-item:focus .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
514
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
519
515
  color: highlighttext;
520
516
  }
521
517
 
522
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-highlighted .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-open {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-open.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
528
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
533
529
  color: highlighttext;
534
530
  }
535
531
 
536
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-open .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
542
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
547
543
  color: highlighttext;
548
544
  }
549
545
 
550
- .dIo7iW_spectrum-Menu-item.dIo7iW_focus-ring .dIo7iW_spectrum-Menu-description {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused {
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
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused.dIo7iW_is-selected .dIo7iW_spectrum-Menu-checkmark {
556
+ .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
561
557
  color: highlighttext;
562
558
  }
563
559
 
564
- .dIo7iW_spectrum-Menu-item.dIo7iW_is-focused .dIo7iW_spectrum-Menu-description {
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.ebaeb49b.css.map */
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"}