@skeletonlabs/skeleton@5.0.0
openobserve/openobserve@skeletonlabs/skeleton@5.0.0Jul 17, 2026by github-actions[bot]
AI Summary
A major version update introducing structural and design improvements, variable sizing, and new components, along with updated themes and expanded typography utilities.
Key Highlights
- Updated themes to the new v5 format
- Notable structural and design improvements with variable sizing
- Introduction of the meter component
- Added Dialog, Disclosure, and Mask Tailwind components
Breaking Changes
- Removal of `card-hover` utility
- Removal of `btn-icon-fab` (use `btn-icon-3xl` with `rounded-full` instead)
New Features
- Variable sizing utilities covering the full Tailwind type scale (xs through 9xl)
- Meter component
- Dialog, Disclosure, and Mask components
- Expanded Typography utilities (abbr, cite, q, sub, sup, time)
- Corner Shape utility and brand color defaults
Full Release Notes
### Major Changes - task: remove `card-hover` utility ([#4417](https://github.com/skeletonlabs/skeleton/pull/4417)) - feature: Updated themes to new v5 format ([#4353](https://github.com/skeletonlabs/skeleton/pull/4353)) - feature: Notable structural and design improvements for Tailwind and Framework components. Introducing variable sizing. Adds the meter component. ([#4380](https://github.com/skeletonlabs/skeleton/pull/4380)) - task: enter pre release ([#4352](https://github.com/skeletonlabs/skeleton/pull/4352)) ### Minor Changes - feature: Added Dialog, Disclosure, and Mask Tailwind components, expanded Typography utilities (abbr, cite, q, sub, sup, time) ([#4389](https://github.com/skeletonlabs/skeleton/pull/4389)) - task: refined global styles, redistributed placeholder color to Tailwind components ([#4370](https://github.com/skeletonlabs/skeleton/pull/4370)) - bugfix: remove `cursor: pointer` from buttons ([#4367](https://github.com/skeletonlabs/skeleton/pull/4367)) - task: Optimizations to the core global and theme properties ([#4396](https://github.com/skeletonlabs/skeleton/pull/4396)) - task: Add Corner Shape utility and apply brand color defaults across components, typography, and links. ([#4408](https://github.com/skeletonlabs/skeleton/pull/4408)) - feature: Expanded button (`btn`, `btn-icon`) and form field (`field-*`) size utilities to cover the full Tailwind type scale (`xs` through `9xl`). Removed `btn-icon-fab` in favor of the new sizes — use `btn-icon-3xl` (with `rounded-full` for circular) for an equivalent. ([#4390](https://github.com/skeletonlabs/skeleton/pull/4390))