@skeletonlabs/skeleton@5.0.0

skeletonlabs/skeleton@skeletonlabs/skeleton@5.0.0Jul 17, 2026by github-actions[bot]

AI Summary

A major release introducing a new v5 format with updated themes, variable sizing, new components (Meter, Dialog, Disclosure, Mask), and expanded typography utilities.

Key Highlights

  • Updated themes to new v5 format
  • Introduction of variable sizing and the meter component
  • Removal of the `card-hover` utility
  • Expanded button and field size utilities (xs through 9xl)

Breaking Changes

  • Removal of `card-hover` utility

New Features

  • Dialog, Disclosure, and Mask Tailwind components
  • Expanded Typography utilities (abbr, cite, q, sub, sup, time)
  • Corner Shape utility
  • Expanded button (`btn`, `btn-icon`) and form field (`field-*`) size utilities
  • Refined global styles and redistributed placeholder colors

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))