v8.0.0-beta

❌ Breaking Changes ❌

• The OcticonButton component has been removed. use <Link><Octicon/><Link> instead #368
• CircleBadge uses CircleBadge.Iconnow instead of using an Octicon #377

💅 Enhancements

• All components are now using styled-components, and no longer rely on Primer CSS class names 🙌

📝 Documentation

• Documentation has been updated for the changes above ☝️

v7.0.0-beta

🚨 Breaking Changes

• Removed default value for bg in BorderBox

💅 Enhancements

• Removed flex from FLEX_CONTAINER props and put it in FLEX_ITEM #347
• Stop concatenating COMMON into other categories in system-props.js and instead do it within each component to make this more explicit #347
• Extend Box from BorderBox, remove default value for bg #358
• Update Octicons #359

📝 Documentation

• The site (served from primer.style/components and the non-aliased deployment URL) now redirects from / to /components #355
• Fix duplicated SSR styles #357
• Readme updates #350

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 the aria-label prop instead of placeholder
• Component Tweaks #344, lots of docs changes + renamed scheme to status in StateLabel
• 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 and alt props from CircleBadge. Use an img as a child of CircleBadge, and add alt text there instead. #332
• Button updates: #330
  • added width prop
  • Removed block prop
• Removed ButtonLink component - users should use a <Link is='button'> for this use case. The model here should be Button 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 and BoxShadow props from Box, added them to BorderBox #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 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.

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 on Link
• 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 or muted props. Style the color of the link text using color instead. The Link also now has no underline by default. Add underline to override this. #282
• DonutChart & DonutSlice have been renamed to Donut and Donut.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

🐛 Bug fixes

• Closes #278 (broken BranchName styles) via #276
• Closes #273 via #238 and #288