@react-spectrum/menu 3.18.2-nightly.4494 → 3.18.2-nightly.4506

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/import.mjs CHANGED
@@ -1,4 +1,3 @@
1
- import "./main.css";
2
1
  import $9c47fa309a7d4d43$exports from "./ar-AE.mjs";
3
2
  import $4cd8d8b72a119260$exports from "./bg-BG.mjs";
4
3
  import $10556a59bf2ddefc$exports from "./cs-CZ.mjs";
@@ -33,6 +32,7 @@ import $6ef9c252e9fbc070$exports from "./tr-TR.mjs";
33
32
  import $9a5e4d563d152847$exports from "./uk-UA.mjs";
34
33
  import $57bb191f18e8be40$exports from "./zh-CN.mjs";
35
34
  import $56f3d9ca2967952d$exports from "./zh-TW.mjs";
35
+ import "./module.css";
36
36
  import {Item as $5ae296f2d6923e14$re_export$Item, Section as $5ae296f2d6923e14$re_export$Section, getChildNodes as $9SHwR$getChildNodes} from "@react-stately/collections";
37
37
  import {useDOMRef as $9SHwR$useDOMRef, useIsMobileDevice as $9SHwR$useIsMobileDevice, classNames as $9SHwR$classNames, SlotProvider as $9SHwR$SlotProvider, useStyleProps as $9SHwR$useStyleProps, ClearSlots as $9SHwR$ClearSlots, useSlotProps as $9SHwR$useSlotProps, unwrapDOMRef as $9SHwR$unwrapDOMRef} from "@react-spectrum/utils";
38
38
  import {Tray as $9SHwR$Tray, Popover as $9SHwR$Popover} from "@react-spectrum/overlays";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
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
- .Q7FggG_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .Q7FggG_i18nFontFamily:lang(zh-CN) {
26
+ .Q7FggG_i18nFontFamily:lang(zh-SG), .Q7FggG_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .Q7FggG_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .Q7FggG_spectrum-FocusRing.Q7FggG_focus-ring:after {
@@ -149,11 +139,7 @@
149
139
  display: block;
150
140
  }
151
141
 
152
- .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Icon + .Q7FggG_spectrum-Menu-itemLabel {
153
- margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
154
- }
155
-
156
- .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-itemIcon + .Q7FggG_spectrum-Menu-itemLabel {
142
+ .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Icon + .Q7FggG_spectrum-Menu-itemLabel, .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-itemIcon + .Q7FggG_spectrum-Menu-itemLabel {
157
143
  margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
158
144
  }
159
145
 
@@ -186,11 +172,11 @@
186
172
 
187
173
  .Q7FggG_spectrum-Menu-sectionHeading {
188
174
  margin: var(--spectrum-global-dimension-size-75) 0 0 0;
189
- padding-top: 0;
190
- padding-bottom: 0;
191
175
  font-size: var(--spectrum-global-dimension-font-size-100);
192
176
  font-weight: var(--spectrum-global-font-weight-bold, 700);
193
177
  line-height: var(--spectrum-alias-line-height-medium, var(--spectrum-global-dimension-size-250));
178
+ padding-top: 0;
179
+ padding-bottom: 0;
194
180
  padding-inline-start: var(--spectrum-global-dimension-size-150);
195
181
  padding-inline-end: var(--spectrum-global-dimension-size-450);
196
182
  display: block;
@@ -292,11 +278,11 @@
292
278
  }
293
279
 
294
280
  .Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile .Q7FggG_spectrum-Submenu-headingWrapper .Q7FggG_spectrum-Submenu-heading {
295
- margin-top: 7px;
296
- margin-bottom: 0;
297
281
  font-weight: var(--spectrum-global-font-weight-bold, 700);
298
282
  font-size: var(--spectrum-dialog-title-text-size);
299
283
  line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
284
+ margin-top: 7px;
285
+ margin-bottom: 0;
300
286
  margin-inline-start: 4px;
301
287
  display: flex;
302
288
  }
@@ -322,34 +308,13 @@
322
308
  color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
323
309
  }
324
310
 
325
- .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring {
326
- background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
327
- color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
328
- border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
329
- }
330
-
331
- .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused {
311
+ .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring, .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused {
332
312
  background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
333
313
  color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
334
314
  border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
335
315
  }
336
316
 
337
- .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered {
338
- background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
339
- color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
340
- }
341
-
342
- .Q7FggG_spectrum-Menu-item:focus {
343
- background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
344
- color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
345
- }
346
-
347
- .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted {
348
- background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
349
- color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
350
- }
351
-
352
- .Q7FggG_spectrum-Menu-item.Q7FggG_is-open {
317
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered, .Q7FggG_spectrum-Menu-item:focus, .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted, .Q7FggG_spectrum-Menu-item.Q7FggG_is-open {
353
318
  background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
354
319
  color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
355
320
  }
@@ -358,11 +323,7 @@
358
323
  color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
359
324
  }
360
325
 
361
- .Q7FggG_spectrum-Menu-item .Q7FggG_is-active {
362
- background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
363
- }
364
-
365
- .Q7FggG_spectrum-Menu-item:active {
326
+ .Q7FggG_spectrum-Menu-item .Q7FggG_is-active, .Q7FggG_spectrum-Menu-item:active {
366
327
  background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
367
328
  }
368
329
 
@@ -401,8 +362,8 @@
401
362
 
402
363
  @media (forced-colors: active) {
403
364
  .Q7FggG_spectrum-Menu-divider {
404
- background-color: CanvasText;
405
365
  forced-color-adjust: none;
366
+ background-color: canvastext;
406
367
  }
407
368
 
408
369
  .Q7FggG_spectrum-Menu-item {
@@ -434,7 +395,7 @@
434
395
  }
435
396
 
436
397
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
437
- color: HighlightText;
398
+ color: highlighttext;
438
399
  }
439
400
 
440
401
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered .Q7FggG_spectrum-Menu-description {
@@ -448,7 +409,7 @@
448
409
  }
449
410
 
450
411
  .Q7FggG_spectrum-Menu-item:focus.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
451
- color: HighlightText;
412
+ color: highlighttext;
452
413
  }
453
414
 
454
415
  .Q7FggG_spectrum-Menu-item:focus .Q7FggG_spectrum-Menu-description {
@@ -462,7 +423,7 @@
462
423
  }
463
424
 
464
425
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
465
- color: HighlightText;
426
+ color: highlighttext;
466
427
  }
467
428
 
468
429
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted .Q7FggG_spectrum-Menu-description {
@@ -476,7 +437,7 @@
476
437
  }
477
438
 
478
439
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-open.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
479
- color: HighlightText;
440
+ color: highlighttext;
480
441
  }
481
442
 
482
443
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-open .Q7FggG_spectrum-Menu-description {
@@ -490,7 +451,7 @@
490
451
  }
491
452
 
492
453
  .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
493
- color: HighlightText;
454
+ color: highlighttext;
494
455
  }
495
456
 
496
457
  .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring .Q7FggG_spectrum-Menu-description {
@@ -504,7 +465,7 @@
504
465
  }
505
466
 
506
467
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
507
- color: HighlightText;
468
+ color: highlighttext;
508
469
  }
509
470
 
510
471
  .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused .Q7FggG_spectrum-Menu-description {
@@ -542,5 +503,4 @@
542
503
  .L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-footer {
543
504
  padding-top: var(--spectrum-global-dimension-static-size-100, 8px);
544
505
  }
545
-
546
506
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAmBE;;;;;AAMA;;;;AAKF;;;;;;AAUA;;;;;;;;;;;;;AAgBE;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAKF;;;;AAAA;;;;AAMF;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;;;;;;;;;AAaA;;;;;;;;;;;;AAcE;;;;AAGA;;;;AAKF;;;;;AAMA;;;;;;;;;;AAgBE;;;;AAOF;;;;;;AAOA;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAUA;;;;;;;;AASA;;;;AAGE;;;;;;AAMA;;;;;;AAKE;;;;;;;AAOA;;;;;AAIE;;;;;;;;;;AAyBN;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;AAIE;;;;;;AAAA;;;;;;AAOA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASE;;;;AAKF;;;;AAAA;;;;AAKA;;;;;;;AACE;;;;AAUJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAQA;;;;AAIA;EACE;;;;;EAIA;;;;;;;;;;;;;;;;;;;EAkBE;;;;EAGA;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;;ACzgBN;;;;;;;AAME;;;;;AAMF;;;;;;AAKE;;;;AAGA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/menu/vars.css","packages/@adobe/spectrum-css-temp/components/contextualhelp/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","/*\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":"main.css.map"}
1
+ {"mappings":"AC4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAmBE;;;;;AAMA;;;;AAKF;;;;;;AAUA;;;;;;;;;;;;;AAgBE;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAKF;;;;AAMF;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;;;;;;;;;AAaA;;;;;;;;;;;;AAcE;;;;AAGA;;;;AAKF;;;;;AAMA;;;;;;;;;;AAgBE;;;;AAOF;;;;;;AAOA;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAUA;;;;;;;;AASA;;;;AAGE;;;;;;AAMA;;;;;;AAKE;;;;;;;AAOA;;;;;AAIE;;;;;;;;;;AAyBN;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;AAIE;;;;;;AAOA;;;;;AASE;;;;AAKF;;;;AAKA;;;;;;;AACE;;;;AAUJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAQA;;;;AAIA;EACE;;;;;EAIA;;;;;;;;;;;;;;;;;;;EAkBE;;;;EAGA;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;;ACzgBN;;;;;;;AAME;;;;;AAMF;;;;;;AAKE;;;;AAGA;;;;AAIA","sources":["a9fc8bc1f173f181","packages/@adobe/spectrum-css-temp/components/menu/vars.css","packages/@adobe/spectrum-css-temp/components/contextualhelp/vars.css"],"sourcesContent":["@import \"6db3b9521f7e2230\";\n@import \"f7266180796234ae\";\n","/*\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","/*\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":"main.css.map"}
package/dist/main.js CHANGED
@@ -1,4 +1,3 @@
1
- require("./main.css");
2
1
  var $517603d8c7b8e5e5$exports = require("./ar-AE.main.js");
3
2
  var $da4736ecb2b2fc3d$exports = require("./bg-BG.main.js");
4
3
  var $474902e64d15239d$exports = require("./cs-CZ.main.js");
@@ -33,6 +32,7 @@ var $fb520ca0abee09d8$exports = require("./tr-TR.main.js");
33
32
  var $7950b4249316e2c0$exports = require("./uk-UA.main.js");
34
33
  var $86c8e6b13fa9c9ad$exports = require("./zh-CN.main.js");
35
34
  var $f3cd1d6d75907b41$exports = require("./zh-TW.main.js");
35
+ require("./main.css");
36
36
  var $3ThwF$reactstatelycollections = require("@react-stately/collections");
37
37
  var $3ThwF$reactspectrumutils = require("@react-spectrum/utils");
38
38
  var $3ThwF$reactspectrumoverlays = require("@react-spectrum/overlays");
@@ -0,0 +1,506 @@
1
+ .Q7FggG_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .Q7FggG_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .Q7FggG_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .Q7FggG_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .Q7FggG_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .Q7FggG_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .Q7FggG_i18nFontFamily:lang(zh-SG), .Q7FggG_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .Q7FggG_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .Q7FggG_i18nFontFamily:lang(ja) {
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
+ }
37
+
38
+ .Q7FggG_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .Q7FggG_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .Q7FggG_spectrum-FocusRing.Q7FggG_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .Q7FggG_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .Q7FggG_spectrum-FocusRing--quiet.Q7FggG_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .Q7FggG_spectrum-Menu-wrapper, .Q7FggG_spectrum-Menu-subdialog {
72
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
73
+ border-style: solid;
74
+ border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
75
+ flex-direction: column;
76
+ max-height: 100%;
77
+ display: inline-flex;
78
+ overflow: hidden;
79
+ }
80
+
81
+ .Q7FggG_spectrum-Menu-popover {
82
+ max-width: 320px;
83
+ }
84
+
85
+ .Q7FggG_spectrum-Menu {
86
+ --spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65);
87
+ text-align: start;
88
+ box-sizing: border-box;
89
+ padding: var(--spectrum-popover-padding-y, var(--spectrum-global-dimension-size-50)) 0;
90
+ -webkit-user-select: none;
91
+ user-select: none;
92
+ margin: 0;
93
+ list-style-type: none;
94
+ display: block;
95
+ overflow-y: auto;
96
+ }
97
+
98
+ .Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu-sectionHeading {
99
+ margin-block-start: var(--spectrum-global-dimension-size-75);
100
+ margin-block-end: var(--spectrum-global-dimension-size-40);
101
+ }
102
+
103
+ .Q7FggG_spectrum-Menu:focus {
104
+ outline: none;
105
+ }
106
+
107
+ .Q7FggG_spectrum-Menu-checkmark {
108
+ opacity: 1;
109
+ padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));
110
+ transform: scale(1);
111
+ }
112
+
113
+ .Q7FggG_spectrum-Menu-item {
114
+ cursor: default;
115
+ box-sizing: border-box;
116
+ border-inline-start: var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)) solid transparent;
117
+ font-size: var(--spectrum-selectlist-option-text-size, var(--spectrum-alias-font-size-default));
118
+ font-weight: var(--spectrum-selectlist-option-text-font-weight, var(--spectrum-global-font-weight-regular));
119
+ margin: 0;
120
+ font-style: normal;
121
+ text-decoration: none;
122
+ display: block;
123
+ position: relative;
124
+ }
125
+
126
+ .Q7FggG_spectrum-Menu-item[href] {
127
+ cursor: pointer;
128
+ }
129
+
130
+ .Q7FggG_spectrum-Menu-item:focus {
131
+ outline: none;
132
+ }
133
+
134
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-disabled {
135
+ cursor: default;
136
+ }
137
+
138
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
139
+ display: block;
140
+ }
141
+
142
+ .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Icon + .Q7FggG_spectrum-Menu-itemLabel, .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-itemIcon + .Q7FggG_spectrum-Menu-itemLabel {
143
+ margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
144
+ }
145
+
146
+ .Q7FggG_spectrum-Menu-itemLabel {
147
+ line-height: var(--spectrum-global-font-line-height-small, 1.3);
148
+ word-break: break-word;
149
+ grid-area: Q7FggG_text;
150
+ }
151
+
152
+ .Q7FggG_spectrum-Menu-itemLabel--wrapping {
153
+ text-overflow: ellipsis;
154
+ white-space: nowrap;
155
+ overflow: hidden;
156
+ }
157
+
158
+ .Q7FggG_spectrum-Menu-checkmark {
159
+ grid-area: Q7FggG_checkmark;
160
+ place-self: flex-start end;
161
+ display: none;
162
+ }
163
+
164
+ .Q7FggG_spectrum-Menu-divider {
165
+ box-sizing: content-box;
166
+ block-size: var(--spectrum-selectlist-divider-size, var(--spectrum-alias-border-size-thick));
167
+ margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2) var(--spectrum-global-dimension-size-150);
168
+ border: none;
169
+ padding: 0;
170
+ overflow: visible;
171
+ }
172
+
173
+ .Q7FggG_spectrum-Menu-sectionHeading {
174
+ margin: var(--spectrum-global-dimension-size-75) 0 0 0;
175
+ font-size: var(--spectrum-global-dimension-font-size-100);
176
+ font-weight: var(--spectrum-global-font-weight-bold, 700);
177
+ line-height: var(--spectrum-alias-line-height-medium, var(--spectrum-global-dimension-size-250));
178
+ padding-top: 0;
179
+ padding-bottom: 0;
180
+ padding-inline-start: var(--spectrum-global-dimension-size-150);
181
+ padding-inline-end: var(--spectrum-global-dimension-size-450);
182
+ display: block;
183
+ }
184
+
185
+ .Q7FggG_spectrum-Menu-section--noHeading.Q7FggG_spectrum-Menu-section--isFirst {
186
+ padding-top: 0;
187
+ }
188
+
189
+ .Q7FggG_spectrum-Menu-section--noHeading.Q7FggG_spectrum-Menu-section--isLast {
190
+ padding-bottom: 0;
191
+ }
192
+
193
+ .Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu {
194
+ margin: 0;
195
+ display: block;
196
+ }
197
+
198
+ .Q7FggG_spectrum-Menu-itemGrid {
199
+ 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);
200
+ grid-template-rows: var(--spectrum-selectlist-option-padding-height) 1fr auto var(--spectrum-selectlist-option-padding-height);
201
+ grid-template-areas: ". . . . . . . ."
202
+ ". Q7FggG_icon Q7FggG_text Q7FggG_checkmark Q7FggG_end Q7FggG_keyboard Q7FggG_chevron ."
203
+ ". Q7FggG_icon Q7FggG_description Q7FggG_checkmark Q7FggG_end Q7FggG_keyboard Q7FggG_chevron ."
204
+ ". . . . . . . .";
205
+ display: grid;
206
+ }
207
+
208
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-selectable .Q7FggG_spectrum-Menu-itemGrid {
209
+ 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);
210
+ }
211
+
212
+ .Q7FggG_spectrum-Menu .Q7FggG_spectrum-Menu-end {
213
+ grid-area: Q7FggG_end;
214
+ place-self: flex-start end;
215
+ padding-inline-start: var(--spectrum-global-dimension-size-250);
216
+ }
217
+
218
+ .Q7FggG_spectrum-Menu-icon {
219
+ grid-area: Q7FggG_icon;
220
+ padding-block-start: var(--spectrum-global-dimension-size-10);
221
+ padding-inline-end: var(--spectrum-global-dimension-size-100);
222
+ }
223
+
224
+ .Q7FggG_spectrum-Menu-avatar {
225
+ grid-area: Q7FggG_icon;
226
+ margin-inline-start: var(--spectrum-global-dimension-size-10);
227
+ margin-inline-end: var(--spectrum-global-dimension-size-100);
228
+ }
229
+
230
+ .Q7FggG_spectrum-Menu-description {
231
+ line-height: var(--spectrum-global-font-line-height-small, 1.3);
232
+ font-size: var(--spectrum-global-dimension-size-150);
233
+ grid-area: Q7FggG_description;
234
+ }
235
+
236
+ .Q7FggG_spectrum-Menu-keyboard {
237
+ unicode-bidi: plaintext;
238
+ grid-area: Q7FggG_keyboard;
239
+ align-self: flex-start;
240
+ padding-inline-start: var(--spectrum-global-dimension-size-125);
241
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
242
+ }
243
+
244
+ .Q7FggG_spectrum-Menu-chevron {
245
+ box-sizing: content-box;
246
+ grid-area: Q7FggG_chevron;
247
+ place-self: flex-start end;
248
+ margin-inline-end: calc(var(--spectrum-global-dimension-size-50) * -1);
249
+ padding-inline-start: var(--spectrum-global-dimension-size-300);
250
+ }
251
+
252
+ .Q7FggG_spectrum-Menu-wrapper {
253
+ overflow: auto;
254
+ }
255
+
256
+ .Q7FggG_spectrum-Menu-wrapper .Q7FggG_spectrum-Submenu-wrapper {
257
+ flex-direction: column;
258
+ display: flex;
259
+ overflow: auto;
260
+ }
261
+
262
+ .Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile {
263
+ background-color: unset;
264
+ border: none;
265
+ width: 100%;
266
+ }
267
+
268
+ .Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile.Q7FggG_is-expanded {
269
+ border: 0;
270
+ height: 0;
271
+ position: absolute;
272
+ left: 100%;
273
+ }
274
+
275
+ .Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile .Q7FggG_spectrum-Submenu-headingWrapper {
276
+ margin: 4px 4px 0;
277
+ display: flex;
278
+ }
279
+
280
+ .Q7FggG_spectrum-Menu-wrapper.Q7FggG_spectrum-Menu-wrapper--isMobile .Q7FggG_spectrum-Submenu-headingWrapper .Q7FggG_spectrum-Submenu-heading {
281
+ font-weight: var(--spectrum-global-font-weight-bold, 700);
282
+ font-size: var(--spectrum-dialog-title-text-size);
283
+ line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
284
+ margin-top: 7px;
285
+ margin-bottom: 0;
286
+ margin-inline-start: 4px;
287
+ display: flex;
288
+ }
289
+
290
+ .Q7FggG_spectrum-Menu-wrapper, .Q7FggG_spectrum-Menu-subdialog {
291
+ border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
292
+ background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
293
+ -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)));
294
+ will-change: filter;
295
+ }
296
+
297
+ .Q7FggG_spectrum-Menu {
298
+ --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
299
+ background-color: var(--spectrum-selectlist-background-color, var(--spectrum-alias-background-color-transparent));
300
+ }
301
+
302
+ .Q7FggG_spectrum-Submenu-headingWrapper {
303
+ --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
304
+ }
305
+
306
+ .Q7FggG_spectrum-Menu-item {
307
+ background-color: var(--spectrum-selectlist-option-background-color, var(--spectrum-alias-background-color-transparent));
308
+ color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
309
+ }
310
+
311
+ .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring, .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused {
312
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
313
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
314
+ border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
315
+ }
316
+
317
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered, .Q7FggG_spectrum-Menu-item:focus, .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted, .Q7FggG_spectrum-Menu-item.Q7FggG_is-open {
318
+ background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
319
+ color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
320
+ }
321
+
322
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
323
+ color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
324
+ }
325
+
326
+ .Q7FggG_spectrum-Menu-item .Q7FggG_is-active, .Q7FggG_spectrum-Menu-item:active {
327
+ background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
328
+ }
329
+
330
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-disabled {
331
+ background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
332
+ color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
333
+ cursor: default;
334
+ background-image: none;
335
+ }
336
+
337
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-disabled .Q7FggG_spectrum-Menu-description {
338
+ color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
339
+ }
340
+
341
+ .Q7FggG_spectrum-Menu-sectionHeading {
342
+ color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
343
+ }
344
+
345
+ .Q7FggG_spectrum-Menu-divider {
346
+ background-color: var(--spectrum-global-color-gray-300);
347
+ }
348
+
349
+ .Q7FggG_spectrum-Menu-description {
350
+ color: var(--spectrum-global-color-gray-700);
351
+ }
352
+
353
+ .Q7FggG_spectrum-Submenu-popover {
354
+ -webkit-filter: unset;
355
+ transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
356
+ transform: none;
357
+ }
358
+
359
+ .Q7FggG_spectrum-Submenu-heading {
360
+ color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
361
+ }
362
+
363
+ @media (forced-colors: active) {
364
+ .Q7FggG_spectrum-Menu-divider {
365
+ forced-color-adjust: none;
366
+ background-color: canvastext;
367
+ }
368
+
369
+ .Q7FggG_spectrum-Menu-item {
370
+ forced-color-adjust: none;
371
+ --spectrum-heading-subtitle3-text-color: ButtonText;
372
+ --spectrum-selectlist-background-color: ButtonFace;
373
+ --spectrum-selectlist-divider-color: ButtonText;
374
+ --spectrum-selectlist-option-background-color: ButtonFace;
375
+ --spectrum-selectlist-option-background-color-disabled: ButtonFace;
376
+ --spectrum-selectlist-option-background-color-down: ButtonFace;
377
+ --spectrum-selectlist-option-background-color-hover: Highlight;
378
+ --spectrum-selectlist-option-background-color-key-focus: Highlight;
379
+ --spectrum-selectlist-option-focus-indicator-color: Highlight;
380
+ --spectrum-selectlist-option-icon-color-selected: Highlight;
381
+ --spectrum-selectlist-option-text-color: ButtonText;
382
+ --spectrum-selectlist-option-text-color-disabled: GrayText;
383
+ --spectrum-selectlist-option-text-color-hover: HighlightText;
384
+ --spectrum-selectlist-option-text-color-key-focus: HighlightText;
385
+ --spectrum-alias-border-color-focus: Highlight;
386
+ }
387
+
388
+ .Q7FggG_spectrum-Menu-item .Q7FggG_spectrum-Menu-description {
389
+ color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
390
+ }
391
+
392
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered {
393
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
394
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
395
+ }
396
+
397
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
398
+ color: highlighttext;
399
+ }
400
+
401
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-hovered .Q7FggG_spectrum-Menu-description {
402
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
403
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
404
+ }
405
+
406
+ .Q7FggG_spectrum-Menu-item:focus {
407
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
408
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
409
+ }
410
+
411
+ .Q7FggG_spectrum-Menu-item:focus.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
412
+ color: highlighttext;
413
+ }
414
+
415
+ .Q7FggG_spectrum-Menu-item:focus .Q7FggG_spectrum-Menu-description {
416
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
417
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
418
+ }
419
+
420
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted {
421
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
422
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
423
+ }
424
+
425
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
426
+ color: highlighttext;
427
+ }
428
+
429
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-highlighted .Q7FggG_spectrum-Menu-description {
430
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
431
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
432
+ }
433
+
434
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-open {
435
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
436
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
437
+ }
438
+
439
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-open.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
440
+ color: highlighttext;
441
+ }
442
+
443
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-open .Q7FggG_spectrum-Menu-description {
444
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
445
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
446
+ }
447
+
448
+ .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring {
449
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
450
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
451
+ }
452
+
453
+ .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
454
+ color: highlighttext;
455
+ }
456
+
457
+ .Q7FggG_spectrum-Menu-item.Q7FggG_focus-ring .Q7FggG_spectrum-Menu-description {
458
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
459
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
460
+ }
461
+
462
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused {
463
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
464
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
465
+ }
466
+
467
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused.Q7FggG_is-selected .Q7FggG_spectrum-Menu-checkmark {
468
+ color: highlighttext;
469
+ }
470
+
471
+ .Q7FggG_spectrum-Menu-item.Q7FggG_is-focused .Q7FggG_spectrum-Menu-description {
472
+ color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
473
+ background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
474
+ }
475
+ }
476
+
477
+ .L6gUaa_react-spectrum-ContextualHelp-button {
478
+ --spectrum-button-primary-height: var(--spectrum-global-dimension-size-250);
479
+ --spectrum-actionbutton-height: var(--spectrum-global-dimension-size-250);
480
+ --spectrum-actionbutton-min-width: var(--spectrum-global-dimension-size-250);
481
+ --spectrum-actionbutton-icon-padding-x: var(--spectrum-global-dimension-size-40);
482
+ }
483
+
484
+ .L6gUaa_react-spectrum-ContextualHelp-button svg {
485
+ block-size: var(--spectrum-global-dimension-size-175);
486
+ inline-size: var(--spectrum-global-dimension-size-175);
487
+ }
488
+
489
+ .L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog {
490
+ --spectrum-dialog-padding-x: var(--spectrum-global-dimension-static-size-300, 24px);
491
+ --spectrum-dialog-padding-y: var(--spectrum-global-dimension-static-size-300, 24px);
492
+ width: 250px;
493
+ }
494
+
495
+ .L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog--isMobile {
496
+ width: 100%;
497
+ }
498
+
499
+ .L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-content {
500
+ margin-top: var(--spectrum-global-dimension-static-size-100, 8px);
501
+ }
502
+
503
+ .L6gUaa_react-spectrum-ContextualHelp-dialog.L6gUaa_react-spectrum-ContextualHelp-dialog .L6gUaa_react-spectrum-ContextualHelp-footer {
504
+ padding-top: var(--spectrum-global-dimension-static-size-100, 8px);
505
+ }
506
+ /*# sourceMappingURL=module.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AC4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;;;;AAmBE;;;;;AAMA;;;;AAKF;;;;;;AAUA;;;;;;;;;;;;;AAgBE;;;;AAIA;;;;AAIA;;;;AAKE;;;;AAKF;;;;AAMF;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;;;;;;;;;AAaA;;;;;;;;;;;;AAcE;;;;AAGA;;;;AAKF;;;;;AAMA;;;;;;;;;;AAgBE;;;;AAOF;;;;;;AAOA;;;;;;AAOA;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAUA;;;;;;;;AASA;;;;AAGE;;;;;;AAMA;;;;;;AAKE;;;;;;;AAOA;;;;;AAIE;;;;;;;;;;AAyBN;;;;;;;AAWA;;;;;AAKA;;;;AAIA;;;;;AAIE;;;;;;AAOA;;;;;AASE;;;;AAKF;;;;AAKA;;;;;;;AACE;;;;AAUJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAQA;;;;AAIA;EACE;;;;;EAIA;;;;;;;;;;;;;;;;;;;EAkBE;;;;EAGA;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;EAXF;;;;;EAOI;;;;EAIF;;;;;;ACzgBN;;;;;;;AAME;;;;;AAMF;;;;;;AAKE;;;;AAGA;;;;AAIA","sources":["a1df4b7c91d90b39","packages/@adobe/spectrum-css-temp/components/menu/vars.css","packages/@adobe/spectrum-css-temp/components/contextualhelp/vars.css"],"sourcesContent":["@import \"6db3b9521f7e2230\";\n@import \"f7266180796234ae\";\n","/*\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","/*\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":"module.css.map"}
package/dist/module.js CHANGED
@@ -1,4 +1,3 @@
1
- import "./main.css";
2
1
  import $9c47fa309a7d4d43$exports from "./ar-AE.module.js";
3
2
  import $4cd8d8b72a119260$exports from "./bg-BG.module.js";
4
3
  import $10556a59bf2ddefc$exports from "./cs-CZ.module.js";
@@ -33,6 +32,7 @@ import $6ef9c252e9fbc070$exports from "./tr-TR.module.js";
33
32
  import $9a5e4d563d152847$exports from "./uk-UA.module.js";
34
33
  import $57bb191f18e8be40$exports from "./zh-CN.module.js";
35
34
  import $56f3d9ca2967952d$exports from "./zh-TW.module.js";
35
+ import "./module.css";
36
36
  import {Item as $5ae296f2d6923e14$re_export$Item, Section as $5ae296f2d6923e14$re_export$Section, getChildNodes as $9SHwR$getChildNodes} from "@react-stately/collections";
37
37
  import {useDOMRef as $9SHwR$useDOMRef, useIsMobileDevice as $9SHwR$useIsMobileDevice, classNames as $9SHwR$classNames, SlotProvider as $9SHwR$SlotProvider, useStyleProps as $9SHwR$useStyleProps, ClearSlots as $9SHwR$ClearSlots, useSlotProps as $9SHwR$useSlotProps, unwrapDOMRef as $9SHwR$unwrapDOMRef} from "@react-spectrum/utils";
38
38
  import {Tray as $9SHwR$Tray, Popover as $9SHwR$Popover} from "@react-spectrum/overlays";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/menu",
3
- "version": "3.18.2-nightly.4494+361d47080",
3
+ "version": "3.18.2-nightly.4506+4608dc5c3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,31 +36,31 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/interactions": "3.0.0-nightly.2782+361d47080",
42
- "@react-aria/menu": "3.13.2-nightly.4494+361d47080",
43
- "@react-aria/overlays": "3.0.0-nightly.2782+361d47080",
44
- "@react-aria/separator": "3.0.0-nightly.2782+361d47080",
45
- "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
46
- "@react-spectrum/button": "3.0.0-nightly.2782+361d47080",
47
- "@react-spectrum/layout": "3.6.4-nightly.4494+361d47080",
48
- "@react-spectrum/overlays": "3.0.0-nightly.2782+361d47080",
49
- "@react-spectrum/text": "3.5.4-nightly.4494+361d47080",
50
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
51
- "@react-stately/collections": "3.0.0-nightly.2782+361d47080",
52
- "@react-stately/menu": "3.6.2-nightly.4494+361d47080",
53
- "@react-stately/overlays": "3.6.6-nightly.4494+361d47080",
54
- "@react-stately/tree": "3.0.0-nightly.2782+361d47080",
55
- "@react-types/menu": "3.9.8-nightly.4494+361d47080",
56
- "@react-types/overlays": "3.8.6-nightly.4494+361d47080",
57
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
58
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
59
- "@spectrum-icons/workflow": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/focus": "3.0.0-nightly.2794+4608dc5c3",
40
+ "@react-aria/i18n": "3.0.0-nightly.2794+4608dc5c3",
41
+ "@react-aria/interactions": "3.0.0-nightly.2794+4608dc5c3",
42
+ "@react-aria/menu": "3.13.2-nightly.4506+4608dc5c3",
43
+ "@react-aria/overlays": "3.0.0-nightly.2794+4608dc5c3",
44
+ "@react-aria/separator": "3.0.0-nightly.2794+4608dc5c3",
45
+ "@react-aria/utils": "3.0.0-nightly.2794+4608dc5c3",
46
+ "@react-spectrum/button": "3.0.0-nightly.2794+4608dc5c3",
47
+ "@react-spectrum/layout": "3.6.4-nightly.4506+4608dc5c3",
48
+ "@react-spectrum/overlays": "3.0.0-nightly.2794+4608dc5c3",
49
+ "@react-spectrum/text": "3.5.4-nightly.4506+4608dc5c3",
50
+ "@react-spectrum/utils": "3.0.0-nightly.2794+4608dc5c3",
51
+ "@react-stately/collections": "3.0.0-nightly.2794+4608dc5c3",
52
+ "@react-stately/menu": "3.6.2-nightly.4506+4608dc5c3",
53
+ "@react-stately/overlays": "3.6.6-nightly.4506+4608dc5c3",
54
+ "@react-stately/tree": "3.0.0-nightly.2794+4608dc5c3",
55
+ "@react-types/menu": "3.9.8-nightly.4506+4608dc5c3",
56
+ "@react-types/overlays": "3.8.6-nightly.4506+4608dc5c3",
57
+ "@react-types/shared": "3.0.0-nightly.2794+4608dc5c3",
58
+ "@spectrum-icons/ui": "3.0.0-nightly.2794+4608dc5c3",
59
+ "@spectrum-icons/workflow": "3.0.0-nightly.2794+4608dc5c3",
60
60
  "@swc/helpers": "^0.5.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
63
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2794+4608dc5c3"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@react-spectrum/provider": "^3.0.0",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
73
+ "gitHead": "4608dc5c390e87bec882a1c8ecd0e585fcf6b404"
74
74
  }