This document contains release notes for the @studiocms/ui package.
For more information, see the CHANGELOG file ⤴
2b89d92 ⤴ Thanks @RATIU5 ⤴! - prevents overflow select dropdowns with a scrollable container and enables toggling the dropdown via svg icon click9fc5efb ⤴ Thanks @louisescher ⤴! - Fixes selects not being form compatiblecbee510 ⤴ Thanks @RATIU5 ⤴! - fixes select interfaces and types and adds safety check to prevent duplicate event listenersc27bf16 ⤴ Thanks @louisescher ⤴! - Fixes mismatched IDs in the CSS for the double sidebar componentf183732 ⤴ Thanks @louisescher ⤴! - Fixes a z-index for starlight variant tabs being too greatef29352 ⤴ Thanks @louisescher ⤴! - Fixes broken styles for flat success buttons in light mode and starlight tabs when used in cardsdc7b723 ⤴ Thanks @Adammatthiesen ⤴! - Adds a value prop to the checkbox59f4c05 ⤴ Thanks @louisescher ⤴! - Fixes card footers to be hidden should they have no contentf71057d ⤴ Thanks @Adammatthiesen ⤴! - Add viewbox attribute for IconBase component#56 ⤴ 40ae2ea ⤴ Thanks @Adammatthiesen ⤴! - Add option to disable global CSS injection and allow users to import the global css themselves.
Basic Example of how to import:
---import "studiocms:ui/global-css";---65eea2c ⤴ Thanks @Adammatthiesen ⤴! - Update Input component to allow search type51d5565 ⤴ Thanks @Adammatthiesen ⤴! - fix weird icon sizing during build#48 ⤴ 4a43e03 ⤴ Thanks @Adammatthiesen ⤴! - Fix Icon component requiring functions from Iconify Utils lib during runtime as well as extend usage possibilities.
NEW:
IconBase component exported from studiocms:ui/components which allows passing custom image collections from Iconify.Updated:
Icon component to use this new system.29ea967 ⤴ Thanks @louisescher ⤴! - Fixes icons getting cut off in certain circumstances and changes dropdown links to include icons99a2f79 ⤴ Thanks @louisescher ⤴! - Fixes compatibility issues with Astro view transitions641e4b0 ⤴ Thanks @Adammatthiesen ⤴! - Update publish config and files included#36 ⤴ 07e2d9e ⤴ Thanks @louisescher ⤴! - Implement Build step and migrate all exported components into virtual modules
Instead of @studiocms/ui/components use studiocms:ui/components
For more information see https://ui.studiocms.dev ⤴
#36 ⤴ 07e2d9e ⤴ Thanks @louisescher ⤴! - Add a few new components:
Add two new colors
info (Blue)monochrome (Black/White)Add the ability to pass a CSS file for customization of all colors
58e223c ⤴ Thanks @louisescher ⤴! - Fix tabs not being displayed correctly & dividers displaying backgrounds for empty slots6b0b58f ⤴ Thanks @louisescher ⤴! - Add pathe as a dependency to deal with path issues on Windows#18 ⤴ e471e11 ⤴ Thanks @louisescher ⤴! - The Accessibility Update
This version of @studiocms/ui includes a lot of improvements to the documentation and components. The most important changes include the move to
an integration-based system and a massive keyboard accessibility overhaul (thanks to HiDeoo ⤴ for the feedback on this)!
<Tabs /> component based on the tabs on the homepage.<Card /> component to include a new “filled” style.ThemeHelper class to its own category in the docs.#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - Added a new footer component, made accessibility improvements and preparations for first stable release
#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - - Update <Input /> component’s available types
#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - Added a new searchable select component and improved accessibility for normal selects
#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - Created new UI Library in preparations for the new StudioCMS Dashboard project
#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - Added a theme helper and theme toggle component
#1 ⤴ 14be139 ⤴ Thanks @Adammatthiesen ⤴! - Adjusted persistent toasts to include an outline for better visibility