Skip to content

v0.11.2

Choose a tag to compare

@pukhrajp pukhrajp released this 09 Jun 12:39
· 36 commits to main since this release
77463b5

Changed

@tinybigui/react

  • Tabs — MD3 expressive styling refactor with variants-vs-states architecture
    • Rewrite Tabs.variants.ts: remove selected/disabled CVA variants; drive all interaction states via data-* attributes and group-data-[x]/tab selectors
    • Add tabStateLayerVariants slot (absolute inset overlay) replacing before: pseudo-element; hover 8%, focus/pressed 10% opacity per MD3 spec
    • Fix active indicator: both primary and secondary variants now use bg-primary (MD3 spec: active-indicator-color = --md-sys-color-primary)
    • Fix indicator motion: transition-[left,width] uses spring-standard-default-spatial tokens
    • Fix primary indicator width: measures [data-tab-content] span width (content width, centered), not full tab button width
    • Add ResizeObserver in TabList to keep indicator position correct on reflow
    • Update Tab.tsx: add useHover, take isPressed from useTab, emit data-* attrs via getInteractionDataAttributes
    • Export tabStateLayerVariants from package index

Full changelog: packages/react/CHANGELOG.md