Styleframe Logo
Back to changelog
v2.4.0

A Storybook layer and premade utilities

This release rounds out the day-to-day toolkit. There's a Storybook layer for seeing the theme in isolation, a batch of premade utilities so you don't start from zero, and the directional spacing helpers you reach for constantly.

New

  • A Storybook layer. Preview theme tokens and components in Storybook, with dedicated stories for the design tokens.
  • Premade utility functions. A set of ready-made utilities, plus useUtilities to register every utility factory at once.
  • Directional spacing. padding-x, padding-y, margin-x, and margin-y utilities cover the axis-based spacing you use most.
  • The useEasing composable for animation timing functions.

Fixed

  • CSS selector escaping now covers a wider range of arbitrary values.
  • Nuxt plugin types were corrected.
View the v2.4.0 release on GitHub