@adobe/react-spectrum 3.47.1 → 3.47.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (232) hide show
  1. package/dist/private/accordion_vars.css +66 -48
  2. package/dist/private/accordion_vars.css.map +1 -1
  3. package/dist/private/actionbar/ActionBar.cjs.map +1 -1
  4. package/dist/private/actionbar/ActionBar.js.map +1 -1
  5. package/dist/private/actionbar/ActionBar.mjs.map +1 -1
  6. package/dist/private/actionbar/actionbar.css +59 -57
  7. package/dist/private/actionbar/actionbar.css.map +1 -1
  8. package/dist/private/actiongroup/ActionGroup.cjs +1 -1
  9. package/dist/private/actiongroup/ActionGroup.cjs.map +1 -1
  10. package/dist/private/actiongroup/ActionGroup.js +1 -1
  11. package/dist/private/actiongroup/ActionGroup.js.map +1 -1
  12. package/dist/private/actiongroup/ActionGroup.mjs +1 -1
  13. package/dist/private/actiongroup/ActionGroup.mjs.map +1 -1
  14. package/dist/private/actiongroup_vars.css +124 -114
  15. package/dist/private/actiongroup_vars.css.map +1 -1
  16. package/dist/private/autocomplete/MobileSearchAutocomplete.cjs.map +1 -1
  17. package/dist/private/autocomplete/MobileSearchAutocomplete.js.map +1 -1
  18. package/dist/private/autocomplete/MobileSearchAutocomplete.mjs.map +1 -1
  19. package/dist/private/autocomplete/SearchAutocomplete.cjs.map +1 -1
  20. package/dist/private/autocomplete/SearchAutocomplete.js.map +1 -1
  21. package/dist/private/autocomplete/SearchAutocomplete.mjs.map +1 -1
  22. package/dist/private/autocomplete/searchautocomplete.css +6 -6
  23. package/dist/private/autocomplete/searchautocomplete.css.map +1 -1
  24. package/dist/private/avatar_vars.css +12 -7
  25. package/dist/private/avatar_vars.css.map +1 -1
  26. package/dist/private/badge_vars.css +76 -68
  27. package/dist/private/badge_vars.css.map +1 -1
  28. package/dist/private/barloader_vars.css +132 -112
  29. package/dist/private/barloader_vars.css.map +1 -1
  30. package/dist/private/breadcrumb_vars.css +182 -148
  31. package/dist/private/breadcrumb_vars.css.map +1 -1
  32. package/dist/private/button/Button.cjs.map +1 -1
  33. package/dist/private/button/Button.js.map +1 -1
  34. package/dist/private/button/Button.mjs.map +1 -1
  35. package/dist/private/button_vars.css +822 -785
  36. package/dist/private/button_vars.css.map +1 -1
  37. package/dist/private/buttongroup_vars.css +25 -24
  38. package/dist/private/buttongroup_vars.css.map +1 -1
  39. package/dist/private/buttongroup_vars_css.cjs +5 -5
  40. package/dist/private/buttongroup_vars_css.mjs +5 -5
  41. package/dist/private/calendar/CalendarBase.cjs.map +1 -1
  42. package/dist/private/calendar/CalendarBase.js.map +1 -1
  43. package/dist/private/calendar/CalendarBase.mjs.map +1 -1
  44. package/dist/private/calendar_vars.css +280 -256
  45. package/dist/private/calendar_vars.css.map +1 -1
  46. package/dist/private/card/BaseLayout.cjs +2 -2
  47. package/dist/private/card/BaseLayout.cjs.map +1 -1
  48. package/dist/private/card/BaseLayout.js +2 -2
  49. package/dist/private/card/BaseLayout.js.map +1 -1
  50. package/dist/private/card/BaseLayout.mjs +2 -2
  51. package/dist/private/card/BaseLayout.mjs.map +1 -1
  52. package/dist/private/card/CardView.cjs.map +1 -1
  53. package/dist/private/card/CardView.js.map +1 -1
  54. package/dist/private/card/CardView.mjs.map +1 -1
  55. package/dist/private/card_vars.css +995 -907
  56. package/dist/private/card_vars.css.map +1 -1
  57. package/dist/private/checkbox_vars.css +318 -219
  58. package/dist/private/checkbox_vars.css.map +1 -1
  59. package/dist/private/circleloader_vars.css +99 -85
  60. package/dist/private/circleloader_vars.css.map +1 -1
  61. package/dist/private/color/ColorEditor.cjs.map +1 -1
  62. package/dist/private/color/ColorEditor.js.map +1 -1
  63. package/dist/private/color/ColorEditor.mjs.map +1 -1
  64. package/dist/private/color/ColorPicker.css +28 -14
  65. package/dist/private/color/ColorPicker.css.map +1 -1
  66. package/dist/private/color/colorfield.css +3 -3
  67. package/dist/private/color/colorfield.css.map +1 -1
  68. package/dist/private/colorarea_vars.css +36 -29
  69. package/dist/private/colorarea_vars.css.map +1 -1
  70. package/dist/private/colorhandle_vars.css +23 -23
  71. package/dist/private/colorloupe_vars.css +5 -5
  72. package/dist/private/colorloupe_vars.css.map +1 -1
  73. package/dist/private/colorslider_vars.css +34 -34
  74. package/dist/private/colorslider_vars.css.map +1 -1
  75. package/dist/private/colorwheel_vars.css +44 -38
  76. package/dist/private/colorwheel_vars.css.map +1 -1
  77. package/dist/private/combobox/ComboBox.cjs.map +1 -1
  78. package/dist/private/combobox/ComboBox.js.map +1 -1
  79. package/dist/private/combobox/ComboBox.mjs.map +1 -1
  80. package/dist/private/combobox/MobileComboBox.cjs.map +1 -1
  81. package/dist/private/combobox/MobileComboBox.js.map +1 -1
  82. package/dist/private/combobox/MobileComboBox.mjs.map +1 -1
  83. package/dist/private/combobox/combobox.css +6 -6
  84. package/dist/private/combobox/combobox.css.map +1 -1
  85. package/dist/private/contextualhelp/ContextualHelp.cjs.map +1 -1
  86. package/dist/private/contextualhelp/ContextualHelp.js.map +1 -1
  87. package/dist/private/contextualhelp/ContextualHelp.mjs.map +1 -1
  88. package/dist/private/contextualhelp_vars.css +13 -13
  89. package/dist/private/contextualhelp_vars.css.map +1 -1
  90. package/dist/private/datepicker/DatePicker.cjs.map +1 -1
  91. package/dist/private/datepicker/DatePicker.js.map +1 -1
  92. package/dist/private/datepicker/DatePicker.mjs.map +1 -1
  93. package/dist/private/datepicker/DateRangePicker.cjs.map +1 -1
  94. package/dist/private/datepicker/DateRangePicker.js.map +1 -1
  95. package/dist/private/datepicker/DateRangePicker.mjs.map +1 -1
  96. package/dist/private/datepicker/styles.css +33 -31
  97. package/dist/private/datepicker/styles.css.map +1 -1
  98. package/dist/private/dialog/AlertDialog.cjs.map +1 -1
  99. package/dist/private/dialog/AlertDialog.js.map +1 -1
  100. package/dist/private/dialog/AlertDialog.mjs.map +1 -1
  101. package/dist/private/dialog/Dialog.cjs.map +1 -1
  102. package/dist/private/dialog/Dialog.js.map +1 -1
  103. package/dist/private/dialog/Dialog.mjs.map +1 -1
  104. package/dist/private/dialog_vars.css +216 -180
  105. package/dist/private/dialog_vars.css.map +1 -1
  106. package/dist/private/dropdown_vars.css +150 -114
  107. package/dist/private/dropdown_vars.css.map +1 -1
  108. package/dist/private/dropzone/DropZone.cjs.map +1 -1
  109. package/dist/private/dropzone/DropZone.js.map +1 -1
  110. package/dist/private/dropzone/DropZone.mjs.map +1 -1
  111. package/dist/private/dropzone_vars.css +114 -85
  112. package/dist/private/dropzone_vars.css.map +1 -1
  113. package/dist/private/fieldgroup_vars.css +54 -46
  114. package/dist/private/fieldgroup_vars.css.map +1 -1
  115. package/dist/private/fieldlabel_vars.css +183 -169
  116. package/dist/private/fieldlabel_vars.css.map +1 -1
  117. package/dist/private/helptext_vars.css +83 -69
  118. package/dist/private/helptext_vars.css.map +1 -1
  119. package/dist/private/icon_vars.css +52 -36
  120. package/dist/private/icon_vars.css.map +1 -1
  121. package/dist/private/illustratedmessage_vars.css +33 -31
  122. package/dist/private/illustratedmessage_vars.css.map +1 -1
  123. package/dist/private/inlinealert/InlineAlert.cjs.map +1 -1
  124. package/dist/private/inlinealert/InlineAlert.js.map +1 -1
  125. package/dist/private/inlinealert/InlineAlert.mjs.map +1 -1
  126. package/dist/private/inlinealert_vars.css +54 -46
  127. package/dist/private/inlinealert_vars.css.map +1 -1
  128. package/dist/private/inputgroup_vars.css +499 -319
  129. package/dist/private/inputgroup_vars.css.map +1 -1
  130. package/dist/private/label/Label.cjs.map +1 -1
  131. package/dist/private/label/Label.js.map +1 -1
  132. package/dist/private/label/Label.mjs.map +1 -1
  133. package/dist/private/link_vars.css +101 -85
  134. package/dist/private/link_vars.css.map +1 -1
  135. package/dist/private/list/ListView.cjs.map +1 -1
  136. package/dist/private/list/ListView.js.map +1 -1
  137. package/dist/private/list/ListView.mjs.map +1 -1
  138. package/dist/private/list/styles.css +425 -333
  139. package/dist/private/list/styles.css.map +1 -1
  140. package/dist/private/listbox/ListBoxBase.cjs.map +1 -1
  141. package/dist/private/listbox/ListBoxBase.js.map +1 -1
  142. package/dist/private/listbox/ListBoxBase.mjs.map +1 -1
  143. package/dist/private/menu/ActionMenu.cjs.map +1 -1
  144. package/dist/private/menu/ActionMenu.js.map +1 -1
  145. package/dist/private/menu/ActionMenu.mjs.map +1 -1
  146. package/dist/private/menu/Menu.cjs.map +1 -1
  147. package/dist/private/menu/Menu.js.map +1 -1
  148. package/dist/private/menu/Menu.mjs.map +1 -1
  149. package/dist/private/menu/MenuItem.cjs.map +1 -1
  150. package/dist/private/menu/MenuItem.js.map +1 -1
  151. package/dist/private/menu/MenuItem.mjs.map +1 -1
  152. package/dist/private/menu_vars.css +178 -160
  153. package/dist/private/menu_vars.css.map +1 -1
  154. package/dist/private/modal_vars.css +64 -54
  155. package/dist/private/modal_vars.css.map +1 -1
  156. package/dist/private/overlays/overlays.css +7 -5
  157. package/dist/private/overlays/overlays.css.map +1 -1
  158. package/dist/private/package.cjs +1 -1
  159. package/dist/private/package.cjs.map +1 -1
  160. package/dist/private/package.js +1 -1
  161. package/dist/private/package.js.map +1 -1
  162. package/dist/private/package.mjs +1 -1
  163. package/dist/private/package.mjs.map +1 -1
  164. package/dist/private/page_vars.css +54 -46
  165. package/dist/private/page_vars.css.map +1 -1
  166. package/dist/private/picker/Picker.cjs.map +1 -1
  167. package/dist/private/picker/Picker.js.map +1 -1
  168. package/dist/private/picker/Picker.mjs.map +1 -1
  169. package/dist/private/popover_vars.css +105 -83
  170. package/dist/private/popover_vars.css.map +1 -1
  171. package/dist/private/radio_vars.css +257 -163
  172. package/dist/private/radio_vars.css.map +1 -1
  173. package/dist/private/rule_vars.css +73 -63
  174. package/dist/private/rule_vars.css.map +1 -1
  175. package/dist/private/search_vars.css +95 -87
  176. package/dist/private/search_vars.css.map +1 -1
  177. package/dist/private/slider/RangeSlider.cjs.map +1 -1
  178. package/dist/private/slider/RangeSlider.js.map +1 -1
  179. package/dist/private/slider/RangeSlider.mjs.map +1 -1
  180. package/dist/private/slider_vars.css +516 -402
  181. package/dist/private/slider_vars.css.map +1 -1
  182. package/dist/private/statuslight_vars.css +76 -68
  183. package/dist/private/statuslight_vars.css.map +1 -1
  184. package/dist/private/steplist/StepListItem.cjs.map +1 -1
  185. package/dist/private/steplist/StepListItem.js.map +1 -1
  186. package/dist/private/steplist/StepListItem.mjs.map +1 -1
  187. package/dist/private/steplist_vars.css +371 -297
  188. package/dist/private/steplist_vars.css.map +1 -1
  189. package/dist/private/stepper_vars.css +557 -438
  190. package/dist/private/stepper_vars.css.map +1 -1
  191. package/dist/private/table/Resizer.cjs.map +1 -1
  192. package/dist/private/table/Resizer.js.map +1 -1
  193. package/dist/private/table/Resizer.mjs.map +1 -1
  194. package/dist/private/table/TableViewBase.cjs.map +1 -1
  195. package/dist/private/table/TableViewBase.js.map +1 -1
  196. package/dist/private/table/TableViewBase.mjs.map +1 -1
  197. package/dist/private/table/table.css +103 -95
  198. package/dist/private/table/table.css.map +1 -1
  199. package/dist/private/table_vars.css +458 -350
  200. package/dist/private/table_vars.css.map +1 -1
  201. package/dist/private/tabs_vars.css +319 -281
  202. package/dist/private/tabs_vars.css.map +1 -1
  203. package/dist/private/tag/TagGroup.cjs.map +1 -1
  204. package/dist/private/tag/TagGroup.js.map +1 -1
  205. package/dist/private/tag/TagGroup.mjs.map +1 -1
  206. package/dist/private/tags_vars.css +167 -149
  207. package/dist/private/tags_vars.css.map +1 -1
  208. package/dist/private/textfield/TextFieldBase.cjs.map +1 -1
  209. package/dist/private/textfield/TextFieldBase.js.map +1 -1
  210. package/dist/private/textfield/TextFieldBase.mjs.map +1 -1
  211. package/dist/private/textfield_vars.css +278 -250
  212. package/dist/private/textfield_vars.css.map +1 -1
  213. package/dist/private/toast/Toast.cjs.map +1 -1
  214. package/dist/private/toast/Toast.js.map +1 -1
  215. package/dist/private/toast/Toast.mjs.map +1 -1
  216. package/dist/private/toast/toastContainer.css +64 -56
  217. package/dist/private/toast/toastContainer.css.map +1 -1
  218. package/dist/private/toast_vars.css +5 -3
  219. package/dist/private/toast_vars.css.map +1 -1
  220. package/dist/private/toggle_vars.css +287 -211
  221. package/dist/private/toggle_vars.css.map +1 -1
  222. package/dist/private/tooltip_vars.css +150 -127
  223. package/dist/private/tooltip_vars.css.map +1 -1
  224. package/dist/private/tray_vars.css +54 -46
  225. package/dist/private/tray_vars.css.map +1 -1
  226. package/dist/private/typography_index.css +54 -46
  227. package/dist/private/typography_index.css.map +1 -1
  228. package/dist/private/underlay_vars.css +58 -50
  229. package/dist/private/underlay_vars.css.map +1 -1
  230. package/dist/private/well_vars.css +54 -46
  231. package/dist/private/well_vars.css.map +1 -1
  232. package/package.json +6 -6
@@ -1,38 +1,38 @@
1
1
  .Gil3wW_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
- }
5
4
 
6
- .Gil3wW_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
- }
5
+ &:lang(ar) {
6
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
7
+ }
9
8
 
10
- .Gil3wW_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
- }
9
+ &:lang(he) {
10
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
11
+ }
13
12
 
14
- .Gil3wW_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
13
+ &:lang(zh) {
14
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
15
+ }
17
16
 
18
- .Gil3wW_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
17
+ &:lang(zh-Hans) {
18
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
19
+ }
21
20
 
22
- .Gil3wW_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
- }
21
+ &:lang(zh-Hant) {
22
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
23
+ }
25
24
 
26
- .Gil3wW_i18nFontFamily:lang(zh-SG), .Gil3wW_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
25
+ &:lang(zh-SG), &:lang(zh-CN) {
26
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
27
+ }
29
28
 
30
- .Gil3wW_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
29
+ &:lang(ko) {
30
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
31
+ }
33
32
 
34
- .Gil3wW_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;
33
+ &:lang(ja) {
34
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
35
+ }
36
36
  }
37
37
 
38
38
  .Gil3wW_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
41
41
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
42
  --spectrum-focus-ring-border-size: 0px;
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
- }
45
44
 
46
- .Gil3wW_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,
45
+ &:after {
46
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
47
+ content: "";
48
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
49
+ pointer-events: none;
50
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
52
51
  margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
53
- display: block;
54
- position: absolute;
55
- inset: 0;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
56
  }
57
57
 
58
- .Gil3wW_spectrum-FocusRing.Gil3wW_focus-ring:after {
59
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
60
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
58
+ .Gil3wW_spectrum-FocusRing {
59
+ &.Gil3wW_focus-ring {
60
+ &:after {
61
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
62
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
63
+ }
64
+ }
61
65
  }
62
66
 
63
- .Gil3wW_spectrum-FocusRing--quiet:after {
64
- border-radius: 0;
65
- }
67
+ .Gil3wW_spectrum-FocusRing--quiet {
68
+ &:after {
69
+ border-radius: 0;
70
+ }
66
71
 
67
- .Gil3wW_spectrum-FocusRing--quiet.Gil3wW_focus-ring:after {
68
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
72
+ &.Gil3wW_focus-ring {
73
+ &:after {
74
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
69
75
  0;
70
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
76
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
77
+ }
78
+ }
71
79
  }
72
80
 
73
81
  @media (forced-colors: active) {
74
82
  .Gil3wW_spectrum-FocusRing, .Gil3wW_spectrum-FocusRing-ring, .Gil3wW_spectrum-FocusRing--quiet {
75
83
  --spectrum-high-contrast-focus-ring-color: Highlight;
76
- }
77
84
 
78
- :is(.Gil3wW_spectrum-FocusRing, .Gil3wW_spectrum-FocusRing-ring, .Gil3wW_spectrum-FocusRing--quiet):after {
79
- forced-color-adjust: none;
85
+ &:after {
86
+ forced-color-adjust: none;
87
+ }
80
88
  }
81
89
  }
82
90
 
@@ -88,25 +96,25 @@
88
96
  min-inline-size: var(--spectrum-dropdown-min-width, var(--spectrum-global-dimension-size-600));
89
97
  display: inline-block;
90
98
  position: relative;
91
- }
92
99
 
93
- .Gil3wW_spectrum-Dropdown select {
94
- appearance: none;
95
- }
100
+ & select {
101
+ appearance: none;
96
102
 
97
- .Gil3wW_spectrum-Dropdown select::-ms-expand {
98
- display: none;
99
- }
103
+ &::-ms-expand {
104
+ display: none;
105
+ }
100
106
 
101
- .Gil3wW_spectrum-Dropdown select::-ms-value {
102
- background-color: #0000;
103
- }
107
+ &::-ms-value {
108
+ background-color: #0000;
109
+ }
104
110
 
105
- .Gil3wW_spectrum-Dropdown select + .Gil3wW_spectrum-Dropdown-chevron {
106
- margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
107
- position: absolute;
108
- inset-block-start: 50%;
109
- inset-inline-end: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
111
+ & + .Gil3wW_spectrum-Dropdown-chevron {
112
+ margin-block-start: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
113
+ position: absolute;
114
+ inset-block-start: 50%;
115
+ inset-inline-end: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
116
+ }
117
+ }
110
118
  }
111
119
 
112
120
  .Gil3wW_spectrum-Dropdown-trigger {
@@ -127,12 +135,12 @@
127
135
  text-align: start;
128
136
  flex: auto;
129
137
  overflow: hidden;
130
- }
131
138
 
132
- .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
133
- font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
134
- font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
135
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
139
+ &.Gil3wW_is-placeholder {
140
+ font-weight: var(--spectrum-dropdown-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
141
+ font-style: var(--spectrum-dropdown-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
142
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
143
+ }
136
144
  }
137
145
 
138
146
  .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-chevron {
@@ -162,17 +170,25 @@
162
170
  position: relative;
163
171
  }
164
172
 
165
- .Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-invalidIcon {
166
- margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
173
+ .Gil3wW_spectrum-Dropdown-trigger {
174
+ & .Gil3wW_spectrum-Dropdown-invalidIcon {
175
+ margin-block-start: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
167
176
  var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
168
177
  2);
169
- margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
178
+ margin-block-end: calc(calc(var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)) - calc(var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin)) * 2) -
170
179
  var(--spectrum-dropdown-icon-size, var(--spectrum-alias-workflow-icon-size))) /
171
180
  2);
181
+ }
182
+
183
+ & .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-invalidIcon {
184
+ margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
185
+ }
172
186
  }
173
187
 
174
- .Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-label + .Gil3wW_spectrum-Dropdown-invalidIcon, .Gil3wW_spectrum-Dropdown-trigger .Gil3wW_spectrum-Dropdown-progressCircle {
175
- margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
188
+ .Gil3wW_spectrum-Dropdown-trigger {
189
+ & .Gil3wW_spectrum-Dropdown-progressCircle {
190
+ margin-inline-start: var(--spectrum-dropdown-icon-margin-left, var(--spectrum-global-dimension-size-150));
191
+ }
176
192
  }
177
193
 
178
194
  .Gil3wW_spectrum-Icon + .Gil3wW_spectrum-Dropdown-chevron {
@@ -182,10 +198,10 @@
182
198
  .Gil3wW_spectrum-Dropdown--quiet {
183
199
  inline-size: auto;
184
200
  min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
185
- }
186
201
 
187
- .Gil3wW_spectrum-Dropdown--quiet .Gil3wW_spectrum-Dropdown-trigger {
188
- contain: none;
202
+ & .Gil3wW_spectrum-Dropdown-trigger {
203
+ contain: none;
204
+ }
189
205
  }
190
206
 
191
207
  .Gil3wW_spectrum-Dropdown-popover--quiet {
@@ -199,60 +215,78 @@
199
215
  flex-direction: column;
200
216
  max-width: 100%;
201
217
  display: inline-flex;
202
- }
203
218
 
204
- .Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet .Gil3wW_spectrum-Dropdown--quiet {
205
- inline-size: auto;
206
- min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
207
- }
219
+ & .Gil3wW_spectrum-Dropdown--quiet {
220
+ inline-size: auto;
221
+ min-inline-size: var(--spectrum-dropdown-quiet-min-width, var(--spectrum-global-dimension-size-600));
208
222
 
209
- .Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet .Gil3wW_spectrum-Dropdown--quiet .Gil3wW_spectrum-Dropdown-trigger {
210
- inline-size: max-content;
211
- max-width: 100%;
212
- }
223
+ & .Gil3wW_spectrum-Dropdown-trigger {
224
+ inline-size: max-content;
225
+ max-width: 100%;
226
+ }
227
+ }
213
228
 
214
- .Gil3wW_spectrum-Field.Gil3wW_spectrum-Dropdown-fieldWrapper--quiet.Gil3wW_spectrum-Dropdown-fieldWrapper--positionSide {
215
- flex-direction: row;
229
+ &.Gil3wW_spectrum-Dropdown-fieldWrapper--positionSide {
230
+ flex-direction: row;
231
+ }
216
232
  }
217
233
 
218
234
  .Gil3wW_spectrum-Dropdown {
219
235
  --spectrum-dropdown-placeholder-text-color: var(--spectrum-global-color-gray-800);
220
- }
221
236
 
222
- .Gil3wW_spectrum-Dropdown .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-selected .Gil3wW_is-placeholder {
223
- color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
224
- }
237
+ & .Gil3wW_spectrum-Dropdown-trigger {
238
+ &.Gil3wW_is-selected {
239
+ & .Gil3wW_is-placeholder {
240
+ color: var(--spectrum-dropdown-placeholder-text-color-down, var(--spectrum-global-color-gray-900));
241
+ }
242
+ }
243
+ }
225
244
 
226
- .Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid .Gil3wW_spectrum-Dropdown-invalidIcon.Gil3wW_spectrum-Dropdown-invalidIcon {
227
- fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
228
- }
245
+ &.Gil3wW_is-invalid {
246
+ & .Gil3wW_spectrum-Dropdown-invalidIcon.Gil3wW_spectrum-Dropdown-invalidIcon {
247
+ fill: var(--spectrum-dropdown-validation-icon-color-error, var(--spectrum-semantic-negative-color-icon));
248
+ }
229
249
 
230
- .Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid.Gil3wW_is-disabled .Gil3wW_spectrum-Icon, .Gil3wW_spectrum-Dropdown.Gil3wW_is-invalid.Gil3wW_is-disabled .Gil3wW_spectrum-Dropdown-invalidIcon {
231
- fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
232
- }
250
+ &.Gil3wW_is-disabled {
251
+ & .Gil3wW_spectrum-Icon, & .Gil3wW_spectrum-Dropdown-invalidIcon {
252
+ fill: var(--spectrum-dropdown-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
253
+ }
254
+ }
255
+ }
233
256
 
234
- .Gil3wW_spectrum-Dropdown.Gil3wW_is-disabled:active .Gil3wW_spectrum-Dropdown-label {
235
- color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
236
- }
257
+ &.Gil3wW_is-disabled {
258
+ &:active .Gil3wW_spectrum-Dropdown-label {
259
+ color: var(--spectrum-dropdown-text-color-disabled, var(--spectrum-alias-text-color-disabled));
260
+ }
237
261
 
238
- .Gil3wW_spectrum-Dropdown.Gil3wW_is-disabled .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
239
- color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
262
+ & .Gil3wW_spectrum-Dropdown-label {
263
+ &.Gil3wW_is-placeholder {
264
+ color: var(--spectrum-dropdown-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
265
+ }
266
+ }
267
+ }
240
268
  }
241
269
 
242
- .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
243
- color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
270
+ .Gil3wW_spectrum-Dropdown-label {
271
+ &.Gil3wW_is-placeholder {
272
+ color: var(--spectrum-dropdown-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
273
+ }
244
274
  }
245
275
 
246
- .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
247
- color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
248
- }
276
+ .Gil3wW_spectrum-Dropdown-trigger {
277
+ &.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
278
+ color: var(--spectrum-dropdown-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
279
+ }
249
280
 
250
- .Gil3wW_spectrum-Dropdown-trigger:active .Gil3wW_spectrum-Dropdown-label {
251
- color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
281
+ &:active .Gil3wW_spectrum-Dropdown-label {
282
+ color: var(--spectrum-dropdown-placeholder-text-color-mouse-focus, var(--spectrum-global-color-gray-900));
283
+ }
252
284
  }
253
285
 
254
- .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
255
- color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
286
+ .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_focus-ring {
287
+ & .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
288
+ color: var(--spectrum-dropdown-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
289
+ }
256
290
  }
257
291
 
258
292
  @media (forced-colors: active) {
@@ -271,12 +305,14 @@
271
305
  --spectrum-dropdown-validation-icon-color-error: ButtonText;
272
306
  }
273
307
 
274
- .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
275
- color: buttontext;
276
- }
308
+ .Gil3wW_spectrum-Dropdown-trigger {
309
+ &.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label {
310
+ color: buttontext;
277
311
 
278
- .Gil3wW_spectrum-Dropdown-trigger.Gil3wW_is-hovered .Gil3wW_spectrum-Dropdown-label.Gil3wW_is-placeholder {
279
- color: graytext;
312
+ &.Gil3wW_is-placeholder {
313
+ color: graytext;
314
+ }
315
+ }
280
316
  }
281
317
  }
282
318
  /*# sourceMappingURL=dropdown_vars.css.map */
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmOF;;;;;;;;;;;;;;;;;AAgBE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/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":"dropdown_vars.css.map"}
1
+ {"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JF;;;;;;;;;;;AAeF;;;;;;;;;;;;;;;;;;;;;;;;;AAgCI;;;;;;EAMF;;;;;;;;;;EAuBI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CJ;;;;;AAKF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/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":"dropdown_vars.css.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,gDAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,0DAAC,CAAA,GAAA,2CAAU;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;OACC,yBAEH,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,YAAY,CAAA,GAAA,2BAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,0DAAC,CAAA,GAAA,wCAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,gDAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,0DAAC,CAAA,GAAA,2CAAU;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;OACC,yBAEH,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.js.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.js.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAyCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\n// @ts-ignore\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAwCD,oFAAoF;AACpF,IAAI,oCAAc,CAAA;IAChB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,yDAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2B;IAE3B,IAAI,YAAC,QAAQ,YAAE,QAAQ,kBAAE,cAAc,EAAE,GAAG,YAAW,GAAG;IAC1D,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,YAAY,CAAA,GAAA,YAAI;IACpB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,WAAW,GAAG,UAAU,CAAC,EAAE,WAAW,GAAG;IAE9D,qBACE,gCAAC,CAAA,GAAA,eAAO;QAAE,QAAQ;YAAC;gBAAC,CAAA,GAAA,qBAAa;gBAAG;oBAAC,IAAI;gBAAS;aAAE;SAAC;qBACnD,gCAAC,CAAA,GAAA,eAAU;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,kCAAY,YAAY;QACtC,GAAI,UAAU;QACf,mBAAiB;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,qBAAqB,WAAW,SAAS,EAAE;YACvE,6BAA6B;QAC/B;QACA,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;YACvC;QACF;OACC,yBAEH,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACnC,gCAAC;QACC,IAAI;QACJ,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,4BAA4B,WAAW,SAAS;OAC7E,iBAAiB,iBAAiB,gBAAgB,MAAM,CAAC;AAKpE","sources":["packages/@adobe/react-spectrum/src/dropzone/DropZone.tsx"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {DropZoneProps, DropZone as RACDropZone} from 'react-aria-components/DropZone';\nimport {HeadingContext} from 'react-aria-components/Heading';\nimport intlMessages from '../../intl/dropzone/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from 'react-aria-components/slots';\nimport React, {ReactNode} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/dropzone/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDropZoneProps\n extends\n Omit<\n DropZoneProps,\n | 'onHoverStart'\n | 'onHoverChange'\n | 'onHoverEnd'\n | 'isDisabled'\n | 'className'\n | 'style'\n | 'render'\n >,\n DOMProps,\n StyleProps,\n AriaLabelingProps {\n /** The content to display in the drop zone. */\n children: ReactNode;\n /** Whether the drop zone has been filled. */\n isFilled?: boolean;\n /** The message to replace the default banner message that is shown when the drop zone is filled. */\n replaceMessage?: string;\n}\n\n// Filter out props used by RAC DropZone that we don't want in RSP DropZone for now.\nlet filterProps = props => {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n return otherProps;\n};\n\n/**\n * A drop zone is an area into which one or multiple objects can be dragged and dropped.\n */\nexport const DropZone = React.forwardRef(function DropZone(\n props: SpectrumDropZoneProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {children, isFilled, replaceMessage, ...otherProps} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let messageId = useId();\n let headingId = useId();\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dropzone');\n let ariaLabelledby = isFilled ? `${headingId} ${messageId}` : headingId;\n\n return (\n <Provider values={[[HeadingContext, {id: headingId}]]}>\n <RACDropZone\n {...mergeProps(filterProps(otherProps))}\n {...(styleProps as Omit<React.HTMLAttributes<HTMLElement>, 'onDrop'>)}\n aria-labelledby={ariaLabelledby}\n className={classNames(styles, 'spectrum-Dropzone', styleProps.className, {\n 'spectrum-Dropzone--filled': isFilled\n })}\n ref={domRef}>\n <SlotProvider\n slots={{\n illustration: {\n UNSAFE_className: classNames(styles, 'spectrum-Dropzone-illustratedMessage')\n }\n }}>\n {children}\n </SlotProvider>\n <div className={classNames(styles, 'spectrum-Dropzone-backdrop')} />\n <div\n id={messageId}\n className={classNames(styles, 'spectrum-Dropzone-banner', styleProps.className)}>\n {replaceMessage ? replaceMessage : stringFormatter.format('replaceMessage')}\n </div>\n </RACDropZone>\n </Provider>\n );\n});\n"],"names":[],"version":3,"file":"DropZone.mjs.map"}