add: style improvements

[kotAPI]

Summary by CodeRabbit

• Style
  • Improved border and text color consistency across UI components including badges, blockquotes, callouts, cards, checkboxes, and code blocks for better visual hierarchy and readability.
  • Enhanced dialog component with smooth transitions, responsive layout adjustments, state-based styling for open/closed states, and refined focus and hover interactions on controls.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 7703747

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@radui/ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

This PR introduces a patch release for @radui/ui with systematic color token updates across multiple SCSS component files to improve readability. Border colors are updated from lighter to darker gray variants, text colors from lighter to darker shades, and the dialog component receives comprehensive styling enhancements including state-based transitions and responsive layout adjustments.

Changes

Cohort / File(s)	Summary
Color token updates across components styles/themes/components/badge.scss, styles/themes/components/blockquote.scss, styles/themes/components/callout.scss, styles/themes/components/checkbox.scss, styles/themes/components/checkbox-cards.scss, styles/themes/components/checkbox-group.scss	Border colors updated from gray-300/gray-200 to darker variants (gray-400/gray-500), text colors shifted to darker shades (gray-950), and accent color tokens incremented for improved contrast and readability.
Card component styling styles/themes/components/card.scss	Border color adjusted from gray-200 to gray-300 across base, outline, and soft variants.
Code component borders styles/themes/components/code.scss	Border colors updated from gray-200 to gray-400 in outline/soft variants, and accent border shade increased from accent-200 to accent-300.
Dialog component enhancement styles/themes/components/dialog.scss	Added transitions, state-based opacity/visibility/transform styling for open/closed states, responsive flex-based layout, focus outlines, hover/disabled states for close button, and media query for narrow viewports.
Changeset metadata .changeset/tame-weeks-occur.md	Patch release note documenting improved readability of borders and text colors.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Most changes follow a consistent pattern of token value replacements across multiple files. The dialog.scss file contains more substantial styling additions but remains straightforward layout and state management without complex logic. Homogeneous nature of color token updates reduces cognitive overhead per file.

• Attention areas: Verify that the color token increments (e.g., gray-300 → gray-400, accent-900 → accent-1000) are intentional and align with design system specifications; review dialog.scss focus handling and responsive breakpoint behaviors match component requirements.

Possibly related PRs

• add variant and size for blockquote #922: Modifies blockquote.scss with size-related CSS rules, touching the same component updated here with color tokens.
• Badge variants sizes #917: Updates badge.scss outline/soft variant styling, affecting the same component file modified in this PR.
• Introduce Dialog Component - Preview #1129: Adds dialog component styling updates to the same file receiving comprehensive enhancements here.

Poem

🐰 A patch of colors, darker, bolder still,
Gray tokens climb each component's hill,
From three to four, the borders gain their might,
While dialog dances—transitions take flight,
Readability blooms in the changeset's delight! 🎨

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch kotapi/style-updates-2

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e1d0ba8 and 7703747.

📒 Files selected for processing (10)

• .changeset/tame-weeks-occur.md (1 hunks)
• styles/themes/components/badge.scss (2 hunks)
• styles/themes/components/blockquote.scss (2 hunks)
• styles/themes/components/callout.scss (4 hunks)
• styles/themes/components/card.scss (1 hunks)
• styles/themes/components/checkbox-cards.scss (4 hunks)
• styles/themes/components/checkbox-group.scss (1 hunks)
• styles/themes/components/checkbox.scss (2 hunks)
• styles/themes/components/code.scss (2 hunks)
• styles/themes/components/dialog.scss (1 hunks)

---

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

[github-actions]

Coverage

This report compares the PR with the base branch. "Δ" shows how the PR affects each metric.

Metric	PR	Δ
Statements	83.79%	+0.00%
Branches	60.43%	+0.00%
Functions	66.39%	+0.00%
Lines	82.44%	+0.00%

Coverage improved or stayed the same. Great job!

Run npm run coverage locally for detailed reports and target untested areas to raise these numbers.