Skip to content

fix: update styles and migrate tooltip usage to compound pattern#725

Merged
rohanchkrabrty merged 2 commits intomainfrom
update-select-and-input
Mar 30, 2026
Merged

fix: update styles and migrate tooltip usage to compound pattern#725
rohanchkrabrty merged 2 commits intomainfrom
update-select-and-input

Conversation

@rohanchkrabrty
Copy link
Copy Markdown
Contributor

Summary

  • Update CSS styles for input-field, select, and text-area components
  • Migrate TextArea tooltip usage from legacy message/side props to compound component pattern (Tooltip.Trigger + Tooltip.Content)
  • Migrate Calendar tooltip usage to compound pattern, using disabled prop on Tooltip root for conditional display
  • Update Figma Code Connect example to reflect the new Tooltip compound API

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 30, 2026

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

Project Deployment Actions Updated (UTC)
apsara Ready Ready Preview, Comment Mar 30, 2026 9:14am

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Mar 30, 2026

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 956fb451-d47b-4fd3-b6fd-b4dae6e92aa7

📥 Commits

Reviewing files that changed from the base of the PR and between 5abfc1c and cbe12b2.

📒 Files selected for processing (6)
  • packages/raystack/components/calendar/calendar.tsx
  • packages/raystack/components/input-field/input-field.module.css
  • packages/raystack/components/select/select.module.css
  • packages/raystack/components/text-area/text-area.module.css
  • packages/raystack/components/text-area/text-area.tsx
  • packages/raystack/figma/tooltip.figma.tsx

📝 Walkthrough

Walkthrough

This pull request updates the tooltip component API across multiple components and adjusts styling for consistency. The tooltip implementation is refactored from a prop-based approach (passing message and side to Tooltip) to a structured composition pattern using Tooltip.Trigger and Tooltip.Content child components. This change is applied to the calendar and text-area components, with the Figma example updated accordingly. Additionally, CSS border widths are reduced from 1px to 0.5px for input-field and text-area components, the select component's trigger border color is updated to use a tertiary color variable, and a shadow effect is removed from the select trigger styling.

Suggested reviewers

  • paanSinghCoder
  • rohilsurana

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@rohanchkrabrty rohanchkrabrty merged commit e741c21 into main Mar 30, 2026
4 of 5 checks passed
@rohanchkrabrty rohanchkrabrty deleted the update-select-and-input branch March 30, 2026 09:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants