Skip to content

Navigation Menu

Sign in
Sign up

feat(core): scale TextInput/TextArea control type with size; add text-input-control theme target - #6086

Open
ManoharPaturi wants to merge 1 commit into
facebook:main from
ManoharPaturi:feat/text-input-text-size
Open

feat(core): scale TextInput/TextArea control type with size; add text-input-control theme target #6086
ManoharPaturi wants to merge 1 commit into
facebook:main from
ManoharPaturi:feat/text-input-text-size

Conversation

@ManoharPaturi

@ManoharPaturi ManoharPaturi commented Sep 6, 2026

Copy link
Copy Markdown
Contributor

Fixes #6014

Summary

Both asks from the issue:

  1. Control text now scales with size for TextInput and TextArea: sm--text-supporting-size/leading, md → body, lg--text-large-size/leading (the repo's typeScaleVars; these wrap the raw --font-font-size-* tokens the issue measured). Previously only the control height changed — a sm input squeezed body text into 24px and an lg floated 14px text in 40px. The coarse-pointer max(1rem, ...) floor is kept per size; lg TextArea keeps its padding step.
  2. New text-input-control theme target on the <input> element — a bare target exactly mirroring the existing text-area-control — so themes can key off the control surface; data-size stays on the astryx-text-input wrapper.

Tests

+6 in TextInput.test.tsx (control target rendered, wrapper-only data-size, per-size toHaveStyle var assertions, default) and +3 in TextArea.test.tsx, following existing style.

Note for the reviewer

packages/themes/probe/src/probeTheme.ts is regenerated (visual:probe-theme) — it picks up this PR's new target plus pre-existing drift on origin/main (stepper targets, the merged toggle-button elevation selectors); main currently fails the probe check without a regen, so this brings it back in sync.

Verification

Targeted suites 576 passed (TextInput 78, TextArea 86, theming-targets guard 412); tsc --noEmit clean; eslint 0 errors; probe check current (277 targets / 892 selectors); all check:repo scripts pass. Docs updated in EN/zh/dense; changeset included.

Copilot AI lite review requested due to automatic review settings September 6, 2026 06:57

vercel Bot commented Sep 6, 2026
edited
Loading

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
astryx Ready Ready Preview Sep 6, 2026 7:00am UTC

Request Review

@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Meta Open Source bot. label Sep 6, 2026

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@github-actions github-actions Bot added community Authored by a community contributor (not on the eng/design team) needs:code-review High-risk change (new package/component/API) — needs human code review before merge needs:design-review Affects visuals — Design should review labels Sep 6, 2026
github-actions Bot added a commit that referenced this pull request Sep 6, 2026

github-actions Bot commented Sep 6, 2026

Copy link
Copy Markdown
Contributor

PR Analysis Report

📚 Storybook Preview

View Storybook for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

🧪 Sandbox Preview

View Sandbox for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

Modified Components

TextArea (@astryxdesign/core) · View in Storybook
Metric Before After Delta
Bundle Size (ESM) N/A N/A N/A
Lines of Code N/A 445 -
Complexity N/A Very High (65) -
TextInput (@astryxdesign/core) · View in Storybook
Metric Before After Delta
Bundle Size (ESM) N/A N/A N/A
Lines of Code N/A 355 -
Complexity N/A Very High (55) -

Bundle Size Summary

Package Size (ESM) Size (CJS) Gzipped
@astryxdesign/core N/A 4.8KB 1.2KB

Accessibility Audit

Status: No accessibility violations detected.

Visual Regression

Status: No visual change across 4 compared shot(s).


Generated by PR Enrichment workflow | Storybook | Sandbox | View full report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

Copilot code review Copilot
Copilot review effort, defaults to Lite
Applies to this pull request for everyone.Learn more about Copilot code review.
Copilot left review comments
@cixzhang cixzhang Awaiting requested review from cixzhang cixzhang is a code owner
@imdreamrunner imdreamrunner Awaiting requested review from imdreamrunner imdreamrunner is a code owner
@josephfarina josephfarina Awaiting requested review from josephfarina josephfarina is a code owner
@cvkxx cvkxx Awaiting requested review from cvkxx
@ernestt ernestt Awaiting requested review from ernestt
@kentonquatman kentonquatman Awaiting requested review from kentonquatman
@rubyycheung rubyycheung Awaiting requested review from rubyycheung

Assignees

No one assigned

Labels

CLA Signed This label is managed by the Meta Open Source bot. community Authored by a community contributor (not on the eng/design team) needs:code-review High-risk change (new package/component/API) — needs human code review before merge needs:design-review Affects visuals — Design should review

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

TextInput: text size ignores size; add a text-input-control target

2 participants

AltStyle によって変換されたページ (->オリジナル) /