From 1c84a49a1faf50b571c84e00bcf9c60b22ddd03e Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Wed, 17 Jun 2026 17:38:40 -0700 Subject: [PATCH 1/2] Publish --- packages/@adobe/react-spectrum/package.json | 10 +- packages/@react-spectrum/ai/package.json | 2 +- .../@react-spectrum/filetrigger/package.json | 4 +- packages/@react-spectrum/s2/package.json | 10 +- .../s2/style/__tests__/style-macro.test.js | 142 +++++++++--------- .../@react-spectrum/test-utils/package.json | 2 +- packages/@react-types/shared/package.json | 2 +- packages/dev/codemods/package.json | 4 +- .../dev/optimize-locales-plugin/package.json | 2 +- .../package.json | 2 +- packages/dev/test-utils/package.json | 2 +- packages/react-aria-components/package.json | 8 +- packages/react-aria/package.json | 6 +- packages/react-stately/package.json | 4 +- .../package.json | 2 +- yarn.lock | 46 +++--- 16 files changed, 124 insertions(+), 124 deletions(-) diff --git a/packages/@adobe/react-spectrum/package.json b/packages/@adobe/react-spectrum/package.json index b91362ddebd..66807b32bdc 100644 --- a/packages/@adobe/react-spectrum/package.json +++ b/packages/@adobe/react-spectrum/package.json @@ -1,6 +1,6 @@ { "name": "@adobe/react-spectrum", - "version": "3.47.1", + "version": "3.47.2", "description": "Spectrum UI components in React", "license": "Apache-2.0", "main": "./dist/exports/index.cjs", @@ -53,15 +53,15 @@ }, "dependencies": { "@internationalized/date": "^3.12.2", - "@react-types/shared": "^3.35.0", + "@react-types/shared": "^3.36.0", "@spectrum-icons/ui": "^3.7.1", "@spectrum-icons/workflow": "^4.3.1", "@swc/helpers": "^0.5.0", "client-only": "^0.0.1", "clsx": "^2.0.0", - "react-aria": "3.49.0", - "react-aria-components": "1.18.0", - "react-stately": "3.47.0", + "react-aria": "3.50.0", + "react-aria-components": "1.19.0", + "react-stately": "3.48.0", "react-transition-group": "^4.4.5", "use-sync-external-store": "^1.6.0" }, diff --git a/packages/@react-spectrum/ai/package.json b/packages/@react-spectrum/ai/package.json index e098af9680e..43fed04acee 100644 --- a/packages/@react-spectrum/ai/package.json +++ b/packages/@react-spectrum/ai/package.json @@ -1,6 +1,6 @@ { "name": "@react-spectrum/ai", - "version": "1.0.0-alpha.1", + "version": "0.1.0", "description": "Spectrum 2 UI AI components in React", "license": "Apache-2.0", "repository": { diff --git a/packages/@react-spectrum/filetrigger/package.json b/packages/@react-spectrum/filetrigger/package.json index 617323a5cdf..665b2155c15 100644 --- a/packages/@react-spectrum/filetrigger/package.json +++ b/packages/@react-spectrum/filetrigger/package.json @@ -1,6 +1,6 @@ { "name": "@react-spectrum/filetrigger", - "version": "3.1.1", + "version": "3.1.2", "description": "Spectrum UI components in React", "license": "Apache-2.0", "repository": { @@ -32,7 +32,7 @@ }, "dependencies": { "@swc/helpers": "^0.5.0", - "react-aria-components": "^1.18.0" + "react-aria-components": "1.19.0" }, "devDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json index 40eaa8fbab1..9f8feec2d49 100644 --- a/packages/@react-spectrum/s2/package.json +++ b/packages/@react-spectrum/s2/package.json @@ -1,6 +1,6 @@ { "name": "@react-spectrum/s2", - "version": "1.4.0", + "version": "1.5.0", "description": "Spectrum 2 UI components in React", "license": "Apache-2.0", "repository": { @@ -88,10 +88,10 @@ "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@parcel/macros": "^2.16.3", - "@react-types/shared": "^3.35.0", - "react-aria": "3.49.0", - "react-aria-components": "1.18.0", - "react-stately": "3.47.0" + "@react-types/shared": "^3.36.0", + "react-aria": "3.50.0", + "react-aria-components": "1.19.0", + "react-stately": "3.48.0" }, "devDependencies": { "@adobe/spectrum-tokens": "14.0.0", diff --git a/packages/@react-spectrum/s2/style/__tests__/style-macro.test.js b/packages/@react-spectrum/s2/style/__tests__/style-macro.test.js index 32e8b032f60..033578409df 100644 --- a/packages/@react-spectrum/s2/style/__tests__/style-macro.test.js +++ b/packages/@react-spectrum/s2/style/__tests__/style-macro.test.js @@ -40,26 +40,26 @@ describe('style-macro', () => { "@layer _.a, _.b, _.c; @layer _.b { - .Jbs14:first-child { + .Jbs15:first-child { margin-top: 0.25rem; } } @layer _.c.p { @media (min-width: 64rem) { - .Jbpv14:first-child { + .Jbpv15:first-child { margin-top: 0.5rem; } } } -.-macro-static-I08ui { - --macro-data-I08ui: {"style":{"marginTop":{":first-child":{"default":4,"lg":8}}},"loc":"undefined:undefined:undefined"}; +.-macro-static-wxfyDb { + --macro-data-wxfyDb: {"style":{"marginTop":{":first-child":{"default":4,"lg":8}}},"loc":"undefined:undefined:undefined"}; } " `); - expect(js).toMatchInlineSnapshot(`" Jbs14 Jbpv14 -macro-static-I08ui"`); + expect(js).toMatchInlineSnapshot(`" Jbs15 Jbpv15 -macro-static-wxfyDb"`); }); it('should support self references', () => { @@ -73,60 +73,60 @@ describe('style-macro', () => { "@layer _.a; @layer _.a { - ._kc14 { + ._kc15 { border-top-width: 2px; } - .hc14 { + .hc15 { border-bottom-width: 2px; } - .mCPFGYc14 { + .mCPFGYc15 { border-inline-start-width: var(--m); } - .lc14 { + .lc15 { border-inline-end-width: 2px; } - .SMBFGYc14 { + .SMBFGYc15 { padding-inline-start: var(--S); } - .Rv14 { + .Rv15 { padding-inline-end: calc(var(--F, var(--M)) * 3 / 8); } - .ZjUQgKd14 { + .ZjUQgKd15 { width: calc(200px - var(--m) - var(--S)); } - .-m_-mc14 { + .-m_-mc15 { --m: 2px; } - .-S_-Sv14 { + .-S_-Sv15 { --S: calc(var(--F, var(--M)) * 3 / 8); } } -.-macro-static-e1GIg { - --macro-data-e1GIg: {"style":{"borderWidth":2,"paddingX":"edge-to-text","width":"calc(200px - self(borderStartWidth) - self(paddingStart))"},"loc":"undefined:undefined:undefined"}; +.-macro-static-vBpT2 { + --macro-data-vBpT2: {"style":{"borderWidth":2,"paddingX":"edge-to-text","width":"calc(200px - self(borderStartWidth) - self(paddingStart))"},"loc":"undefined:undefined:undefined"}; } " `); expect(js).toMatchInlineSnapshot( - `" _kc14 hc14 mCPFGYc14 lc14 SMBFGYc14 Rv14 ZjUQgKd14 -m_-mc14 -S_-Sv14 -macro-static-e1GIg"` + `" _kc15 hc15 mCPFGYc15 lc15 SMBFGYc15 Rv15 ZjUQgKd15 -m_-mc15 -S_-Sv15 -macro-static-vBpT2"` ); }); @@ -144,9 +144,9 @@ describe('style-macro', () => { color: 'green-400' }); - expect(js()).toMatchInlineSnapshot(`" gw14 pg14 -macro-dynamic-1hksi7i"`); - expect(overrides).toMatchInlineSnapshot(`" g8tmWqb14 pHJ3AUd14 -macro-static-QgnkJd"`); - expect(js({}, overrides)).toMatchInlineSnapshot(`" g8tmWqb14 pg14 -macro-dynamic-7jtiyi"`); + expect(js()).toMatchInlineSnapshot(`" gw15 pg15 -macro-dynamic-16fgbv4"`); + expect(overrides).toMatchInlineSnapshot(`" g8tmWqb15 pHJ3AUd15 -macro-static-4cOIRb"`); + expect(js({}, overrides)).toMatchInlineSnapshot(`" g8tmWqb15 pg15 -macro-dynamic-1vflel8"`); }); it('should support allowed overrides for properties that expand into multiple', () => { @@ -161,10 +161,10 @@ describe('style-macro', () => { translateX: 40 }); - expect(js()).toMatchInlineSnapshot(`" -_7PloMd-B14 __Ya14 -macro-dynamic-1hkkiwv"`); - expect(overrides).toMatchInlineSnapshot(`" -_7PloMd-D14 __Ya14 -macro-static-F3q0Dd"`); + expect(js()).toMatchInlineSnapshot(`" -_7PloMd-B15 __Ya15 -macro-dynamic-2u33z5"`); + expect(overrides).toMatchInlineSnapshot(`" -_7PloMd-D15 __Ya15 -macro-static-poioi"`); expect(js({}, overrides)).toMatchInlineSnapshot( - `" -_7PloMd-D14 __Ya14 -macro-dynamic-j53z9d"` + `" -_7PloMd-D15 __Ya15 -macro-dynamic-13fqmar"` ); }); @@ -180,10 +180,10 @@ describe('style-macro', () => { padding: 40 }); - expect(js()).toMatchInlineSnapshot(`" Tk14 Qk14 Sk14 Rk14 -macro-dynamic-10enpkp"`); - expect(overrides).toMatchInlineSnapshot(`" Tm14 Qm14 Sm14 Rm14 -macro-static-rawlJc"`); + expect(js()).toMatchInlineSnapshot(`" Tk15 Qk15 Sk15 Rk15 -macro-dynamic-2rom7x"`); + expect(overrides).toMatchInlineSnapshot(`" Tm15 Qm15 Sm15 Rm15 -macro-static-FXaHv"`); expect(js({}, overrides)).toMatchInlineSnapshot( - `" Tm14 Qm14 Sm14 Rm14 -macro-dynamic-5anb29"` + `" Tm15 Qm15 Sm15 Rm15 -macro-dynamic-16os9ol"` ); }); @@ -199,9 +199,9 @@ describe('style-macro', () => { fontSize: 'ui-xs' }); - expect(js()).toMatchInlineSnapshot(`" -_6BNtrc-woabcc14 vx14 -macro-dynamic-bw4d5q"`); - expect(overrides).toMatchInlineSnapshot(`" -_6BNtrc-a14 vx14 -macro-static-cD4zjb"`); - expect(js({}, overrides)).toMatchInlineSnapshot(`" -_6BNtrc-a14 vx14 -macro-dynamic-1yik7yo"`); + expect(js()).toMatchInlineSnapshot(`" -_6BNtrc-woabcc15 vx15 -macro-dynamic-qs6tc"`); + expect(overrides).toMatchInlineSnapshot(`" -_6BNtrc-a15 vx15 -macro-static-yXDXz"`); + expect(js({}, overrides)).toMatchInlineSnapshot(`" -_6BNtrc-a15 vx15 -macro-dynamic-1nd81ma"`); }); it("should support allowed overrides for values that aren't defined", () => { @@ -216,9 +216,9 @@ describe('style-macro', () => { minWidth: 32 }); - expect(js()).toMatchInlineSnapshot(`" gE14 -macro-dynamic-1tvo6tc"`); - expect(overrides).toMatchInlineSnapshot(`" Nk14 -macro-static-1ozQQc"`); - expect(js({}, overrides)).toMatchInlineSnapshot(`" Nk14 gE14 -macro-dynamic-1fyk7lq"`); + expect(js()).toMatchInlineSnapshot(`" gE15 -macro-dynamic-11gtfdt"`); + expect(overrides).toMatchInlineSnapshot(`" Nk15 -macro-static-Io0zY"`); + expect(js({}, overrides)).toMatchInlineSnapshot(`" Nk15 gE15 -macro-dynamic-14t819c"`); }); it('should support runtime conditions', () => { @@ -239,32 +239,32 @@ describe('style-macro', () => { "@layer _.a; @layer _.a { - .gH14 { + .gH15 { background-color: light-dark(rgb(233, 233, 233), rgb(44, 44, 44)); } - .gF14 { + .gF15 { background-color: light-dark(rgb(225, 225, 225), rgb(50, 50, 50)); } - .gE14 { + .gE15 { background-color: light-dark(rgb(218, 218, 218), rgb(57, 57, 57)); } - .pt14 { + .pt15 { color: light-dark(rgb(41, 41, 41), rgb(219, 219, 219)); } - .po14 { + .po15 { color: light-dark(rgb(19, 19, 19), rgb(242, 242, 242)); } - .pm14 { + .pm15 { color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); } } @@ -272,9 +272,9 @@ describe('style-macro', () => { " `); - expect(js({})).toMatchInlineSnapshot(`" gH14 pt14 -macro-dynamic-1bsdq7g"`); - expect(js({isHovered: true})).toMatchInlineSnapshot(`" gF14 po14 -macro-dynamic-mtyglh"`); - expect(js({isPressed: true})).toMatchInlineSnapshot(`" gE14 pm14 -macro-dynamic-1nxkx1e"`); + expect(js({})).toMatchInlineSnapshot(`" gH15 pt15 -macro-dynamic-10n1jv2"`); + expect(js({isHovered: true})).toMatchInlineSnapshot(`" gF15 po15 -macro-dynamic-boma93"`); + expect(js({isPressed: true})).toMatchInlineSnapshot(`" gE15 pm15 -macro-dynamic-1cs8qp0"`); }); it('should support nested runtime conditions', () => { @@ -293,33 +293,33 @@ describe('style-macro', () => { "@layer _.a; @layer _.a { - .gH14 { + .gH15 { background-color: light-dark(rgb(233, 233, 233), rgb(44, 44, 44)); } - .gF14 { + .gF15 { background-color: light-dark(rgb(225, 225, 225), rgb(50, 50, 50)); } - .g_h14 { + .g_h15 { background-color: light-dark(rgb(75, 117, 255), rgb(64, 105, 253)); } - .g314 { + .g315 { background-color: light-dark(rgb(59, 99, 251), rgb(86, 129, 255)); } } " `); - expect(js({})).toMatchInlineSnapshot(`" gH14 -macro-dynamic-874gf7"`); - expect(js({isHovered: true})).toMatchInlineSnapshot(`" gF14 -macro-dynamic-mz49cx"`); - expect(js({isSelected: true})).toMatchInlineSnapshot(`" g_h14 -macro-dynamic-15g8h7m"`); + expect(js({})).toMatchInlineSnapshot(`" gH15 -macro-dynamic-1etdqys"`); + expect(js({isHovered: true})).toMatchInlineSnapshot(`" gF15 -macro-dynamic-1tldjwi"`); + expect(js({isSelected: true})).toMatchInlineSnapshot(`" g_h15 -macro-dynamic-d1dps3"`); expect(js({isSelected: true, isHovered: true})).toMatchInlineSnapshot( - `" g314 -macro-dynamic-1ktebam"` + `" g315 -macro-dynamic-sejjv3"` ); }); @@ -334,9 +334,9 @@ describe('style-macro', () => { } }); - expect(js({variant: 'accent'})).toMatchInlineSnapshot(`" gY14 -macro-dynamic-1o5y9ec"`); - expect(js({variant: 'primary'})).toMatchInlineSnapshot(`" gjQquMe14 -macro-dynamic-1nrp3ym"`); - expect(js({variant: 'secondary'})).toMatchInlineSnapshot(`" gw14 -macro-dynamic-1fldd9u"`); + expect(js({variant: 'accent'})).toMatchInlineSnapshot(`" gY15 -macro-dynamic-vr3hyt"`); + expect(js({variant: 'primary'})).toMatchInlineSnapshot(`" gjQquMe15 -macro-dynamic-vcucj3"`); + expect(js({variant: 'secondary'})).toMatchInlineSnapshot(`" gw15 -macro-dynamic-n6ilub"`); }); it('supports runtime conditions nested inside css conditions', () => { @@ -354,14 +354,14 @@ describe('style-macro', () => { @layer _.b.l { @media (forced-colors: active) { - .plb14 { + .plb15 { color: ButtonText; } } @media (forced-colors: active) { - .ple14 { + .ple15 { color: HighlightText; } } @@ -370,8 +370,8 @@ describe('style-macro', () => { " `); - expect(js({})).toMatchInlineSnapshot(`" plb14 -macro-dynamic-42tseq"`); - expect(js({isSelected: true})).toMatchInlineSnapshot(`" ple14 -macro-dynamic-hfe3zp"`); + expect(js({})).toMatchInlineSnapshot(`" plb15 -macro-dynamic-1ap32yb"`); + expect(js({isSelected: true})).toMatchInlineSnapshot(`" ple15 -macro-dynamic-1o1neja"`); }); it('inherits parent default when nested branch has no default key', () => { @@ -387,9 +387,9 @@ describe('style-macro', () => { }); // forcedColors.default should apply when variant=highlight but !isSelected expect(css).toContain('ButtonText'); - expect(js({variant: 'highlight'})).toMatchInlineSnapshot(`" plb14 -macro-dynamic-42tseq"`); + expect(js({variant: 'highlight'})).toMatchInlineSnapshot(`" plb15 -macro-dynamic-1ap32yb"`); expect(js({variant: 'highlight', isSelected: true})).toMatchInlineSnapshot( - `" ple14 -macro-dynamic-hfe3zp"` + `" ple15 -macro-dynamic-1o1neja"` ); }); @@ -398,33 +398,33 @@ describe('style-macro', () => { padding: 24 }); - expect(js).toMatchInlineSnapshot(`" Th14 Qh14 Sh14 Rh14 -macro-static-xbQCP"`); + expect(js).toMatchInlineSnapshot(`" Th15 Qh15 Sh15 Rh15 -macro-static-PaKDid"`); expect(css).toMatchInlineSnapshot(` "@layer _.a; @layer _.a { - .Th14 { + .Th15 { padding-top: 24px; } - .Qh14 { + .Qh15 { padding-bottom: 24px; } - .Sh14 { + .Sh15 { padding-inline-start: 24px; } - .Rh14 { + .Rh15 { padding-inline-end: 24px; } } -.-macro-static-xbQCP { - --macro-data-xbQCP: {"style":{"padding":24},"loc":"undefined:undefined:undefined"}; +.-macro-static-PaKDid { + --macro-data-PaKDid: {"style":{"padding":24},"loc":"undefined:undefined:undefined"}; } " @@ -440,13 +440,13 @@ describe('style-macro', () => { "@layer _.a; @layer _.a { - .gpQzfVb14 { + .gpQzfVb15 { background-color: rgb(from light-dark(rgb(39, 77, 234), rgb(105, 149, 254)) r g b / 50%); } } -.-macro-static-mwnohc { - --macro-data-mwnohc: {"style":{"backgroundColor":"blue-1000/50"},"loc":"undefined:undefined:undefined"}; +.-macro-static-3vO7o { + --macro-data-3vO7o: {"style":{"backgroundColor":"blue-1000/50"},"loc":"undefined:undefined:undefined"}; } " @@ -465,13 +465,13 @@ describe('style-macro', () => { "@layer _.a; @layer _.a { - .-FUeYm-gE14 { + .-FUeYm-gE15 { --foo: light-dark(rgb(218, 218, 218), rgb(57, 57, 57)); } } -.-macro-static-OWe9Jb { - --macro-data-OWe9Jb: {"style":{"--foo":{"type":"backgroundColor","value":"gray-300"}},"loc":"undefined:undefined:undefined"}; +.-macro-static-z8Uxye { + --macro-data-z8Uxye: {"style":{"--foo":{"type":"backgroundColor","value":"gray-300"}},"loc":"undefined:undefined:undefined"}; } " diff --git a/packages/@react-spectrum/test-utils/package.json b/packages/@react-spectrum/test-utils/package.json index 1cd416a4e89..f23c3c19161 100644 --- a/packages/@react-spectrum/test-utils/package.json +++ b/packages/@react-spectrum/test-utils/package.json @@ -1,6 +1,6 @@ { "name": "@react-spectrum/test-utils", - "version": "1.0.0-rc.0", + "version": "1.0.0-rc.1", "description": "Spectrum UI components in React", "license": "Apache-2.0", "repository": { diff --git a/packages/@react-types/shared/package.json b/packages/@react-types/shared/package.json index 2f97510c614..629a5ba9edd 100644 --- a/packages/@react-types/shared/package.json +++ b/packages/@react-types/shared/package.json @@ -1,6 +1,6 @@ { "name": "@react-types/shared", - "version": "3.35.0", + "version": "3.36.0", "description": "Spectrum UI components in React", "license": "Apache-2.0", "repository": { diff --git a/packages/dev/codemods/package.json b/packages/dev/codemods/package.json index 677a84ec5b6..684650ac1c8 100644 --- a/packages/dev/codemods/package.json +++ b/packages/dev/codemods/package.json @@ -1,6 +1,6 @@ { "name": "@react-spectrum/codemods", - "version": "1.2.3", + "version": "1.2.4", "license": "Apache-2.0", "repository": { "type": "git", @@ -25,7 +25,7 @@ "@babel/parser": "^7.24.5", "@babel/traverse": "^7.24.5", "@babel/types": "^7.24.5", - "@react-spectrum/s2": "1.4.0", + "@react-spectrum/s2": "1.5.0", "@react-types/shared": "^3.34.0", "@types/node": "^24", "boxen": "^5.1.2", diff --git a/packages/dev/optimize-locales-plugin/package.json b/packages/dev/optimize-locales-plugin/package.json index 24ac6b7bfaf..2faf1d32277 100644 --- a/packages/dev/optimize-locales-plugin/package.json +++ b/packages/dev/optimize-locales-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@react-aria/optimize-locales-plugin", - "version": "1.2.1", + "version": "2.0.0", "main": "LocalesPlugin.js", "types": "LocalesPlugin.d.ts", "publishConfig": { diff --git a/packages/dev/parcel-resolver-optimize-locales/package.json b/packages/dev/parcel-resolver-optimize-locales/package.json index a4b63c14a28..362e2c3e397 100644 --- a/packages/dev/parcel-resolver-optimize-locales/package.json +++ b/packages/dev/parcel-resolver-optimize-locales/package.json @@ -1,6 +1,6 @@ { "name": "@react-aria/parcel-resolver-optimize-locales", - "version": "1.3.1", + "version": "1.4.0", "main": "LocalesResolver.js", "publishConfig": { "access": "public" diff --git a/packages/dev/test-utils/package.json b/packages/dev/test-utils/package.json index 69eb073f295..f7874cef398 100644 --- a/packages/dev/test-utils/package.json +++ b/packages/dev/test-utils/package.json @@ -24,7 +24,7 @@ }, "dependencies": { "@react-aria/ssr": "^3.0.0", - "@react-spectrum/test-utils": "1.0.0-rc.0", + "@react-spectrum/test-utils": "1.0.0-rc.1", "@react-spectrum/theme-default": "^3.5.13", "@swc/helpers": "^0.5.0", "@testing-library/dom": "^10.1.0", diff --git a/packages/react-aria-components/package.json b/packages/react-aria-components/package.json index 3f6ae97f413..5b29a072db1 100644 --- a/packages/react-aria-components/package.json +++ b/packages/react-aria-components/package.json @@ -1,6 +1,6 @@ { "name": "react-aria-components", - "version": "1.18.0", + "version": "1.19.0", "description": "A library of styleable components built using React Aria", "license": "Apache-2.0", "main": "./dist/exports/index.cjs", @@ -52,11 +52,11 @@ }, "dependencies": { "@internationalized/date": "^3.12.2", - "@react-types/shared": "^3.35.0", + "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "client-only": "^0.0.1", - "react-aria": "3.49.0", - "react-stately": "3.47.0" + "react-aria": "3.50.0", + "react-stately": "3.48.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", diff --git a/packages/react-aria/package.json b/packages/react-aria/package.json index 3927ffdaff7..d9cbab9b385 100644 --- a/packages/react-aria/package.json +++ b/packages/react-aria/package.json @@ -1,6 +1,6 @@ { "name": "react-aria", - "version": "3.49.0", + "version": "3.50.0", "description": "Spectrum UI components in React", "license": "Apache-2.0", "main": "./dist/exports/index.cjs", @@ -50,11 +50,11 @@ "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@internationalized/string": "^3.2.9", - "@react-types/shared": "^3.35.0", + "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "aria-hidden": "^1.2.3", "clsx": "^2.0.0", - "react-stately": "3.47.0", + "react-stately": "3.48.0", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { diff --git a/packages/react-stately/package.json b/packages/react-stately/package.json index aa7f0781356..191738d9cee 100644 --- a/packages/react-stately/package.json +++ b/packages/react-stately/package.json @@ -1,6 +1,6 @@ { "name": "react-stately", - "version": "3.47.0", + "version": "3.48.0", "description": "Spectrum UI components in React", "license": "Apache-2.0", "main": "./dist/exports/index.cjs", @@ -40,7 +40,7 @@ "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@internationalized/string": "^3.2.9", - "@react-types/shared": "^3.35.0", + "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "use-sync-external-store": "^1.6.0" }, diff --git a/packages/tailwindcss-react-aria-components/package.json b/packages/tailwindcss-react-aria-components/package.json index 6144cfd453c..1bf647428a1 100644 --- a/packages/tailwindcss-react-aria-components/package.json +++ b/packages/tailwindcss-react-aria-components/package.json @@ -1,6 +1,6 @@ { "name": "tailwindcss-react-aria-components", - "version": "2.1.1", + "version": "2.2.0", "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components", "license": "Apache-2.0", "repository": { diff --git a/yarn.lock b/yarn.lock index 842be08097d..1289dc63611 100644 --- a/yarn.lock +++ b/yarn.lock @@ -97,17 +97,17 @@ __metadata: "@babel/core": "npm:^7.24.3" "@internationalized/date": "npm:^3.12.2" "@react-spectrum/style-macro-s1": "npm:3.0.0-alpha.6" - "@react-types/shared": "npm:^3.35.0" + "@react-types/shared": "npm:^3.36.0" "@spectrum-icons/ui": "npm:^3.7.1" "@spectrum-icons/workflow": "npm:^4.3.1" "@swc/helpers": "npm:^0.5.0" client-only: "npm:^0.0.1" clsx: "npm:^2.0.0" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-aria: "npm:3.49.0" - react-aria-components: "npm:1.18.0" + react-aria: "npm:3.50.0" + react-aria-components: "npm:1.19.0" react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-stately: "npm:3.47.0" + react-stately: "npm:3.48.0" react-transition-group: "npm:^4.4.5" use-sync-external-store: "npm:^1.6.0" peerDependencies: @@ -7530,7 +7530,7 @@ __metadata: "@babel/parser": "npm:^7.24.5" "@babel/traverse": "npm:^7.24.5" "@babel/types": "npm:^7.24.5" - "@react-spectrum/s2": "npm:1.4.0" + "@react-spectrum/s2": "npm:1.5.0" "@react-types/shared": "npm:^3.34.0" "@types/jscodeshift": "npm:^0.11.11" "@types/node": "npm:^24" @@ -7716,7 +7716,7 @@ __metadata: dependencies: "@swc/helpers": "npm:^0.5.0" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-aria-components: "npm:^1.18.0" + react-aria-components: "npm:1.19.0" react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 @@ -8107,7 +8107,7 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/s2@npm:1.4.0, @react-spectrum/s2@npm:^1.0.0, @react-spectrum/s2@workspace:packages/@react-spectrum/s2": +"@react-spectrum/s2@npm:1.5.0, @react-spectrum/s2@npm:^1.0.0, @react-spectrum/s2@workspace:packages/@react-spectrum/s2": version: 0.0.0-use.local resolution: "@react-spectrum/s2@workspace:packages/@react-spectrum/s2" dependencies: @@ -8116,16 +8116,16 @@ __metadata: "@internationalized/number": "npm:^3.6.7" "@parcel/macros": "npm:^2.16.3" "@react-aria/test-utils": "npm:^1.0.0-alpha.8" - "@react-types/shared": "npm:^3.35.0" + "@react-types/shared": "npm:^3.36.0" "@storybook/jest": "npm:^0.2.3" "@testing-library/dom": "npm:^10.1.0" "@testing-library/react": "npm:^16.0.0" "@testing-library/user-event": "npm:^14.0.0" react: "npm:^19.0.0-rc.1" - react-aria: "npm:3.49.0" - react-aria-components: "npm:1.18.0" + react-aria: "npm:3.50.0" + react-aria-components: "npm:1.19.0" react-dom: "npm:^19.0.0-rc.1" - react-stately: "npm:3.47.0" + react-stately: "npm:3.48.0" peerDependencies: react: ^19.0.0-rc.1 react-dom: ^19.0.0-rc.1 @@ -8274,7 +8274,7 @@ __metadata: dependencies: "@adobe/react-spectrum": "npm:^3.46.2" "@react-aria/ssr": "npm:^3.0.0" - "@react-spectrum/test-utils": "npm:1.0.0-rc.0" + "@react-spectrum/test-utils": "npm:1.0.0-rc.1" "@react-spectrum/theme-default": "npm:^3.5.13" "@swc/helpers": "npm:^0.5.0" "@testing-library/dom": "npm:^10.1.0" @@ -8293,7 +8293,7 @@ __metadata: languageName: unknown linkType: soft -"@react-spectrum/test-utils@npm:1.0.0-rc.0, @react-spectrum/test-utils@workspace:packages/@react-spectrum/test-utils": +"@react-spectrum/test-utils@npm:1.0.0-rc.1, @react-spectrum/test-utils@workspace:packages/@react-spectrum/test-utils": version: 0.0.0-use.local resolution: "@react-spectrum/test-utils@workspace:packages/@react-spectrum/test-utils" dependencies: @@ -9462,7 +9462,7 @@ __metadata: languageName: unknown linkType: soft -"@react-types/shared@npm:^3.30.0, @react-types/shared@npm:^3.34.0, @react-types/shared@npm:^3.35.0, @react-types/shared@workspace:packages/@react-types/shared": +"@react-types/shared@npm:^3.30.0, @react-types/shared@npm:^3.34.0, @react-types/shared@npm:^3.36.0, @react-types/shared@workspace:packages/@react-types/shared": version: 0.0.0-use.local resolution: "@react-types/shared@workspace:packages/@react-types/shared" dependencies: @@ -26397,26 +26397,26 @@ __metadata: languageName: node linkType: hard -"react-aria-components@npm:1.18.0, react-aria-components@npm:^1.18.0, react-aria-components@npm:^1.7.1, react-aria-components@workspace:packages/react-aria-components": +"react-aria-components@npm:1.19.0, react-aria-components@npm:^1.7.1, react-aria-components@workspace:packages/react-aria-components": version: 0.0.0-use.local resolution: "react-aria-components@workspace:packages/react-aria-components" dependencies: "@internationalized/date": "npm:^3.12.2" - "@react-types/shared": "npm:^3.35.0" + "@react-types/shared": "npm:^3.36.0" "@swc/helpers": "npm:^0.5.0" "@tailwindcss/postcss": "npm:^4.0.0" client-only: "npm:^0.0.1" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-aria: "npm:3.49.0" + react-aria: "npm:3.50.0" react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-stately: "npm:3.47.0" + react-stately: "npm:3.48.0" peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 languageName: unknown linkType: soft -"react-aria@npm:3.49.0, react-aria@npm:^3.40.0, react-aria@npm:^3.47.0, react-aria@npm:^3.48.0, react-aria@workspace:packages/react-aria": +"react-aria@npm:3.50.0, react-aria@npm:^3.40.0, react-aria@npm:^3.47.0, react-aria@npm:^3.48.0, react-aria@workspace:packages/react-aria": version: 0.0.0-use.local resolution: "react-aria@workspace:packages/react-aria" dependencies: @@ -26425,13 +26425,13 @@ __metadata: "@internationalized/date": "npm:^3.12.2" "@internationalized/number": "npm:^3.6.7" "@internationalized/string": "npm:^3.2.9" - "@react-types/shared": "npm:^3.35.0" + "@react-types/shared": "npm:^3.36.0" "@swc/helpers": "npm:^0.5.0" aria-hidden: "npm:^1.2.3" clsx: "npm:^2.0.0" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" - react-stately: "npm:3.47.0" + react-stately: "npm:3.48.0" use-sync-external-store: "npm:^1.6.0" peerDependencies: react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1 @@ -26688,7 +26688,7 @@ __metadata: languageName: unknown linkType: soft -"react-stately@npm:3.47.0, react-stately@npm:^3.38.0, react-stately@npm:^3.46.0, react-stately@workspace:packages/react-stately": +"react-stately@npm:3.48.0, react-stately@npm:^3.38.0, react-stately@npm:^3.46.0, react-stately@workspace:packages/react-stately": version: 0.0.0-use.local resolution: "react-stately@workspace:packages/react-stately" dependencies: @@ -26697,7 +26697,7 @@ __metadata: "@internationalized/date": "npm:^3.12.2" "@internationalized/number": "npm:^3.6.7" "@internationalized/string": "npm:^3.2.9" - "@react-types/shared": "npm:^3.35.0" + "@react-types/shared": "npm:^3.36.0" "@swc/helpers": "npm:^0.5.0" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" use-sync-external-store: "npm:^1.6.0" From 898c50f64bcafa0b91be1e28c1ffb6ded1a9505d Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Thu, 18 Jun 2026 09:01:52 -0700 Subject: [PATCH 2/2] chore: june release notes (#10215) --- .../pages/react-aria/releases/v1-19-0.mdx | 74 +++++++++++++++++++ .../dev/s2-docs/pages/s2/releases/v1-5-0.mdx | 53 +++++++++++++ 2 files changed, 127 insertions(+) create mode 100644 packages/dev/s2-docs/pages/react-aria/releases/v1-19-0.mdx create mode 100644 packages/dev/s2-docs/pages/s2/releases/v1-5-0.mdx diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-19-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-19-0.mdx new file mode 100644 index 00000000000..450e347d480 --- /dev/null +++ b/packages/dev/s2-docs/pages/react-aria/releases/v1-19-0.mdx @@ -0,0 +1,74 @@ +{/* Copyright 2026 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. */} + +import {InstallCommand} from '../../../src/InstallCommand'; + +import {Layout} from '../../../src/Layout'; +export default Layout; + +import docs from 'docs:@react-spectrum/s2'; + +export const hideNav = true; +export const section = 'Releases'; +export const tags = ['release', 'React Aria']; +export const date = 'June 18, 2026'; +export const title = 'v1.19.0'; +export const description = 'This release supports full interactions with embedded text fields and other interactive elements in GridList and Tree, brings Autocomplete and Popover improvements to allow inline completion, and much more!'; +export const isSubpage = true; + +# v1.19.0 + +This release adds support for full interaction with embedded text fields and other interactive elements in [GridList](../GridList#keyboard-navigation) and [Tree](../Tree#keyboard-navigation) with the `keyboardNavigationBehavior` prop. [Autocomplete](../Autocomplete) and [Popover](../Popover) gain several improvements to support [inline completions](../Autocomplete#inline-completions), including a new `getTargetRect` prop on Popover for positioning overlays relative to arbitrary character positions. Menu's `onAction` callback now provides both the item key and value, and `DragTypes.has()` accepts multiple MIME types and wildcards. + +### Breaking Changes + +`@react-aria/optimize-locales-plugin` has been bumped by a major version due to upgrading from `unplugin@1` to `unplugin@2`. This was necessary to support Node 26, which removed a deprecated API used by `unplugin@1`. If you are using webpack 4, you will need to either stay on the previous version of the plugin or upgrade to webpack 5. + +## Changelog + +### General Changes +- Fix crash in `isFocusable` and `isElementVisible` when called on a node detached from a browsing context - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/10142) +- Improve tree shaking in the `optimizeLocales` build plugin - [@bhovhannes](https://github.com/bhovhannes) - [PR](https://github.com/adobe/react-spectrum/pull/10144) +- Fix crash in test environments where `HTMLElement.prototype.focus` is defined as a getter-only accessor property - [@antododo](https://github.com/antododo) - [PR](https://github.com/adobe/react-spectrum/pull/10041) +- Update `optimize-locales-plugin` compatibility with Node.js 26 - [@bhovhannes](https://github.com/bhovhannes) - [PR](https://github.com/adobe/react-spectrum/pull/10152) +- Support `not-*` variants in `tailwindcss-react-aria-components` - [@mehdibha](https://github.com/mehdibha) - [PR](https://github.com/adobe/react-spectrum/pull/9974) + +### Autocomplete +- Fix virtual focus not being applied to the first matching item when typing with a CJK IME - [@Lucas20000903](https://github.com/Lucas20000903) - [PR](https://github.com/adobe/react-spectrum/pull/10156) +- Add inline completions example to Autocomplete documentation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10205), [PR](https://github.com/adobe/react-spectrum/pull/10212) + +### Calendar +- Fix CalendarYearPicker to include the `maxValue` year in its selectable range - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/10149) + +### Drag and Drop +- Allow `DragTypes.has()` to accept multiple MIME types and wildcard patterns such as `image/*` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10191) + +### GridList +- Add `keyboardNavigationBehavior` prop to support textfields and other interactive elements inside of rows - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/10195), [PR](https://github.com/adobe/react-spectrum/pull/10206) + +### Menu +- Update `onAction` to receive both the item's `key` and its `value` as arguments - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10191) + +### Popover +- Add `getTargetRect` prop to Popover for positioning relative to an arbitrary rectangle or character position within a text field - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10191) + +### Tree +- Add `keyboardNavigationBehavior` prop support textfields and other interactive elements inside of rows - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/10195), [PR](https://github.com/adobe/react-spectrum/pull/10206) + +## Released packages + +``` + - @react-types/shared@3.36.0 + - @react-aria/optimize-locales-plugin@2.0.0 + - @react-aria/parcel-resolver-optimize-locales@1.4.0 + - react-aria@3.50.0 + - react-aria-components@1.19.0 + - react-stately@3.48.0 + - tailwindcss-react-aria-components@2.2.0 +``` diff --git a/packages/dev/s2-docs/pages/s2/releases/v1-5-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v1-5-0.mdx new file mode 100644 index 00000000000..81b0eb5039e --- /dev/null +++ b/packages/dev/s2-docs/pages/s2/releases/v1-5-0.mdx @@ -0,0 +1,53 @@ +{/* Copyright 2026 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. */} + +import {InstallCommand} from '../../../src/InstallCommand'; + +import {Layout} from '../../../src/Layout'; +export default Layout; + +import docs from 'docs:@react-spectrum/s2'; + +export const hideNav = true; +export const section = 'Releases'; +export const tags = ['release', 'S2']; +export const date = 'June 18, 2026'; +export const title = 'v1.5.0'; +export const description = 'This release supports full interactions with embedded text fields and other interactive elements in ListView and TreeView and additional bug fixes!'; +export const isSubpage = true; + +# v1.5.0 + +This release adds support for full interaction with embedded text fields and other interactive elements in [ListView](../ListView#keyboard-navigation) and [TreeView](../TreeView#keyboard-navigation) with the new `keyboardNavigationBehavior` prop. Menu exposes a `dependencies` prop for dynamic item collections, and `CenterBaseline` is now exported from Spectrum 2 to help make custom styles even easier. + +## Changelog + +### General Changes +- Export `CenterBaseline` component from Spectrum 2 for aligning inline icons with text baseline - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/10162), [PR](https://github.com/adobe/react-spectrum/pull/10216) + +### ButtonGroup +- Fix overflow detection for buttons whose labels contain no line-break - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/10186), [PR](https://github.com/adobe/react-spectrum/pull/10210) + +### ListView +- Add `keyboardNavigationBehavior` prop to support textfield's and other interactive elements inside rows - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/10206) + +### Menu +- Expose `dependencies` prop on Menu to allow dynamic item collections to re-render in response to external state changes - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10191) + +### Popover +- Expose `isNonModal` prop on Popover for use cases where focus should not be trapped when the popover is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10191) + +### TableView +- Improve focus ring styling - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/10096) + +### Tabs +- Fix infinite render loop when Tabs are rendered inside a DropZone - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/10090) + +### TreeView +- Add `keyboardNavigationBehavior` prop to support textfield's and other interactive elements inside rows - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/10206)