Skip to content

feat: PromptField animation, AI button, and loader updates - #10425

Merged
devongovett merged 12 commits into
mainfrom
promptfield-animation
Aug 5, 2026
Merged

feat: PromptField animation, AI button, and loader updates#10425
devongovett merged 12 commits into
mainfrom
promptfield-animation

Conversation

@devongovett

Copy link
Copy Markdown
Member
  • Adds new gradient animation to PromptField in the generating state
  • Adds new AIButton component
  • Updates pixel loader animation corner rounding, scaling, opacity. Adds new CXO loader icons.
  • Adds support for high contrast mode and reduced motion settings

Note change in S2 Provider: the --s2-color-scheme var is now always light or dark and not light dark. This allows it to be used in container style queries to adjust styles based on the correct color scheme (both app set and OS set).

@rspbot

rspbot commented Aug 4, 2026

Copy link
Copy Markdown

@rspbot

rspbot commented Aug 4, 2026

Copy link
Copy Markdown

Agent Skills Changes

Modified (2)
Install

React Spectrum S2:

npx skills add https://d1pzu54gtk2aed.cloudfront.net/pr/1cd0a3a7b61accc35f3d39fef2fc2d1648992c39/

React Aria:

npx skills add https://d5iwopk28bdhl.cloudfront.net/pr/1cd0a3a7b61accc35f3d39fef2fc2d1648992c39/

@LFDanLu LFDanLu left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, lets get this merged so I can pull in the AIButton for the demo via nightly

import {pressScale} from '@react-spectrum/s2/pressScale';

export interface AIButtonProps extends Omit<
ButtonProps,

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also omit excludeFromTabOrder?
In a similar comment though, i think we keep preventFocusOnPress if it's being used in prompt so the cursor can stay in the field?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmm we don't omit those from S2 though

}
});

defineProperties(`

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can this be defined multiple times? what if two instances define it with a different initial-value?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it can and the last one wins. lightningcss will deduplicate them

@devongovett
devongovett added this pull request to the merge queue Aug 5, 2026
Merged via the queue into main with commit 55180fa Aug 5, 2026
31 checks passed
@devongovett
devongovett deleted the promptfield-animation branch August 5, 2026 00:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants