Skip to content

v0.8.0

Choose a tag to compare

View all tags
@pukhrajp pukhrajp released this 09 Jun 05:30
· 54 commits to main since this release
v0.8.0
b6320c2
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.8.0

Badge — MD3 expressive variants/states architecture (breaking, pre-1.0)

  • Removes non-spec color prop and BadgeColor type from Badge, BadgeContent, and DrawerItemBadgeConfig
  • MD3 badge uses error color only (bg-error / text-on-error), now hardcoded in CVA base
  • Migrates to variants-vs-states architecture (same pattern as Button, Switch, IconButton)
  • Dot vs count is a content flag (data-dot); visibility is a runtime flag (data-invisible)
  • Show/hide animation uses MD3 Expressive spatial motion tokens

Migration: Remove any color prop usage from <Badge> and <DrawerItem badge={{ color: … }}>.

Badge — icon-corner anchoring fix

  • Indicator now straddles the wrapped element's top-right corner (top-0 right-0 -translate-y-1/2 translate-x-1/2) per MD3 spec
  • Host-size-agnostic: works on bare icons, IconButtons, nav chips, and other wrapped elements

DrawerItem trailing badge

  • Config-based badge (badge={{ count: N }}) renders inline static pill via new badgeStaticVariants (no absolute positioning on zero-size anchor)

New exports

  • badgeStaticVariants and BadgeStaticVariants for inline badge pills in custom layouts

Full changelog: packages/react/CHANGELOG.md

Assets 2
Loading