Merge branch 'main' into node-22

package.json

@@ -235,7 +235,7 @@
     "recast": "0.23.6",
     "ast-types": "0.16.1",
     "svgo": "^3",
-    "@testing-library/user-event@npm:^14.4.0": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch"
+    "@testing-library/user-event": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch"
   },
   "@parcel/transformer-css": {
     "cssModules": {

packages/@adobe/react-spectrum/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/react-spectrum",
-  "version": "3.39.0",
+  "version": "3.40.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -38,66 +38,68 @@
   },
   "dependencies": {
     "@internationalized/string": "^3.2.5",
-    "@react-aria/i18n": "^3.12.5",
+    "@react-aria/collections": "3.0.0-beta.0",
+    "@react-aria/i18n": "^3.12.6",
     "@react-aria/ssr": "^3.9.7",
-    "@react-aria/utils": "^3.27.0",
-    "@react-aria/visually-hidden": "^3.8.19",
-    "@react-spectrum/accordion": "^3.0.2",
-    "@react-spectrum/actionbar": "^3.6.3",
-    "@react-spectrum/actiongroup": "^3.10.11",
-    "@react-spectrum/avatar": "^3.0.18",
-    "@react-spectrum/badge": "^3.1.19",
-    "@react-spectrum/breadcrumbs": "^3.9.13",
-    "@react-spectrum/button": "^3.16.10",
-    "@react-spectrum/buttongroup": "^3.6.18",
-    "@react-spectrum/calendar": "^3.6.0",
-    "@react-spectrum/checkbox": "^3.9.12",
-    "@react-spectrum/color": "^3.0.3",
-    "@react-spectrum/combobox": "^3.14.1",
-    "@react-spectrum/contextualhelp": "^3.6.17",
-    "@react-spectrum/datepicker": "^3.12.0",
-    "@react-spectrum/dialog": "^3.8.17",
-    "@react-spectrum/divider": "^3.5.19",
-    "@react-spectrum/dnd": "^3.5.1",
-    "@react-spectrum/dropzone": "^3.0.7",
-    "@react-spectrum/filetrigger": "^3.0.7",
-    "@react-spectrum/form": "^3.7.11",
-    "@react-spectrum/icon": "^3.8.1",
-    "@react-spectrum/illustratedmessage": "^3.5.6",
-    "@react-spectrum/image": "^3.5.7",
-    "@react-spectrum/inlinealert": "^3.2.11",
-    "@react-spectrum/labeledvalue": "^3.1.19",
-    "@react-spectrum/layout": "^3.6.11",
-    "@react-spectrum/link": "^3.6.13",
-    "@react-spectrum/list": "^3.9.1",
-    "@react-spectrum/listbox": "^3.14.1",
-    "@react-spectrum/menu": "^3.21.1",
-    "@react-spectrum/meter": "^3.5.6",
-    "@react-spectrum/numberfield": "^3.9.9",
-    "@react-spectrum/overlays": "^5.7.1",
-    "@react-spectrum/picker": "^3.15.5",
-    "@react-spectrum/progress": "^3.7.12",
-    "@react-spectrum/provider": "^3.10.1",
-    "@react-spectrum/radio": "^3.7.12",
-    "@react-spectrum/searchfield": "^3.8.12",
-    "@react-spectrum/slider": "^3.7.1",
-    "@react-spectrum/statuslight": "^3.5.18",
-    "@react-spectrum/switch": "^3.5.11",
-    "@react-spectrum/table": "^3.15.1",
-    "@react-spectrum/tabs": "^3.8.16",
-    "@react-spectrum/tag": "^3.2.12",
-    "@react-spectrum/text": "^3.5.11",
-    "@react-spectrum/textfield": "^3.12.8",
-    "@react-spectrum/theme-dark": "^3.5.15",
-    "@react-spectrum/theme-default": "^3.5.15",
-    "@react-spectrum/theme-light": "^3.4.15",
-    "@react-spectrum/tooltip": "^3.7.1",
-    "@react-spectrum/tree": "^3.0.0-beta.3",
-    "@react-spectrum/view": "^3.6.15",
-    "@react-spectrum/well": "^3.4.19",
-    "@react-stately/collections": "^3.12.1",
-    "@react-stately/data": "^3.12.1",
-    "@react-types/shared": "^3.27.0",
+    "@react-aria/utils": "^3.28.0",
+    "@react-aria/visually-hidden": "^3.8.20",
+    "@react-spectrum/accordion": "^3.0.3",
+    "@react-spectrum/actionbar": "^3.6.4",
+    "@react-spectrum/actiongroup": "^3.10.12",
+    "@react-spectrum/avatar": "^3.0.19",
+    "@react-spectrum/badge": "^3.1.20",
+    "@react-spectrum/breadcrumbs": "^3.9.14",
+    "@react-spectrum/button": "^3.16.11",
+    "@react-spectrum/buttongroup": "^3.6.19",
+    "@react-spectrum/calendar": "^3.6.1",
+    "@react-spectrum/checkbox": "^3.9.13",
+    "@react-spectrum/color": "^3.0.4",
+    "@react-spectrum/combobox": "^3.15.0",
+    "@react-spectrum/contextualhelp": "^3.6.18",
+    "@react-spectrum/datepicker": "^3.13.0",
+    "@react-spectrum/dialog": "^3.8.18",
+    "@react-spectrum/divider": "^3.5.20",
+    "@react-spectrum/dnd": "^3.5.2",
+    "@react-spectrum/dropzone": "^3.0.8",
+    "@react-spectrum/filetrigger": "^3.0.8",
+    "@react-spectrum/form": "^3.7.12",
+    "@react-spectrum/icon": "^3.8.2",
+    "@react-spectrum/illustratedmessage": "^3.5.7",
+    "@react-spectrum/image": "^3.5.8",
+    "@react-spectrum/inlinealert": "^3.2.12",
+    "@react-spectrum/labeledvalue": "^3.2.0",
+    "@react-spectrum/layout": "^3.6.12",
+    "@react-spectrum/link": "^3.6.14",
+    "@react-spectrum/list": "^3.9.2",
+    "@react-spectrum/listbox": "^3.14.2",
+    "@react-spectrum/menu": "^3.21.2",
+    "@react-spectrum/meter": "^3.5.7",
+    "@react-spectrum/numberfield": "^3.9.10",
+    "@react-spectrum/overlays": "^5.7.2",
+    "@react-spectrum/picker": "^3.15.6",
+    "@react-spectrum/progress": "^3.7.13",
+    "@react-spectrum/provider": "^3.10.2",
+    "@react-spectrum/radio": "^3.7.13",
+    "@react-spectrum/searchfield": "^3.8.13",
+    "@react-spectrum/slider": "^3.7.2",
+    "@react-spectrum/statuslight": "^3.5.19",
+    "@react-spectrum/switch": "^3.5.12",
+    "@react-spectrum/table": "^3.16.0",
+    "@react-spectrum/tabs": "^3.8.17",
+    "@react-spectrum/tag": "^3.2.13",
+    "@react-spectrum/text": "^3.5.12",
+    "@react-spectrum/textfield": "^3.13.0",
+    "@react-spectrum/theme-dark": "^3.5.16",
+    "@react-spectrum/theme-default": "^3.5.16",
+    "@react-spectrum/theme-light": "^3.4.16",
+    "@react-spectrum/toast": "^3.0.0",
+    "@react-spectrum/tooltip": "^3.7.2",
+    "@react-spectrum/tree": "^3.0.0",
+    "@react-spectrum/view": "^3.6.16",
+    "@react-spectrum/well": "^3.4.20",
+    "@react-stately/collections": "^3.12.2",
+    "@react-stately/data": "^3.12.2",
+    "@react-types/shared": "^3.28.0",
     "client-only": "^0.0.1"
   },
   "publishConfig": {

packages/@adobe/react-spectrum/src/index.ts

@@ -61,6 +61,7 @@ export {TextArea, TextField} from '@react-spectrum/textfield';
 export {theme as darkTheme} from '@react-spectrum/theme-dark';
 export {theme as defaultTheme} from '@react-spectrum/theme-default';
 export {theme as lightTheme} from '@react-spectrum/theme-light';
+export {ToastContainer, ToastQueue} from '@react-spectrum/toast';
 export {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';
 export {TreeView, TreeViewItem, TreeViewItemContent} from '@react-spectrum/tree';
 export {Content, Footer, Header, View} from '@react-spectrum/view';
@@ -71,6 +72,7 @@ export {VisuallyHidden} from '@react-aria/visually-hidden';
 export {useCollator, useDateFormatter, useFilter, useLocale, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter} from '@react-aria/i18n';
 export {SSRProvider} from '@react-aria/ssr';
 export {useDragAndDrop, DIRECTORY_DRAG_TYPE} from '@react-spectrum/dnd';
+export {Collection} from '@react-aria/collections';
 
 export type {SpectrumActionBarContainerProps, SpectrumActionBarProps} from '@react-spectrum/actionbar';
 export type {SpectrumActionGroupProps} from '@react-spectrum/actiongroup';
@@ -115,6 +117,7 @@ export type {SpectrumTableProps, SpectrumColumnProps, TableHeaderProps, TableBod
 export type {SpectrumTabListProps, SpectrumTabPanelsProps, SpectrumTabsProps} from '@react-spectrum/tabs';
 export type {SpectrumTagGroupProps} from '@react-spectrum/tag';
 export type {SpectrumTextFieldProps, SpectrumTextAreaProps} from '@react-spectrum/textfield';
+export type {SpectrumToastContainerProps, SpectrumToastOptions} from '@react-spectrum/toast';
 export type {SpectrumTooltipProps, SpectrumTooltipTriggerProps} from '@react-spectrum/tooltip';
 export type {SpectrumTreeViewProps, SpectrumTreeViewItemProps, SpectrumTreeViewItemContentProps} from '@react-spectrum/tree';
 export type {ContentProps, FooterProps, HeaderProps, ViewProps} from '@react-spectrum/view';

packages/@adobe/spectrum-css-temp/components/checkbox/index.css

@@ -67,6 +67,8 @@ governing permissions and limitations under the License.
   opacity: .0001;
   z-index: 1;
 
+  /* prevent double click event due to browser waiting to fire double tap */
+  touch-action: manipulation;
   cursor: default;
 
   &:disabled {

packages/@adobe/spectrum-css-temp/components/inputgroup/skin.css

@@ -20,6 +20,10 @@ governing permissions and limitations under the License.
     }
   }
 
+  .spectrum-InputGroup-input:focus {
+    border-color: var(--spectrum-textfield-border-color);
+  }
+
   &.is-focused {
     &:not(.spectrum-InputGroup--invalid):not(.is-disabled) {
       .spectrum-InputGroup-input {
@@ -48,7 +52,8 @@ governing permissions and limitations under the License.
 
   &.spectrum-InputGroup--invalid {
     .spectrum-FieldButton:before,
-    .spectrum-InputGroup-input {
+    .spectrum-InputGroup-input,
+    .spectrum-InputGroup-input:focus {
       border-color: var(--spectrum-textfield-border-color-error);
     }
 

packages/@adobe/spectrum-css-temp/components/toggle/index.css

@@ -56,6 +56,8 @@ governing permissions and limitations under the License.
   opacity: .0001;
   z-index: 1;
 
+  /* prevent double click event due to browser waiting to fire double tap */
+  touch-action: manipulation;
   cursor: default;
 
   &:checked + .spectrum-ToggleSwitch-switch {