👷 [ci]: Ready for Release

[apollo-git-bot]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@studiocms/ui@1.2.1

Patch Changes

• #161 4217cb4 Thanks @louisescher! - Adds support for Astro v7

[htg-1-studiocms-cloud]

Dokploy Preview Deployment

Name	Status	Preview	Updated (UTC)
StudioCMS UI	✅ Done	Preview URL	2026-06-26T16:35:49.630Z

[pkg-pr-new]

npm i https://pkg.pr.new/withstudiocms/ui/docs@162

npm i https://pkg.pr.new/withstudiocms/ui/@studiocms/ui@162

commit: cc68580

[codecov]

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!

[github-actions]

Test Results

300 passed

Details

300 tests
833ms
playwright
Run Tests playwright-test-report #294
👷 [ci]: Ready for Release #162

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.7s
✅ 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	15.8s
✅ 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.4s
✅ 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	8.1s
✅ 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	29.4s
✅ 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.4s
✅ 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	7.3s
✅ 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	16.6s
✅ 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.2s
✅ 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.4s
✅ 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	7.5s
✅ 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.0s
✅ 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	8.2s
✅ 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.0s
✅ 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	15.0s
✅ 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	14.4s
✅ 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	6.9s
✅ 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	16.2s
✅ 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	16.1s
✅ 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.2s
✅ 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	6.9s
✅ 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	56.6s
✅ 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	30.1s
✅ 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.3s
✅ 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.8s
✅ 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	14.3s
✅ 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	6.9s
✅ 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	7.0s

Github Test Reporter by CTRF 💚