Releases: primer/react
Releases · primer/react
v6.0.1-beta
💅 Enhancements
- @shawnbot added codemods for helping folks upgrade from major versions 1-4! 🎉
v6.0.0-beta
✨ New Components
- AvatarPair #342
🚨 Breaking Changes
- Accessibility tweaks #345,
aria-label
is now set via thearia-label
prop instead ofplaceholder
- Component Tweaks #344, lots of docs changes + renamed
scheme
tostatus
inStateLabel
- Avatar changes #342, removed
isChild
prop. See docs for updated instructions on how to create parent/child avatars 🙌
Other
- Deleted main.workflow #346
v5.0.0-beta
🚀 New features
- Add fontWeights to theme #326
- Link now respects
is
prop.
🚨 Breaking Changes
- Removed the
src
andalt
props from CircleBadge. Use animg
as a child of CircleBadge, and add alt text there instead. #332 Button
updates: #330- added
width
prop - Removed
block
prop
- added
- Removed
ButtonLink
component - users should use a<Link is='button'>
for this use case. The model here should beButton
is a UI element that is styled like a button.Link
is a UI element that is styled like a link. You can change the tag as needed. #330 - Removed
border
,borderRadius
,BorderColor
andBoxShadow
props fromBox
, added them toBorderBox
#329
v4.0.0-beta
💥 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 namedFlex
FlexItem
is nowFlex.Item
, and can be accessed via theFlex
importUnderlineNavItem
is nowUnderlineNav.Item
FilterListItem
is nowFilterList.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 thescheme
prop, and introducessize
anddropshadow
props. - The
StateLabel
component was refactored:state
prop is nowscheme
, and supports different values for issue- and PR-specific color/octicon pairings.
🚀 New features
- Typography components (
Text
,Heading
, etc.) now have atextAlign
prop that can be used to responsively adjust thetext-align
CSS property. - Layout components (
Box
, et al) now have a responsiveoverflow
prop that sets the same CSS property.
🐛 Bug fixes
- The
Flex
component (FKAFlexContainer
) now has the missingjustifyItems
prop, which maps to thejustify-items
CSS property.
v3.0.3-beta
🐛 Bug Fixes
- Ships another fix for Link's
hoverColor
prop
v3.0.2-beta
Fixes bug with hoverColor in Link
v3.0.1-beta
💅 Enhancements
hoverColor
is now available as a prop onLink
- The spacing scale in
theme.js
has been updated to include additional values 🎉
v3.0.0-beta
❌ Breaking Changes ❌
- The MergeStatus component has been removed. This component can easily be created using a StateLabel component. #286
- The Link component no longer takes
scheme
ormuted
props. Style the color of the link text usingcolor
instead. The Link also now has no underline by default. Addunderline
to override this. #282 - DonutChart & DonutSlice have been renamed to
Donut
andDonut.Slice
#269
🚀 New features
- There is now a
<BaseStyles>
component for establishing typographic styles #276 - Static CSS required by some components is now injected globally — no need for linking or bundling! #285
📝 Documentation
- SideNav links now have active styles #281
- Deployment is always scaled to one instance, fixing slow production loads #289
- Inline SVGs via svgr/webpack #288
- Docs site is now responsive! 🎉 #275
- Standardize asset path prefix & fix index image #274
- Updated component descriptions #287