Skip to content

v0.2.0

Choose a tag to compare

View all tags
@pukhrajp pukhrajp released this 25 Apr 14:03
· 125 commits to main since this release
v0.2.0
9165094

v0.2.0

This release adds the full MD3 Navigation suite: AppBar, Tabs, NavigationDrawer, and NavigationBar — completing the Phase 2 component set.

Added

`@tinybigui/react`

  • NavigationBar — MD3 Bottom Navigation Bar with 3–5 destination items; animated active indicator pill; badge support (dot, numeric, "999+" truncation); `hideLabels` prop for icon-only mode; full keyboard navigation; WCAG 2.1 AA
  • AppBar — MD3 Top App Bar with four size variants (small, center-aligned, medium, large); composable navigation and action icon slots; scroll-triggered elevation via `useScrollElevation` hook
  • Tabs — MD3 Primary and Secondary tab variants; composable `Tab`, `TabList`, and `TabPanel` slots; animated active indicator; full keyboard navigation; WCAG 2.1 AA
  • NavigationDrawer — MD3 Navigation Drawer with modal and standard variants; composable `DrawerItem` and `DrawerSection` slots; scrim overlay; focus trap; WCAG 2.1 AA

`@tinybigui/tokens`

  • Typography, motion, easing, and spacing token mappings added to Tailwind `@theme` for AppBar and Tabs
  • Scrim color, `opacity-32`, drawer width, and shape tokens

Fixed

  • Button tonal/primary variant now correctly uses `bg-primary-container text-on-primary-container` per MD3 spec
  • NavigationBar active status indicator styling
  • Drawer component spacing and alignment
  • TextField label positioning and placeholder visibility
  • Style consistency across Checkbox, Radio, Switch, FAB, and IconButton variants

Installation

```bash
npm install @tinybigui/react@0.2.0 @tinybigui/tokens@0.2.0
```

Assets 2
Loading