Styleframe Logo
Back to changelog
v3.4.0

The recipe surge

This release is a burst of components. Card, Modal, Tooltip, Skeleton, Progress, Popover, Chip, and more all arrived at once, and the recipe API gained a few conveniences that make declaring them less verbose.

New

  • A dozen-plus recipes. Card (with per-part borders that collapse on adjacency), Modal (overlay, header, body, footer), Tooltip, Skeleton, Progress, Popover, Chip, Nav, ButtonGroup, and Placeholder joined the theme.
  • Light, dark, and neutral colors were added to the Badge and Button recipes.

Improved

  • Boolean variant props. Recipe variants can now be declared as booleans, so an on/off variant reads as a flag instead of a string value.
  • Class names for compound variants. Compound variants can carry their own class names, giving you a hook to target specific variant combinations.
  • Auto-sized story previews. The StoryPreview component sizes its iframe height from the Storybook content, so demos no longer clip or leave gaps.

Breaking

  • danger is now error. The semantic color was renamed to match the convention the rest of the palette follows. Rename any danger references to error.
  • The Alert recipe was renamed to Callout.
View the v3.4.0 release on GitHub