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