Merge branch 'main' of github.com:adobe/react-spectrum into color-area

Author: LFDanLu

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

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/react-spectrum",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -19,18 +19,18 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.3.2",
+    "@react-aria/i18n": "^3.3.3",
     "@react-aria/ssr": "^3.1.0",
     "@react-aria/visually-hidden": "^3.2.3",
-    "@react-spectrum/actiongroup": "^3.3.0",
-    "@react-spectrum/breadcrumbs": "^3.2.3",
+    "@react-spectrum/actiongroup": "^3.3.1",
+    "@react-spectrum/breadcrumbs": "^3.2.4",
     "@react-spectrum/button": "^3.6.0",
-    "@react-spectrum/buttongroup": "^3.2.2",
+    "@react-spectrum/buttongroup": "^3.2.3",
     "@react-spectrum/checkbox": "^3.2.4",
-    "@react-spectrum/combobox": "^3.1.1",
+    "@react-spectrum/combobox": "^3.2.0",
     "@react-spectrum/dialog": "^3.3.4",
     "@react-spectrum/divider": "^3.1.3",
-    "@react-spectrum/form": "^3.2.3",
+    "@react-spectrum/form": "^3.2.4",
     "@react-spectrum/icon": "^3.3.2",
     "@react-spectrum/illustratedmessage": "^3.1.4",
     "@react-spectrum/image": "^3.1.4",
@@ -39,28 +39,28 @@
     "@react-spectrum/listbox": "^3.5.3",
     "@react-spectrum/menu": "^3.5.1",
     "@react-spectrum/meter": "^3.1.3",
-    "@react-spectrum/numberfield": "^3.1.0",
+    "@react-spectrum/numberfield": "^3.1.1",
     "@react-spectrum/overlays": "^3.4.4",
-    "@react-spectrum/picker": "^3.4.1",
+    "@react-spectrum/picker": "^3.5.0",
     "@react-spectrum/progress": "^3.1.3",
     "@react-spectrum/provider": "^3.2.2",
-    "@react-spectrum/radio": "^3.1.4",
-    "@react-spectrum/searchfield": "^3.2.0",
+    "@react-spectrum/radio": "^3.1.5",
+    "@react-spectrum/searchfield": "^3.2.1",
     "@react-spectrum/slider": "^3.0.4",
     "@react-spectrum/statuslight": "^3.2.2",
     "@react-spectrum/switch": "^3.1.3",
-    "@react-spectrum/table": "^3.0.1",
-    "@react-spectrum/tabs": "^3.0.2",
+    "@react-spectrum/table": "^3.1.0",
+    "@react-spectrum/tabs": "^3.1.0",
     "@react-spectrum/text": "^3.1.3",
-    "@react-spectrum/textfield": "^3.2.0",
+    "@react-spectrum/textfield": "^3.3.0",
     "@react-spectrum/theme-dark": "^3.2.3",
     "@react-spectrum/theme-default": "^3.2.3",
     "@react-spectrum/theme-light": "^3.1.3",
     "@react-spectrum/tooltip": "^3.1.4",
     "@react-spectrum/view": "^3.1.3",
     "@react-spectrum/well": "^3.1.3",
     "@react-stately/collections": "^3.3.4",
-    "@react-stately/data": "^3.4.2"
+    "@react-stately/data": "^3.4.3"
   },
   "publishConfig": {
     "access": "public"

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

@@ -828,7 +828,7 @@ user-provided
     block-size: 100%;
     display: grid;
     grid-template-columns: minmax(0, auto) minmax(30px, 1fr) minmax(0, auto);
-    grid-template-rows: auto var(--spectrum-card-quiet-body-header-margin-top) minmax(var(--spectrum-actionbutton-height), auto) 1fr var(--spectrum-card-body-padding-bottom);
+    grid-template-rows: auto var(--spectrum-card-quiet-body-header-margin-top) minmax(var(--spectrum-actionbutton-height), auto) var(--spectrum-alias-single-line-height) 1fr;
     grid-template-areas:
       "preview preview preview"
       ".       .       ."
@@ -1241,3 +1241,20 @@ For now working around it with a useLayoutEffect in CardBase.
   }
 }
 /** END Standard Horizontal **/
+
+/* CardView styles */
+.spectrum-CardView {
+  outline: none;
+
+  .spectrum-CardView-centeredWrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+  .spectrum-CardView-row {
+    outline: none;
+    height: 100%
+  }
+}

packages/@adobe/spectrum-css-temp/components/icon/icons.css

@@ -28,3 +28,10 @@ governing permissions and limitations under the License.
   /* Don't catch clicks or hover, otherwise they may not escape the SVG */
   pointer-events: none;
 }
+@media (forced-colors: active) {
+  .spectrum-Icon,
+  .spectrum-UIIcon {
+    /* Automatically adjust the SVG to pick up the text color for High Contrast mode */
+    forced-color-adjust: auto;
+  }
+}

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

@@ -57,11 +57,6 @@ governing permissions and limitations under the License.
     flex: 1;
     box-sizing: border-box;
     min-inline-size: inherit;
-
-    &:hover,
-    &:focus {
-      position: relative; /* shows right border */
-    }
   }
 }
 

packages/@internationalized/date/package.json

@@ -8,7 +8,8 @@
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "sideEffects": false,
   "repository": {

packages/@internationalized/message/src/MessageFormatter.ts

@@ -39,7 +39,14 @@ export class MessageFormatter {
       message = new IntlMessageFormat(msg, this.locale);
       this.cache[key] = message;
     }
+    let varCopy: Record<string, PrimitiveType | T | FormatXMLElementFn<T, string | T | (string | T)[]>> | undefined;
+    if (variables) {
+      varCopy = Object.keys(variables).reduce((acc, key) => {
+        acc[key] = variables[key] == null ? false : variables[key];
+        return acc;
+      }, {});
+    }
 
-    return message.format(variables);
+    return message.format(varCopy);
   }
 }

packages/@react-aria/autocomplete/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/autocomplete",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,23 +18,23 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/combobox": "^3.1.0",
-    "@react-aria/i18n": "^3.3.2",
-    "@react-aria/listbox": "^3.3.1",
+    "@react-aria/combobox": "^3.2.0",
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/listbox": "^3.4.0",
     "@react-aria/live-announcer": "^3.0.1",
-    "@react-aria/menu": "^3.2.3",
-    "@react-aria/overlays": "^3.7.2",
-    "@react-aria/searchfield": "^3.2.0",
-    "@react-aria/selection": "^3.6.0",
-    "@react-aria/textfield": "^3.4.0",
-    "@react-aria/utils": "^3.9.0",
+    "@react-aria/menu": "^3.3.0",
+    "@react-aria/overlays": "^3.7.3",
+    "@react-aria/searchfield": "^3.2.1",
+    "@react-aria/selection": "^3.7.0",
+    "@react-aria/textfield": "^3.5.0",
+    "@react-aria/utils": "^3.10.0",
     "@react-stately/collections": "^3.3.4",
     "@react-stately/combobox": "^3.0.1",
     "@react-types/autocomplete": "3.0.0-alpha.0",
     "@react-types/button": "^3.4.1",
-    "@react-types/combobox": "^3.1.0",
+    "@react-types/combobox": "^3.2.0",
     "@react-types/searchfield": "^3.1.2",
-    "@react-types/shared": "^3.9.0"
+    "@react-types/shared": "^3.10.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"

packages/@react-aria/calendar/package.json

@@ -3,7 +3,6 @@
   "version": "3.0.0-alpha.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
-  "private": true,
   "main": "dist/main.js",
   "module": "dist/module.js",
   "types": "dist/types.d.ts",
@@ -20,14 +19,14 @@
   "dependencies": {
     "@babel/runtime": "^7.6.2",
     "@internationalized/date": "3.0.0-alpha.1",
-    "@react-aria/i18n": "^3.1.0",
-    "@react-aria/interactions": "^3.1.0",
+    "@react-aria/i18n": "^3.3.4",
+    "@react-aria/interactions": "^3.7.0",
     "@react-aria/live-announcer": "^3.0.0",
-    "@react-aria/utils": "^3.1.0",
+    "@react-aria/utils": "^3.10.0",
     "@react-stately/calendar": "3.0.0-alpha.1",
     "@react-types/button": "^3.1.0",
     "@react-types/calendar": "3.0.0-alpha.1",
-    "@react-types/shared": "^3.1.0",
+    "@react-types/shared": "^3.10.0",
     "date-fns": "^1.30.1"
   },
   "peerDependencies": {

packages/@react-aria/color/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -19,16 +19,16 @@
   "dependencies": {
     "@babel/runtime": "^7.6.2",
     "@internationalized/message": "^3.0.2",
-    "@react-aria/i18n": "^3.3.2",
-    "@react-aria/interactions": "^3.6.0",
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
     "@react-aria/slider": "^3.0.3",
     "@react-aria/spinbutton": "^3.0.1",
-    "@react-aria/textfield": "^3.4.0",
-    "@react-aria/utils": "^3.9.0",
+    "@react-aria/textfield": "^3.5.0",
+    "@react-aria/utils": "^3.10.0",
     "@react-aria/visually-hidden": "^3.2.3",
-    "@react-stately/color": "3.0.0-beta.4",
+    "@react-stately/color": "3.0.0-beta.5",
     "@react-types/color": "3.0.0-beta.3",
-    "@react-types/shared": "^3.9.0",
+    "@react-types/shared": "^3.10.0",
     "@react-types/slider": "^3.0.2"
   },
   "peerDependencies": {

packages/@react-aria/color/src/useColorField.ts

@@ -112,6 +112,7 @@ export function useColorField(
       'aria-valuenow': null,
       'aria-valuetext': null,
       autoCorrect: 'off',
+      spellCheck: 'false',
       onBlur: commit
     })
   };