Skip to content

v0.9.0

Choose a tag to compare

View all tags
@pukhrajp pukhrajp released this 09 Jun 10:28
· 48 commits to main since this release
v0.9.0
2396058
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Highlights

Chip — MD3 Expressive refactor

The Chip component has been rewritten to follow the same slot-based "Variants vs States" architecture used by Button and Switch.

Architecture

  • Interaction/selection states driven by data-* attributes via getInteractionDataAttributes
  • Dedicated focus ring slot rendered outside overflow-hidden
  • Independent remove-button state layer with group/chip-remove scope
  • Spring motion tokens for color, opacity, shadow, and checkmark animations

MD3 token corrections

  • Per-type color tokens now match the MD3 Expressive spec exactly (assist, filter, input, suggestion)

New features

  • surface="elevated" now works on filter and input chips in addition to assist and suggestion

Breaking changes (pre-1.0)

  • surface default changed from "tonal" to "flat"
  • surface="tonal" is deprecated — maps to "flat" with a console warning in non-production

New exports

  • Slot variant functions: chipStateLayerVariants, chipFocusRingVariants, chipLeadingIconVariants, and more
  • Types: ChipStateLayerVariants, ChipLeadingIconVariants, ChipBodyPassthroughProps, ChipRemovePassthroughProps

Full changelog: packages/react/CHANGELOG.md

Assets 2
Loading