Merge branch 'main' into s2-docs-improvements

Author: reidbarber

.circleci/config.yml

@@ -532,6 +532,15 @@ jobs:
           environment:
             VERDACCIO_STORAGE_PATH: /tmp/verdaccio-workspace/storage
 
+      - run:
+          name: build docs off verdaccio retry
+          command: |
+            ./scripts/verdaccio-ci.sh
+            ./scripts/verdaccio-build.sh
+          environment:
+            VERDACCIO_STORAGE_PATH: /tmp/verdaccio-workspace/storage
+          when: on_fail
+
       - persist_to_workspace:
           root: verdaccio_dist
           paths:

.storybook-s2/docs/Release Notes.mdx

@@ -4,6 +4,32 @@ export default MDXLayout;
 
 # Release Notes
 
+## v0.10.0
+
+### Font update
+
+This release introduces a new font for Spectrum 2: Adobe Clean Spectrum VF. This is an evolution of the previous Adobe Clean, with slightly updated metrics allowing for better vertical centering. Along with this update, the S2 Provider component now automatically handles loading the fonts needed for the user's language. The new font does not affect previous versions of React Spectrum.
+
+If you previously used `page.css` without a `Provider`, you'll need to add a `Provider` around your app to load the fonts. See the [updated docs](?path=/docs/intro--docs#setting-up-your-app) for details.
+
+### New Components
+
+* [Calendar](?path=/docs/calendar--docs)
+* [RangeCalendar](?path=/docs/rangecalendar--docs)
+* [DateField](?path=/docs/datefield--docs)
+* [DatePicker](?path=/docs/datepicker--docs)
+* [DateRangePicker](?path=/docs/daterangepicker--docs)
+* [TimeField](?path=/docs/timefield--docs)
+
+### Updates
+
+* [CardView](?path=/docs/cardview--docs): Fix ActionBar from not scrolling
+* [ActionButton](?path=/docs/actionbutton--docs): Fix avatar-only ActionButtons to have square dimensions
+* [Tabs](?path=/docs/tabs--docs): Improve selection indicator animation, fix collasped tabs
+* [ProgressCircle](?path=/docs/progresscircle--docs): Add track outline in High Contrast Mode
+* [Switch](?path=/docs/switch--docs): Fix the toggle in RTL locales
+* [TreeView](?path=/docs/treeview--docs): Support async loading
+
 ## v0.9.1
 
 ### Updates

Makefile

@@ -100,6 +100,7 @@ build:
 	done
 	node scripts/buildI18n.js
 	node scripts/generateIconDts.js
+	node scripts/fixUseClient.js
 
 website:
 	yarn build:docs --public-url /reactspectrum/$$(git rev-parse HEAD)/docs --dist-dir dist/$$(git rev-parse HEAD)/docs

package.json

@@ -187,7 +187,7 @@
     "postcss": "^8.4.24",
     "postcss-custom-properties": "^13.2.0",
     "postcss-import": "^15.1.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.6.2",
     "prop-types": "^15.6.0",
     "raf": "^3.4.0",
     "react": "^19.1.0",

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

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/react-spectrum",
-  "version": "3.42.2",
+  "version": "3.43.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -41,68 +41,68 @@
   },
   "dependencies": {
     "@internationalized/string": "^3.2.7",
-    "@react-aria/collections": "3.0.0-rc.3",
-    "@react-aria/i18n": "^3.12.10",
-    "@react-aria/ssr": "^3.9.9",
-    "@react-aria/utils": "^3.29.1",
-    "@react-aria/visually-hidden": "^3.8.25",
-    "@react-spectrum/accordion": "^3.0.8",
-    "@react-spectrum/actionbar": "^3.6.9",
-    "@react-spectrum/actiongroup": "^3.10.17",
-    "@react-spectrum/avatar": "^3.0.23",
-    "@react-spectrum/badge": "^3.1.25",
-    "@react-spectrum/breadcrumbs": "^3.9.19",
-    "@react-spectrum/button": "^3.16.16",
-    "@react-spectrum/buttongroup": "^3.6.23",
-    "@react-spectrum/calendar": "^3.7.3",
-    "@react-spectrum/checkbox": "^3.9.18",
-    "@react-spectrum/color": "^3.0.9",
-    "@react-spectrum/combobox": "^3.15.5",
-    "@react-spectrum/contextualhelp": "^3.6.23",
-    "@react-spectrum/datepicker": "^3.14.3",
-    "@react-spectrum/dialog": "^3.8.23",
-    "@react-spectrum/divider": "^3.5.24",
-    "@react-spectrum/dnd": "^3.5.7",
-    "@react-spectrum/dropzone": "^3.0.13",
-    "@react-spectrum/filetrigger": "^3.0.13",
-    "@react-spectrum/form": "^3.7.16",
-    "@react-spectrum/icon": "^3.8.6",
-    "@react-spectrum/illustratedmessage": "^3.5.11",
-    "@react-spectrum/image": "^3.5.12",
-    "@react-spectrum/inlinealert": "^3.2.17",
-    "@react-spectrum/labeledvalue": "^3.2.4",
-    "@react-spectrum/layout": "^3.6.16",
-    "@react-spectrum/link": "^3.6.19",
-    "@react-spectrum/list": "^3.10.3",
-    "@react-spectrum/listbox": "^3.15.3",
-    "@react-spectrum/menu": "^3.22.3",
-    "@react-spectrum/meter": "^3.5.11",
-    "@react-spectrum/numberfield": "^3.9.15",
-    "@react-spectrum/overlays": "^5.7.7",
-    "@react-spectrum/picker": "^3.15.11",
-    "@react-spectrum/progress": "^3.7.17",
-    "@react-spectrum/provider": "^3.10.7",
-    "@react-spectrum/radio": "^3.7.18",
-    "@react-spectrum/searchfield": "^3.8.18",
-    "@react-spectrum/slider": "^3.7.7",
-    "@react-spectrum/statuslight": "^3.5.23",
-    "@react-spectrum/switch": "^3.6.3",
-    "@react-spectrum/table": "^3.17.3",
-    "@react-spectrum/tabs": "^3.8.22",
-    "@react-spectrum/tag": "^3.3.2",
-    "@react-spectrum/text": "^3.5.17",
-    "@react-spectrum/textfield": "^3.13.5",
-    "@react-spectrum/theme-dark": "^3.5.19",
-    "@react-spectrum/theme-default": "^3.5.19",
-    "@react-spectrum/theme-light": "^3.4.19",
-    "@react-spectrum/toast": "^3.0.5",
-    "@react-spectrum/tooltip": "^3.7.7",
-    "@react-spectrum/tree": "^3.1.3",
-    "@react-spectrum/view": "^3.6.20",
-    "@react-spectrum/well": "^3.4.24",
-    "@react-stately/collections": "^3.12.5",
-    "@react-stately/data": "^3.13.1",
-    "@react-types/shared": "^3.30.0",
+    "@react-aria/collections": "3.0.0-rc.4",
+    "@react-aria/i18n": "^3.12.11",
+    "@react-aria/ssr": "^3.9.10",
+    "@react-aria/utils": "^3.30.0",
+    "@react-aria/visually-hidden": "^3.8.26",
+    "@react-spectrum/accordion": "^3.0.9",
+    "@react-spectrum/actionbar": "^3.6.10",
+    "@react-spectrum/actiongroup": "^3.11.0",
+    "@react-spectrum/avatar": "^3.0.24",
+    "@react-spectrum/badge": "^3.1.26",
+    "@react-spectrum/breadcrumbs": "^3.9.20",
+    "@react-spectrum/button": "^3.17.0",
+    "@react-spectrum/buttongroup": "^3.6.24",
+    "@react-spectrum/calendar": "^3.7.4",
+    "@react-spectrum/checkbox": "^3.10.0",
+    "@react-spectrum/color": "^3.1.0",
+    "@react-spectrum/combobox": "^3.16.0",
+    "@react-spectrum/contextualhelp": "^3.6.24",
+    "@react-spectrum/datepicker": "^3.14.4",
+    "@react-spectrum/dialog": "^3.9.0",
+    "@react-spectrum/divider": "^3.5.25",
+    "@react-spectrum/dnd": "^3.5.8",
+    "@react-spectrum/dropzone": "^3.0.14",
+    "@react-spectrum/filetrigger": "^3.0.14",
+    "@react-spectrum/form": "^3.7.17",
+    "@react-spectrum/icon": "^3.8.7",
+    "@react-spectrum/illustratedmessage": "^3.5.12",
+    "@react-spectrum/image": "^3.6.0",
+    "@react-spectrum/inlinealert": "^3.2.18",
+    "@react-spectrum/labeledvalue": "^3.2.5",
+    "@react-spectrum/layout": "^3.6.17",
+    "@react-spectrum/link": "^3.6.20",
+    "@react-spectrum/list": "^3.10.4",
+    "@react-spectrum/listbox": "^3.15.4",
+    "@react-spectrum/menu": "^3.22.4",
+    "@react-spectrum/meter": "^3.5.12",
+    "@react-spectrum/numberfield": "^3.10.0",
+    "@react-spectrum/overlays": "^5.8.0",
+    "@react-spectrum/picker": "^3.16.0",
+    "@react-spectrum/progress": "^3.7.18",
+    "@react-spectrum/provider": "^3.10.8",
+    "@react-spectrum/radio": "^3.7.19",
+    "@react-spectrum/searchfield": "^3.8.19",
+    "@react-spectrum/slider": "^3.8.0",
+    "@react-spectrum/statuslight": "^3.5.24",
+    "@react-spectrum/switch": "^3.6.4",
+    "@react-spectrum/table": "^3.17.4",
+    "@react-spectrum/tabs": "^3.8.23",
+    "@react-spectrum/tag": "^3.3.3",
+    "@react-spectrum/text": "^3.5.18",
+    "@react-spectrum/textfield": "^3.14.0",
+    "@react-spectrum/theme-dark": "^3.5.20",
+    "@react-spectrum/theme-default": "^3.5.20",
+    "@react-spectrum/theme-light": "^3.4.20",
+    "@react-spectrum/toast": "^3.1.0",
+    "@react-spectrum/tooltip": "^3.7.8",
+    "@react-spectrum/tree": "^3.1.4",
+    "@react-spectrum/view": "^3.6.21",
+    "@react-spectrum/well": "^3.4.25",
+    "@react-stately/collections": "^3.12.6",
+    "@react-stately/data": "^3.13.2",
+    "@react-types/shared": "^3.31.0",
     "client-only": "^0.0.1"
   },
   "publishConfig": {

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

@@ -246,12 +246,11 @@ governing permissions and limitations under the License.
   /*
     Allow tab labels to wrap when TabList component has minWidth set.
   */
-  &.spectrum-Tabs--verticalWrap:not(.spectrum-Tabs--compact) .spectrum-Tabs-item {
+  &:not(.spectrum-Tabs--compact) .spectrum-Tabs-item {
     display: flex;
     align-items: center;
     white-space: normal;
     line-height: normal;
-    word-break: break-word;
     block-size: auto;
     min-height: var(--spectrum-tabs-vertical-item-height);
   }
@@ -286,10 +285,10 @@ governing permissions and limitations under the License.
 .spectrum-TabsPanel-tabs {
   flex-grow: 1;
   flex-shrink: 0;
-  flex-basis: 0%;
 
   &.spectrum-Tabs--vertical {
     flex-grow: 0;
+    min-width: min-content;
   }
 }
 

packages/@internationalized/number/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internationalized/number",
-  "version": "3.6.3",
+  "version": "3.6.4",
   "description": "Internationalized number formatting and parsing utilities",
   "license": "Apache-2.0",
   "main": "dist/main.js",

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

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/actiongroup",
-  "version": "3.7.18",
+  "version": "3.7.19",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -26,13 +26,13 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.20.5",
-    "@react-aria/i18n": "^3.12.10",
-    "@react-aria/interactions": "^3.25.3",
-    "@react-aria/utils": "^3.29.1",
-    "@react-stately/list": "^3.12.3",
-    "@react-types/actiongroup": "^3.4.18",
-    "@react-types/shared": "^3.30.0",
+    "@react-aria/focus": "^3.21.0",
+    "@react-aria/i18n": "^3.12.11",
+    "@react-aria/interactions": "^3.25.4",
+    "@react-aria/utils": "^3.30.0",
+    "@react-stately/list": "^3.12.4",
+    "@react-types/actiongroup": "^3.4.19",
+    "@react-types/shared": "^3.31.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {

packages/@react-aria/aria-modal-polyfill/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/aria-modal-polyfill",
-  "version": "3.7.14",
+  "version": "3.7.15",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",

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

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/autocomplete",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.6",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -26,19 +26,19 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/combobox": "^3.12.5",
-    "@react-aria/focus": "^3.20.5",
-    "@react-aria/i18n": "^3.12.10",
-    "@react-aria/interactions": "^3.25.3",
-    "@react-aria/listbox": "^3.14.6",
-    "@react-aria/searchfield": "^3.8.6",
-    "@react-aria/textfield": "^3.17.5",
-    "@react-aria/utils": "^3.29.1",
-    "@react-stately/autocomplete": "3.0.0-beta.2",
-    "@react-stately/combobox": "^3.10.6",
-    "@react-types/autocomplete": "3.0.0-alpha.32",
-    "@react-types/button": "^3.12.2",
-    "@react-types/shared": "^3.30.0",
+    "@react-aria/combobox": "^3.13.0",
+    "@react-aria/focus": "^3.21.0",
+    "@react-aria/i18n": "^3.12.11",
+    "@react-aria/interactions": "^3.25.4",
+    "@react-aria/listbox": "^3.14.7",
+    "@react-aria/searchfield": "^3.8.7",
+    "@react-aria/textfield": "^3.18.0",
+    "@react-aria/utils": "^3.30.0",
+    "@react-stately/autocomplete": "3.0.0-beta.3",
+    "@react-stately/combobox": "^3.11.0",
+    "@react-types/autocomplete": "3.0.0-alpha.33",
+    "@react-types/button": "^3.13.0",
+    "@react-types/shared": "^3.31.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {