Skip to content

v0.7.0

Choose a tag to compare

View all tags
@pukhrajp pukhrajp released this 09 Jun 01:57
· 57 commits to main since this release
v0.7.0
196d3cd
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

@tinybigui/react 0.7.0

BREAKING FABMenu: redesign action items to MD3 Expressive pill buttons

FABMenuItem is now a full-rounded 56dp pill button (leading icon + inline label) matching the MD3 Expressive FAB Menu spec, replacing the previous 40dp mini-FAB with a detached floating label chip.

Breaking changes

  • FABMenuItem shape changes: was size-10 rounded-xl (40dp mini-FAB); now h-14 rounded-full (56dp pill)
  • label is now rendered inline inside the button (not as a sibling chip)
  • aria-label on FABMenuItem is now optional when label is provided
  • fabMenuItemVariants shape has changed: slot-based CVA with a color variant replaces the old isOpen boolean CVA

New features

  • color prop on FABMenuItem (default primary-container): 6 MD3 Expressive color roles
  • New exported slot CVAs: fabMenuItemStateLayerVariants, fabMenuItemFocusRingVariants, fabMenuItemIconVariants, fabMenuItemLabelVariants
  • New exported CVA: fabMenuListVariants — absolutely-positioned overlay with RTL-aware anchoring
  • Trigger FAB is the sole in-flow child; action items render as an absolutely-positioned overlay
  • Scale-in/out pivot aligned per direction; stagger animation flicker fixes
  • Ripple effect, full React Aria keyboard accessibility, useReducedMotion support

Documentation

  • Updated README, ROADMAP, and package READMEs to reflect 29 shipped components

Full Changelog: v0.6.0...v0.7.0

Assets 2
Loading