Skip to content

v0.14.0

Choose a tag to compare

@pukhrajp pukhrajp released this 10 Jun 01:45
· 27 commits to main since this release
d89a205

@tinybigui/react

TextField — MD3 Expressive refactor

Breaking changes:

  • Removed size prop ("small" | "medium" | "large") — MD3 text fields are a fixed 56dp height with no size scale
  • Removed TextFieldSize type export

New features:

  • prefix prop: inline prefix text (e.g. "$") — rendered before the input value, visible once the label floats
  • suffix prop: inline suffix text (e.g. "kg", "%") — rendered after the input value, visible once the label floats

Architecture / styling:

  • Rebuilt on the Variants-vs-States architecture with data-* attributes on the root group/text-field element
  • MD3 state layer (filled variant): bg-on-surface overlay at 8% hover / 10% focus opacity
  • MD3 active indicator (filled variant): 1px bottom line animating to 2px on focus
  • MD3 notched outline (outlined variant): aria-hidden <fieldset>/<legend> gap for floating label
  • Label transitions use MD3 body-largebody-small typography swap with spring motion tokens
  • Supporting text + character counter on one flex row per MD3 spec
  • Icon size corrected to 24×24dp; field typography aligned to MD3 typescale

See packages/react/CHANGELOG.md for full release notes.