feat: Sana Canvas Text Input & Area, Form Field, Color Picker

[jaclynjessup]

🚀 Feature Proposal

Update Input components to align with v16 token and style changes.

Components in this ticket:

• Text Input
• Text Area
• Form Field
• Color Picker / Input / Preview

---

Prerequisites

• Design review: Confirm all Figma components are marked ready for dev
• Color Picker scope confirmed: style-only, no full refactor

---

Token Updates Required

All components: Space ✅, Size ✅, Shape ✅, Color ✅, Depth No, Theme ✅

---

Visual Changes

Component	Changes
Text Input	Color and corner radius token updates
Text Area	Color and corner radius token updates
Form Field	Color and corner radius updates; input group icon color No longer valid, disregard
Color Picker	Corner radius token update only

---

API Changes

Text Input, Text Area, Form Field

• No API changes.

Color Picker / Input / Preview

• No API changes.
• ⚠️ Scope note: This component needs a full refactor in a future release. That work is explicitly out of scope here — style token changes only (corner radius). A follow-up ticket should be created for the full refactor.

---

Effort & Timeline

• Priority: Medium (Text Input, Text Area, Form Field) / Low (Color Picker)
• Effort: Small (token changes — colors and corner radius)

---

Dependencies

• No blockers

---

Acceptance Criteria

• Color and corner radius tokens updated on Text Input, Text Area, Form Field
• Form Field input group icon color updated No longer valid, disregard
• Color Picker corner radius updated (no other changes)
• No API changes introduced
• Visual regression tests pass
• Storybook updated

[RayRedGoose]

fixed with #3992