Skip to content

v0.8.1

Choose a tag to compare

View all tags
@pukhrajp pukhrajp released this 09 Jun 06:31
· 51 commits to main since this release
v0.8.1
ab0b9ee
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.1

Checkbox — MD3 Variants-vs-States Architecture

Rewrites Checkbox styling to match the slot-based CVA pattern used by Switch:

  • All interaction/selection states (hover, focus-visible, pressed, selected, disabled, invalid, indeterminate) are now expressed as data-* attributes on the root element via getInteractionDataAttributes, consumed by group-data-[x]/checkbox Tailwind selectors in each slot
  • Replaces the animate-pulse SVG focus ring with a proper MD3 focus-ring slot (outline, opacity transition via *-spring-standard-fast-effects)
  • Replaces hardcoded duration-200 with MD3 motion token pairs: effects transitions use *-spring-standard-fast-effects, spatial transitions use *-spring-standard-fast-spatial
  • State-layer opacities corrected to MD3 spec: hover 8%, focus/pressed 10%
  • Box visual now uses a div with border-2 rounded-[2px] + spec-accurate 18dp SVG icons in dedicated Checkbox.icons.tsx module
  • Exports updated to new slot variant names (checkboxRootVariants, checkboxControlVariants, checkboxStateLayerVariants, checkboxFocusRingVariants, checkboxBoxVariants, checkboxIconVariants, checkboxLabelVariants)

No behavioral or API changes — CheckboxProps and React Aria integration are unchanged.

Full Changelog: v0.8.0...v0.8.1

Assets 2
Loading