v0.14.0
@tinybigui/react
TextField — MD3 Expressive refactor
Breaking changes:
- Removed
sizeprop ("small" | "medium" | "large") — MD3 text fields are a fixed 56dp height with no size scale - Removed
TextFieldSizetype export
New features:
prefixprop: inline prefix text (e.g."$") — rendered before the input value, visible once the label floatssuffixprop: 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 rootgroup/text-fieldelement - MD3 state layer (filled variant):
bg-on-surfaceoverlay 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-large→body-smalltypography 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.