From c08ea7f5c93f233a8aeb74a24db7ffd4308a573a Mon Sep 17 00:00:00 2001 From: Danni Date: Tue, 9 Dec 2025 15:03:21 -0800 Subject: [PATCH 1/8] update tagline --- packages/dev/s2-docs/pages/s2/home/Home.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/dev/s2-docs/pages/s2/home/Home.tsx b/packages/dev/s2-docs/pages/s2/home/Home.tsx index cc4a61fcc19..e3aec5ff2e4 100644 --- a/packages/dev/s2-docs/pages/s2/home/Home.tsx +++ b/packages/dev/s2-docs/pages/s2/home/Home.tsx @@ -256,7 +256,7 @@ export function Home() { with React Spectrum -

React Spectrum gives you the power to build high quality, accessible UI with the cohesive look and feel of Adobe.

+

React Spectrum empowers you to build high quality, accessible, cohesive apps with Adobe's signature look and feel

Get started Explore components From 09ea4dce0074c359dbb9fff1a15a280fcbc74d87 Mon Sep 17 00:00:00 2001 From: Danni Date: Tue, 9 Dec 2025 16:24:28 -0800 Subject: [PATCH 2/8] Update packages/dev/s2-docs/pages/s2/home/Home.tsx --- packages/dev/s2-docs/pages/s2/home/Home.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/dev/s2-docs/pages/s2/home/Home.tsx b/packages/dev/s2-docs/pages/s2/home/Home.tsx index e3aec5ff2e4..e755cfebe01 100644 --- a/packages/dev/s2-docs/pages/s2/home/Home.tsx +++ b/packages/dev/s2-docs/pages/s2/home/Home.tsx @@ -256,7 +256,7 @@ export function Home() { with React Spectrum -

React Spectrum empowers you to build high quality, accessible, cohesive apps with Adobe's signature look and feel

+

React Spectrum empowers you to build high quality, accessible, cohesive apps with Adobe's signature design

Get started Explore components From 7d0ddf8d09be3c59ae02e05bf7973e1e4cceef7d Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Wed, 10 Dec 2025 17:07:05 -0800 Subject: [PATCH 3/8] A few updates --- .../dev/s2-docs/pages/s2/home/ExampleApp.tsx | 1 + packages/dev/s2-docs/pages/s2/home/Home.tsx | 39 +++++++++++-------- packages/dev/s2-docs/pages/s2/home/States.tsx | 8 +++- packages/dev/s2-docs/pages/s2/index.mdx | 6 +-- 4 files changed, 33 insertions(+), 21 deletions(-) diff --git a/packages/dev/s2-docs/pages/s2/home/ExampleApp.tsx b/packages/dev/s2-docs/pages/s2/home/ExampleApp.tsx index a0e1e04687e..5a367681a44 100644 --- a/packages/dev/s2-docs/pages/s2/home/ExampleApp.tsx +++ b/packages/dev/s2-docs/pages/s2/home/ExampleApp.tsx @@ -293,6 +293,7 @@ export function AppFrame({children, inert, hidden, page, onPageChange}: any) {
with React Spectrum -

React Spectrum empowers you to build high quality, accessible, cohesive apps with Adobe's signature design

-
+

React Spectrum empowers you to build high quality, accessible, cohesive apps with Adobe's signature design.

+
Get started Explore components
@@ -271,7 +271,7 @@ export function Home() { description="React Spectrum makes interfaces more accessible, flexible, and easier to maintain, while giving users a seamless experience no matter where they are."> } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3', xl: 'span 4'}})}> @@ -285,7 +285,7 @@ export function Home() { } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3'}})}> */} } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3', xl: 'span 2'}})}> } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3', xl: 'span 4'}})}> @@ -356,28 +356,28 @@ export function Home() { */} -
+
With hundreds of Spectrum icons to choose from, use our icon search to find the right icon for the right experience.} illustration={} styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3'}})}> Rich illustrations help bring your interface to life. Use our illustration search to find the right illustration for your product.} illustration={} styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3'}})}>
Rapidly style custom components with Style Macros} + title={<>Rapidly style custom components with Style Macros.} description={<>Easily use Spectrum tokens like colors, spacing, and typography in your own custom components with style macros. Styles are colocated with your component code, allowing you to develop more efficiently and refactor with confidence – no more CSS conflicts or specificity issues. Style macros generate atomic CSS at build time, so you get tiny bundle sizes and fast runtime performance.}> } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 3', xl: 'span 2'}})}> @@ -469,14 +469,14 @@ const buttonStyle = style({ } style={{gridColumn: 'span 6'}}>
} styles={style({gridColumnStart: {default: 'span 6', lg: 'span 2'}})}> } styles={style({gridColumnStart: {default: 'span 6', lg: 'span 2'}})}>
+
+

Ready to get started?

+
+ Install and setup + Explore components +
+