fix: adjust combobox styles to match other fields

[joshunrau]

Summary by CodeRabbit

• Style
  • Refined the look and feel of combo box chips, combo box items, and input groups with updated spacing, corner rounding, focus, and invalid-state styling.
  • Added a subtle shadow treatment to improve visual consistency across form controls.
• Documentation
  • Updated the combo box label in the form story to display as “Combo Box” for clearer presentation.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: b9b11f9e-0262-4215-aafb-b25dd4a5cd0c

📥 Commits

Reviewing files that changed from the base of the PR and between 338beba and 587af96.

📒 Files selected for processing (4)

• src/components/ComboBox/ComboBoxChips.tsx
• src/components/ComboBox/ComboBoxItem.tsx
• src/components/Form/Form.stories.tsx
• src/components/InputGroup/InputGroup.tsx

---

Walkthrough

This PR updates Tailwind CSS className strings for ComboBoxChips, ComboBoxItem, and InputGroup components, adjusting sizing, radius, padding, shadow, and focus/invalid ring styles. It also updates a form story's label text from "ComboBox" to "Combo Box".

Changes

Styling and Label Updates

Layer / File(s)	Summary
ComboBox styling updates src/components/ComboBox/ComboBoxChips.tsx, src/components/ComboBox/ComboBoxItem.tsx	Updated Tailwind classes for chips wrapper (height, radius, focus/invalid ring, transitions) and item (radius, padding).
InputGroup styling update src/components/InputGroup/InputGroup.tsx	Updated root className: adjusted height, rounding, shadow (shadow-xs), and focus/invalid ring thickness.
Form story label update src/components/Form/Form.stories.tsx	Changed stringComboBox field label from "ComboBox" to "Combo Box".

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• DouglasNeuroInformatics/libui#88: Introduced the ComboBoxChips/ComboBoxItem and InputGroup components whose styling is now being tweaked.

Poem

A dash of shadow, a touch of ring,
Rounded corners now a slightly different thing.
"ComboBox" grows a space to breathe,
Tiny tweaks a rabbit weaves. 🐇✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch combobox-styles

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

🎉 This PR is included in version 6.8.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀