Skip to content

v4.0.0-beta

Pre-release
Pre-release

Choose a tag to compare

View all tags
@shawnbot shawnbot released this 12 Oct 23:44
v4.0.0-beta
52b7700
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

💥 Breaking changes

The big, breaking change in this release is that we've changed some component names and moved some "child" components under the parent one:

  • FlexContainer is now named Flex
  • FlexItem is now Flex.Item, and can be accessed via the Flex import
  • UnderlineNavItem is now UnderlineNav.Item
  • FilterListItem is now FilterList.Item

When migrating from previous versions, you'll need to do a search and replace for all of the above component names, then remove any leftover instances of Flex.Item, UnderlineNav.Item, and FilterList.Item in your named imports of @primer/components.

Two of our label components have also undergone some API refactoring:

  • The Label component no longer has the scheme prop, and introduces size and dropshadow props.
  • The StateLabel component was refactored: state prop is now scheme, and supports different values for issue- and PR-specific color/octicon pairings.

🚀 New features

  • Typography components (Text, Heading, etc.) now have a textAlign prop that can be used to responsively adjust the text-align CSS property.
  • Layout components (Box, et al) now have a responsive overflow prop that sets the same CSS property.

🐛 Bug fixes

  • The Flex component (FKA FlexContainer) now has the missing justifyItems prop, which maps to the justify-items CSS property.
Assets 2
Loading