Skip to content

Conversation

@louisescher
Copy link
Member

@louisescher louisescher commented Feb 26, 2025

Description

This is a bulk PR for StudioCMS UI v1.0. The following needs to be completed before this PR can merge:

@changeset-bot
Copy link

changeset-bot bot commented Feb 26, 2025

🦋 Changeset detected

Latest commit: 7e2f51c

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

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

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

@withstudiocms-deployments
Copy link

withstudiocms-deployments bot commented Feb 26, 2025

The preview deployment failed. 🔴

Open Build Logs

Last updated at: 2025-10-07 14:16:06 CET

* Remove ThemeToggle component and related files; recommend using ThemeHelper directly to avoid errors.

* Update docs/src/components/landing/HeroSection.astro

* Update .changeset/sixty-rice-peel.md

Co-authored-by: Paul Valladares <[email protected]>

---------

Co-authored-by: Louis Escher <[email protected]>
Co-authored-by: Paul Valladares <[email protected]>
@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 27, 2025

Open in StackBlitz

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

commit: 7e2f51c

RATIU5 and others added 6 commits February 28, 2025 19:23
* feat(skeleton): add basic skeleton loading state component

* edit(skeleton): add changeset, adjusted types for Skeleton

* edit(skeleton): use zog types for type safety

* edit(skeleton): convert spaces to tabs in styles

* edit(skeleton): updated docs title casing
…88)

* feat(icons): update icon handling to use AvailableIcons type and adjust icon imports

* feat(icons): update icon imports to use HeroIcons format and adjust related components

* feat(icon): enhance error handling for icon collection and name validation

* feat(icon): enhance error handling with detailed hints for invalid icons

* feat(icon): enforce required height and width properties for icons and improve error handling

* feat(icon): improve error handling for invalid icon names with detailed hints

* feat(tsconfig): include icons.d.ts in TypeScript configuration

* feat(events): add custom event handling with CustomEventMap and global Document interface extension

* feat(icon): add validation for icon names to prevent invalid formats

* feat(icon): enhance validation for icon names to handle edge cases

* fix(icon): correct validation logic for icon name format

* fix(icon): correct icon name validation logic and variable naming

* feat(icon): enhance icon validation and error handling with detailed documentation

* feat(icon): update Icon component to support iconifyJSON icons with new naming convention

* feat(icon): add detailed JSDoc comments for IconBase component and its props

* fix(icon): update default dimensions in renderData function to use iconCollection values

* fix(icon): update renderData function to prioritize iconData dimensions over defaults

* fix(icon): simplify error message for missing icons in IconBase component
…ated types (#89)

* feat(studiocms_ui): update TypeScript configurations and remove obsolete scripts.d.ts file

* feat(types): migrate from injected types to ambient types for static virtual modules

* feat(dependencies): update package versions and add knip configuration
* feat: add the prose class ported from tailwindcss

* remove old sidebar badges, adjust prose styling, finish prose docs and adjustments

* Create twelve-otters-pull.md

* Update .changeset/twelve-otters-pull.md

Co-authored-by: Adam Matthiesen <[email protected]>

---------

Co-authored-by: Louis Escher <[email protected]>
Co-authored-by: Louis Escher <[email protected]>
Co-authored-by: Adam Matthiesen <[email protected]>
@coderabbitai
Copy link

coderabbitai bot commented Apr 6, 2025

Important

Review skipped

More than 25% of the files skipped due to max files limit. The review is being skipped to prevent a low-quality review.

161 files out of 268 files are above the max files limit of 100. Please upgrade to Pro plan to get higher limits.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch v1.0.0

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.

RATIU5 added 2 commits July 21, 2025 16:05
* accordion: refactor to fix #75 & #76

* tabs: support for nested tabs

* docs: added nested tabs example

* tabs: add active/default tab attribute

* edit: condensed this pr to one patch update
Adammatthiesen and others added 7 commits August 19, 2025 08:33
* add: introduce individual component virtual exports for easier imports

* refactor: clean up formatting in settings and virtuals definitions

* Refactor component imports to use tree-shakeable paths

- Updated footer, group, input, modal, progress, radio-group, row, select, select-searchable, skeleton, tabs, textarea, toast, toggle, tooltip, user components to import from their specific paths instead of the main components directory.
- Enhanced documentation to reflect the new import structure for better clarity and optimization.

* chore: update TypeScript configuration and dependencies

- Updated TypeScript compiler options in ec.config.mjs to use ESNext features.
- Added @types/node dependency with version 24.3.0 in package.json.
- Updated references in dropdown, modal, toast, and theme-helper documentation to include type references for @studiocms/ui.
- Updated pnpm-lock.yaml to reflect the new @types/node version across various dependencies.

* fix: update code block syntax for Astro config example
* add: support for v1.0.0 branch in CI workflow and create initial changeset configuration

* update: enhance CI workflow for main and v1.0.0 branches; add changesets to pre.json

* Update .github/workflows/ci-push-main.yml

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* feat: Add upgrade guide for v1.0

* Update docs/src/content/docs/docs/upgrade-guides/0.4-to-1.0.mdx

Co-authored-by: Adam Matthiesen <[email protected]>

* chore: Add example to icons in upgrade guide

---------

Co-authored-by: Adam Matthiesen <[email protected]>
@codecov
Copy link

codecov bot commented Sep 25, 2025

Codecov Report

❌ Patch coverage is 92.33449% with 22 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines Patch % Lines
...ckages/studiocms_ui/src/components/Tabs/Tabs.astro 75.75% 16 Missing ⚠️
..._ui/src/components/SearchSelect/SearchSelect.astro 40.00% 3 Missing ⚠️
...tudiocms_ui/src/components/Skeleton/Skeleton.astro 95.23% 2 Missing ⚠️
...es/studiocms_ui/src/components/Select/Select.astro 50.00% 1 Missing ⚠️

📢 Thoughts on this report? Let us know!

@github-actions
Copy link
Contributor

github-actions bot commented Sep 25, 2025

Test Results

passed 284 passed

Details

tests 284 tests
clock 644ms
tool playwright
build Run Tests arrow-right playwright-test-report link #188
pull-request [WIP] v1.0.0 link #85

Suites

284 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 15.2s
✅ 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 18.0s
✅ 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 6.5s
✅ 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 25.2s
✅ 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 26.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 6.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 14.0s
✅ 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 6.9s
✅ 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 6.8s
✅ 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 6.7s
✅ 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 12.7s
✅ 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 5.9s
✅ 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 13.5s
✅ 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.4s
✅ 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 12.8s
✅ 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.5s
✅ 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.4s
✅ 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 14.8s
✅ 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 14.9s
✅ 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 6.7s
✅ 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.5s
✅ 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.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 29.0s
✅ 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.1s
✅ 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 7.3s
✅ 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 13.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 8.5s
✅ 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 6.9s

Github Test Reporter by CTRF 💚

🔄 This comment has been updated

@louisescher louisescher marked this pull request as ready for review September 29, 2025 20:06
@louisescher louisescher requested a review from a team as a code owner September 29, 2025 20:06
@Adammatthiesen Adammatthiesen marked this pull request as draft September 29, 2025 20:07
louisescher and others added 3 commits September 29, 2025 22:51
* fix: Dev toolbar colors, add new icon

* feat: Add dev toolbar tests

* Update ColorPicker.test.ts

* screw windows clipboard

* Update ColorPicker.ts

* fix: More tests

* fix: Disable dev toolbar

* Update icon.ts

* fix: Lint

---------

Co-authored-by: Louis Escher <[email protected]>
@louisescher louisescher marked this pull request as ready for review September 29, 2025 21:31
Adammatthiesen and others added 10 commits September 29, 2025 14:42
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* fix toggle and flat button colors

* updated customization docs with changes to colors

* colors didn't change, this should actually change them
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
* feat: move component helpers to separate virtual modules

* fix: update import paths for component helpers to use client modules

* fix: update import paths for components to use client modules

* fix: separate import statements for Progress and ProgressHelper components

* fix: refactor component mapping to separate server and client components
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@louisescher louisescher changed the title [WIP] v1.0.0 v1.0.0 Nov 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment