Skip to content

fix: class attribute handling in Card component - #163

Merged
louisescher merged 6 commits into
mainfrom
fix/card-classes
Aug 11, 2026
Merged

fix: class attribute handling in Card component#163
louisescher merged 6 commits into
mainfrom
fix/card-classes

Conversation

@louisescher

@louisescher louisescher commented Aug 11, 2026

Copy link
Copy Markdown
Member

Description

  • Closes N/A
  • Fixes an issue with how we handled custom classes on card elements. Previously, a class param would just override the pre-defined class attribute due to a spread, now we handle custom classes properly.

Summary by CodeRabbit

  • Bug Fixes
    • Custom CSS classes now apply correctly to card components.
    • Cards consistently retain their default styling while safely handling additional properties.

@louisescher
louisescher requested a review from a team as a code owner August 11, 2026 08:07
@htg-1-studiocms-cloud

htg-1-studiocms-cloud Bot commented Aug 11, 2026

Copy link
Copy Markdown

Dokploy Preview Deployment

Name Status Preview Updated (UTC)
StudioCMS UI ✅ Done Preview URL 2026-08-11T08:56:57.448Z

@changeset-bot

changeset-bot Bot commented Aug 11, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 5606467

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

This PR includes changesets to release 1 package
Name Type
@studiocms/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

coderabbitai Bot commented Aug 11, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

@louisescher, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 12 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 70cc5ef7-c69a-4b7e-8eb7-1a8e1035061c

📥 Commits

Reviewing files that changed from the base of the PR and between ebd0fcf and 5606467.

📒 Files selected for processing (2)
  • .changeset/red-clubs-grab.md
  • packages/studiocms_ui/src/components/Card/Card.astro
📝 Walkthrough

Walkthrough

The Card component now merges props.class with sui-card and removes class from the remaining spread props.

Changes

Card class forwarding

Layer / File(s) Summary
Card rendering
packages/studiocms_ui/src/components/Card/Card.astro
The rendered polymorphic element includes the consumer-provided class and excludes the original class property from spread props.

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

Suggested reviewers: adammatthiesen, dreyfus92, jdtjenkins

Poem

A rabbit hops through cards with care,
Merging classes smooth and fair.
The base class stays, props flow clean,
No duplicate class is seen.
“Hop, hop!” says Bun beneath the screen.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes the fix to class attribute handling in the Card component.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches 💡 1
🛠️ Fix failing CI checks 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/card-classes

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.

@codecov

codecov Bot commented Aug 11, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

@pkg-pr-new

pkg-pr-new Bot commented Aug 11, 2026

Copy link
Copy Markdown
npm i https://pkg.pr.new/@studiocms/ui@163

commit: 5606467

Comment thread packages/studiocms_ui/src/components/Card/Card.astro Outdated
@github-actions

github-actions Bot commented Aug 11, 2026

Copy link
Copy Markdown
Contributor

Test Results

passed 300 passed

Details

tests 300 tests
clock 809ms
tool playwright
build Run Tests arrow-right playwright-test-report link #303
pull-request fix: class attribute handling in Card component link #163

Suites

300 passed, 0 failed, and 0 other

Suite Passed Failed Other Duration
✅ packages/studiocms_ui/test/components/Accordion.e2e.ts
        ✅ Test Functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 16.9s
✅ packages/studiocms_ui/test/components/Alert.e2e.ts
        ✅ Basic functionality
        ✅ Renders all variant alerts
        ✅ Renders alert content correctly
        ✅ Renders with correct variant icons
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Basic functionality
        ✅ Renders all variant alerts
        ✅ Renders alert content correctly
        ✅ Renders with correct variant icons
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 16 ❌ 0 ⏭️ 0 16.0s
✅ packages/studiocms_ui/test/components/Badge.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
✅ 14 ❌ 0 ⏭️ 0 21.7s
✅ packages/studiocms_ui/test/components/Breadcrumbs.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.8s
✅ packages/studiocms_ui/test/components/Button.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
✅ 18 ❌ 0 ⏭️ 0 30.3s
✅ packages/studiocms_ui/test/components/Card.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Slot Styling (Dark Mode)
        ✅ Test Accessibility - Slot Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Slot Styling (Dark Mode)
        ✅ Test Accessibility - Slot Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
✅ 18 ❌ 0 ⏭️ 0 28.9s
✅ packages/studiocms_ui/test/components/Center.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.1s
✅ packages/studiocms_ui/test/components/Checkbox.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.5s
✅ packages/studiocms_ui/test/components/Divider.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.5s
✅ packages/studiocms_ui/test/components/Dropdown.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.7s
✅ packages/studiocms_ui/test/components/Footer.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.4s
✅ packages/studiocms_ui/test/components/Group.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Button Group Styling (Dark Mode)
        ✅ Test Accessibility - Button Group Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Button Group Styling (Dark Mode)
        ✅ Test Accessibility - Button Group Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.2s
✅ packages/studiocms_ui/test/components/Icon.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.1s
✅ packages/studiocms_ui/test/components/Input.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - With Icon Styling (Dark Mode)
        ✅ Test Accessibility - With Icon Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - With Icon Styling (Dark Mode)
        ✅ Test Accessibility - With Icon Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.3s
✅ packages/studiocms_ui/test/components/Modal.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.3s
✅ packages/studiocms_ui/test/components/Progress.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 16.2s
✅ packages/studiocms_ui/test/components/RadioGroup.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.8s
✅ packages/studiocms_ui/test/components/Row.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.5s
✅ packages/studiocms_ui/test/components/SearchSelect.e2e.ts
        ✅ Basic functionality
        ✅ Multi-Select functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multi-Select Styling (Dark Mode)
        ✅ Test Accessibility - Multi-Select Styling (Light Mode)
        ✅ Basic functionality
        ✅ Multi-Select functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multi-Select Styling (Dark Mode)
        ✅ Test Accessibility - Multi-Select Styling (Light Mode)
✅ 12 ❌ 0 ⏭️ 0 17.5s
✅ packages/studiocms_ui/test/components/Select.e2e.ts
        ✅ Basic functionality
        ✅ Multiple functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multiple Styling (Dark Mode)
        ✅ Test Accessibility - Multiple Styling (Light Mode)
        ✅ Basic functionality
        ✅ Multiple functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multiple Styling (Dark Mode)
        ✅ Test Accessibility - Multiple Styling (Light Mode)
✅ 12 ❌ 0 ⏭️ 0 17.7s
✅ packages/studiocms_ui/test/components/Sidebar-double.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.8s
✅ packages/studiocms_ui/test/components/Sidebar-single.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.4s
✅ packages/studiocms_ui/test/components/Skeleton.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Width/Height Styling (Dark Mode)
        ✅ Test Accessibility - Width/Height Styling (Light Mode)
        ✅ Test Accessibility - Radius Styling (Dark Mode)
        ✅ Test Accessibility - Radius Styling (Light Mode)
        ✅ Test Accessibility - Direction Styling (Dark Mode)
        ✅ Test Accessibility - Direction Styling (Light Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Light Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Light Mode)
        ✅ Test Accessibility - Gap Styling (Dark Mode)
        ✅ Test Accessibility - Gap Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Width/Height Styling (Dark Mode)
        ✅ Test Accessibility - Width/Height Styling (Light Mode)
        ✅ Test Accessibility - Radius Styling (Dark Mode)
        ✅ Test Accessibility - Radius Styling (Light Mode)
        ✅ Test Accessibility - Direction Styling (Dark Mode)
        ✅ Test Accessibility - Direction Styling (Light Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Light Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Light Mode)
        ✅ Test Accessibility - Gap Styling (Dark Mode)
        ✅ Test Accessibility - Gap Styling (Light Mode)
✅ 34 ❌ 0 ⏭️ 0 1m 1s
✅ packages/studiocms_ui/test/components/Tabs.e2e.ts
        ✅ Basic functionality
        ✅ Sync functionality
        ✅ Nested functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Sync Styling (Dark Mode)
        ✅ Test Accessibility - Sync Styling (Light Mode)
        ✅ Test Accessibility - Nested Styling (Dark Mode)
        ✅ Test Accessibility - Nested Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Basic functionality
        ✅ Sync functionality
        ✅ Nested functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Sync Styling (Dark Mode)
        ✅ Test Accessibility - Sync Styling (Light Mode)
        ✅ Test Accessibility - Nested Styling (Dark Mode)
        ✅ Test Accessibility - Nested Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 22 ❌ 0 ⏭️ 0 34.6s
✅ packages/studiocms_ui/test/components/Textarea.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.8s
✅ packages/studiocms_ui/test/components/Toast.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.5s
✅ packages/studiocms_ui/test/components/Toggle.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.7s
✅ packages/studiocms_ui/test/components/Tooltip.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 9.3s
✅ packages/studiocms_ui/test/components/User.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.0s

Github Test Reporter by CTRF 💚

🔄 This comment has been updated

@louisescher
louisescher merged commit 904696f into main Aug 11, 2026
13 checks passed
@louisescher
louisescher deleted the fix/card-classes branch August 11, 2026 11:03
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.

2 participants