Skip to content

v0.20.0

Compare
Choose a tag to compare
@github-actions github-actions released this 06 Jul 15:59
· 670 commits to refs/heads/main since this release
2eed140

What’s Changed

💥 Breaking changes

Migration guide

  • #658 introduces some minor changes to the DS tokens used for List items when hovered/focused. The changes make the component more consistent with the rest of Bento and do not have a retro-compatible workaround.

  • #645 drops the compatibility with React 17. This enables us to leverage some React 18 specific features more easily. React 17 may still work, but it's no longer supported or tested.

  • #646 builds on #645: we've upgraded react-aria, which now uses React 18's native useId hook to generate ids (for example, there are the ids generated to match a label to its field in a form). Previously, react-aria used a custom id generator which ultimately required Bento users to pass the ssr={true} prop to BentoProvider if they were using Bento in a SSR app. Thanks to our internal use of useId, this is no longer necessary, so we just dropped the ssr prop from BentoProvider. You can safely remove it without a change in functionality.

  • #642 removes createDefineBentoSprinkles. This used to be the primary mechanism for extending Bento with custom tokens, but it turned out to be a TS performance foot gun: using createDefineBentoSprinkles would increase compilation time by an order of magnitude, causing even tsserver to respond very slowly. We now advise using createSprinkles from @vanilla-extract/sprinkles directly, you can read the updated guide for more information: https://developer.bento-ds.com/Customization/atoms-augmentation. The migration from createDefineBentoSprinkles should be relatively straightforward and only require a little more boilerplate. Feel free to reach out in the Discussions on GitHub if you face issues.

🔧 Dependency updates